Content-Length: 337914 | pFad | http://b.hatena.ne.jp/lizy/design/ui/
エラーメッセージはフォームのどこに表示するべきか
UX Movementの著者および設立者です。ユーザー体験のデザインスキルの開発を手助けしてよりユーザーフレンドリーな世界のために、このブログを創設しました。 フォームのどこにエラーメッセージを配置していますか？ ユーザーの期待する場所にエラーメッセージが置かれていないと、ユーザーはフォーム入力を完了できなくなってしまうかもしれません。 フォーム入力を間違えたら、ユーザーはそれを修正して送信し直すために、なにが間違っていたのかを理解する必要があります。フォームを完了しようと思っていたとしても、それがあまりにも大変であればユーザーは心変わりしてしまうでしょう。 フォームの上か、フィールドのインラインか エラーメッセージの配置場所でもっとも一般的なのは、「フォームの上」と、「エラーのあるフィールドのインライン」という２箇所です。どちらの配置場所が、ユーザーにとってより直感的でしょうか？ 調査に
キャンセルのキャンセル問題から考えるダイアログデザイン｜Goodpatch Blog グッドパッチブログ
この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……？ 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では
SINAP | 注目のプロトタイピングツールまとめ-アプリのUIデザイン
こんにちは。デザイナーの飯山です。 夏の暑さも都内では落ち着きすっかり秋めいてきました。9月のシルバーウィークの過ごし方に想像を膨らませる今日この頃です。 さて、今回は数多くあるプロトタイピングツールの中から注目の�ツールをまとめてご紹介したいと思います。「なぜ？」「なにそれ？」という方もいらっしゃるかもしれないので、シナップでのプロトタイピング活用事例について少し触れたいと思います。 SINAPではR&D活動に取り組んでいます。新しい技術や制作手法を用いてトライ&エラーを繰り返すR&D活動では、アジャイル型の開発で進めていることもあり各種プロトタイピングツールをその時の目的に応じて使用しています。 R＆D活動の近況はSINAP Journalでも掲載していて、SINAPのR&Dチームのひとつで取り組んでいるブラウザで読める電子書籍公開サービス『パン』β版にも掲載されてるのでご興味ある方は
ひどいユーザインターフェースを一目で見極める | POSTD
前のブログ記事 を書いた時、「訓練された目ならば、不親切なソフトウェアを結構な頻度で簡単に見抜けるようになる」ということに気づきました。 それは初対面の人に第一印象を抱くのに似ています。私たちは初めて会った人の印象を判断するのに コンマ1秒もかからないそうです 。 人を判断するのとは違い、ユーザインターフェースの良しあしを判断することは、私たちが（今はまだ）本能的に行っていることではありません。しかし、たった数分で、もしくはもっと早く、ユーザインターフェースがじっくり考えられて作られたものか、ちょっとした思い付きで作られたものかどうかを判断することは可能です。 どうして判断がついたのかや、どんな警告サインが出ていたのかについては確証がなかったため、私は注意を払い、メモを取ることにしました。 以下は私が気付いたことです。 用語/ラベルの使い方があまりに総称的/一貫性していない これはユーザの
Prototyperを使ったモックアップ主導のUI設計プロセス
ユーザーインターフェイスを設計するためのワイヤーフレームとモックアップの取捨選択とプロトタイピングに適したモックアップツールを記載しています。 UI設計はUXデザインプロセスの4段階目 アプリやWebサービス、サイトなどを作っていく全体の流れは以下のプロセスを行っています。基本的なUXデザインのプロセス通りですが、コンセプトやアイディアの前に調査（理解）を重視している点と、ワイヤフレームではなくインタラクティブなモックアップを作成している点が多少異なるかもしれません。その他のプロセスにご興味がありましたら詳細は問題解決型UXデザインアプローチを御覧ください。 理解 アイディア ストーリー UI ビジュアルデザイン 開発 フィードバック 今回は上記の中で画面の要素やレイアウトを検討する「UI」フェイズの「モックアップ」に関してを、整理していきながら記載していきたいと思います。このUIフェイズ
Pixate - naoyaのはてなダイアリー
数日前に Pixate という iOS 向けミドルウェアがリリースされました。なんとiOSアプリの見た目を css で書けるという、全ウェブ開発者感涙のライブラリ。こりゃすげえ。ただし無料というわけにはいかず、18,000円くらいでこざいます。 2月9日 追記 トライアル版と、個人利用のための無料版が出たようです。 RubyMotion の teacupのように css チックな DSL で書ける、というものはありましたが Pixate はその辺とは次元が違ってて、普通に css ファイルに css を書くことができる。 button.blue { position: 60, 100; size: 200, 40; border-radius: 7px; font-family: 'Courier New'; font-size: 18pt; font-weight: bold; bord
『【iPhoneアプリ開発者必見！】画面遷移をイメージしやすくなるアプリ【POP】』
こんにちは。 CA Beatデザイナーのウオモリです。 年末ですね。クリスマスも終わって、 もうすぐ正月。。。 このまとまったお休みを使って 新しいiPhoneアプリを作ってみようかな… とか考えてる人多いと思います。 （ん？多いの？私のまわりだけ？） そんなあなたに！今日は革命的なアプリを紹介します！！！ iPhoneアプリの開発に携わってる方、webデザイナーの方、 UI設計をされている方、アプリプロデューサーの方、必見！！！ 紹介するアプリは「POP ~prototyping on paper」です！ POPはPOPでもLINE POPとは関係ないですよ。 コチラです！ ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ アプリ名：POP ~prototyping on paperカテゴリ：仕事効率化金額：無料 AppStoreはこちら ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ このアプリは設計の
スマートフォンサイトのUIパターンやフレームワーク・ツールなどをまとめたサイト -Mobile Tuxedo
スマートフォン向けサイトやアプリケーションを開発するのに役立つフレームワーク・ツール・プラグインなどのリソース、ナビゲーションをはじめとするUIパターンをまとめたサイトを紹介します。
このアプリのこの動きがたまらない 〜UIが斬新なiPhoneアプリ特集〜 - #RyoAnnaBlog
Tweet アニメーションや効果音が、たまらなく気持ちいいアプリがある。スワイプした時の動き、ボタンを押した時の効果音、ピンチアウトのユーザーインターフィエス。ちょっとしたギミックが、そのアプリの魅力を決定的なものにする。 今回は、UIが斬新なiPhoneアプリを集めた。同じ感覚の人がいると嬉しい。 Daily Routine 1日のルーティンワークを設定して通知するアプリ。カラフルなスロットを上下に動かした時の、マーブルの曲線がとても綺麗だ（動画 00:05）。 関連記事：時間にくさびを打って24時間を習慣化する Daily Routine | Lifehacking.jp Daily Routine - YouTube Tweetbot 小気味よいアニメーションと効果音がクセになるアプリ。とりわけ、ツイートを左右にスワイプした時の動きと音がたまらない（動画 01:30）。また「ツイート
気になった設定画面デザイン
デザインがなかなかいい。 tciuro/NoticeView シートの背景は画像が用意されていてそれを使っているようだ。@2xファイルが見当たらないのが気になった。 ネタ元はこちら。 iOSで上部にかっこよく通知を出す tciuro / NoticeView が...
Google、Honeycomb / ICSで動作するAndroidアプリについてメニューボタンの利用を止めてアクションバーに移行するよう促す | juggly.cn
2023年12月 (1) 2023年11月 (116) 2023年10月 (79) 2023年9月 (28) 2023年8月 (7) 2023年7月 (6) 2023年6月 (101) 2023年5月 (229) 2023年4月 (201) 2023年3月 (206) 2023年2月 (147) 2023年1月 (193) 2022年12月 (146) 2022年11月 (54) 2022年10月 (1) 2022年9月 (1) 2022年8月 (1) 2022年7月 (3) 2022年6月 (1) 2021年9月 (1) 2021年8月 (8) 2021年6月 (3) 2021年4月 (4) 2021年3月 (6) 2021年2月 (1) 2021年1月 (3) 2020年12月 (2) 2020年11月 (2) 2020年10月 (5) 2020年9月 (12) 2020年8月 (40
Google、Androidアプリ開発を学べる「Android Design」を立ち上げ
米Googleは1月12日（現地時間）、Android開発者がアプリ設計を総合的に学べるWebサイト「Android Design」を立ち上げたと発表した。 同サイトでは、Android 4.0（コードネーム：Ice Cream Sandwich）のアプリ構築に関する設計原理やユーザーインタフェース（UI）、推奨スタイルなどが順を追って説明されている。 Androidアプリ開発のガイドラインは、米AppleがiOSアプリで規定しているものほど厳格ではなく、自由にアプリを構築できる半面、UIの不統一などでユーザーにとっては使いにくい場合もある。同社は昨年12月、Androidアプリ開発者向けトレーニングサイトも開設した。 また、Googleは1月3日、Android 4.0以降を搭載する端末でAndroid Marketにアクセスするためには、デフォルトのUIテーマ「Holo」での動作を義務
私が「Ice Cream Sandwich」を嫌いな理由 - Kazzz's diary
GALAXY Nexusが来て2日間使い倒した。ハードウェア自体は良いなぁと思う点が多々あったものの、ソフトウェアに関しては自分がそれを生業にしている点で評価がどうしても厳しくなってしまうようで、今の所嫌いな所ばかりが目立つ状況だ。 私は元々AndroidそれもGingerbread(2.3)までのスマートフォンを主なターゲットとした装飾を控えめにした機能優先なインタフェースとデザインは好きだ。がしかしAndroidとしてタブレットに始めて対応することとなったハニカムは機能的なデザインが影を潜め、完成度もお世辞には高いとは思えないそのデザインとGUIは結局好きになれずじまいだったのである。 そこでAndroid4.0だ。"Ice Cream Sandwich" (以降はICSと略する)はスマートフォンとタブレットのユーザインタフェースを統合するものでありそのデザインは基本的にはハニカムが踏
iPhoneやAndroid向けのUIパターンギャラリー・Mobile Design Pattern Gallery - かちびと.net
カテゴリがしっかり分けられていて 凄く見やすかったのでご紹介。iPhone やAndroid向けのUIパターンギャラリー です。アプリデベロッパーさんや アプリデザイナー、モバイル向けの デザインの参考にいかがでしょう。 パターンギャラリーはもうすでにいくつもありますけど、ここは特にちゃんと分けてくれているので見やすい印象でした。 左サイドに大まかなカテゴリーがあります。それぞれには更に細かいパターンに分けられています。たとえば、ナビゲーションならリストタイプ、メガメニュー、カルーセル真紀など。 こちらは検索のカテゴリ。検索ボックスや、オートコンプリート、ソート機能付きなどなど。 インビテーション・・・サイトツアーみたいなやつです。こういうのあんまり紹介されてませんよね。 パターンはその場でLightbox風に表示するのでページ推移も必要ありません。 みたいな感じのパターンギャラリーです。
iPhone と Android で同じアプリを作るときの UI 設計ポイント
こんにちは。共同開発部企画担当の荻野と申します。 フェンリルでは自社のソフトウェアを開発する部署とは別に、他の企業や団体と共同でアプリケーションの開発をおこなう共同開発部という部署が存在します。 私はその中で企画提案の担当をしていますが、最近、「今ある iPhone アプリケーションを Android でも出したい」「iPhone と Android 同時開発してほしい」とのご相談をクライアント様よりいただく事が増えてきました。 「同じスマートフォン同士、親戚みたいなものなんだから簡単に平行展開できるでしょ？」と、軽いノリでご相談をもってきてくれるパートナー企業様。 いやいや、ちょっと待ってください。 iPhone と Android では、端末のも UI も全然違うので、そんな簡単にできるものではないのです。 そもそも OS が異なるので、 iOS では簡単にできるけど Android
デザイナに知っていて欲しい10個のAndroidのUIルール - ReDo
iPhoneのそれと比較して、よくかっこわるいと評価されてしまうAndroidですが、正しくは「標準UI同士で比べた際にイケてない」のが真実だと思っています。 今現実として、Androidアプリにイケてないものが多いのですが、そもそもデザインを考慮するプロセスが省略されてしまっていたり、時間（コスト）が無いとかそういうこともあったと思いますが、流石にこれだけメジャーなデバイスになってしまうとそれが許される時代は終わってしまいました。 ドットコム全盛期の様なGeocities＋IBMホームページビルダーのデザインがはるか昔にキャハハされた様に、もうそろそろ標準UIで未カスタマイズのAndroidアプリもキャハハされる時代です。 そんな中、効率よくかっこいいUIを構築するために頭の片隅で把握しておくとちょっと幸せになれる、独断と偏見で捻りあげた10個のAndroidのUIルールを紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fetched URL: http://b.hatena.ne.jp/lizy/design/ui/
Alternative Proxies:
ページネーションのベストプラクティス | POSTD
Androidアプリのタブレット向けレイアウト
Engadget | Technology News & Reviews
Webデザイナーのためのandroid用レイアウト講座
