Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。(編集部) 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」として、ウェブアプリケーションのユーザーインターフェイスをデザインするうえで役立つさまざまなヒントを、少し細かな視点から具体的に...
CDやDVDのジャケットを検索できるAllCDCoversには、随所におっとするようなインターフェースの工夫が見られます。100SHIKI PR Board参加ブログであるsta la staでも紹介されていましたが、その検索結果が複数ページにわたっている場合の表示が印象的だったので、エントリー。 » AllCDCovers 検索結果が複数ページにわたっている場合、自分が見たい結果があるページを探すためには、一...
Smashing Magazineのエントリーから、クリエイティブなオンラインショップのサイトを紹介します。 Design Showcase Of Creative Online-Shops ShopComposition Feel The Power yellowood store ushops Free People Clothing Boutique Nerve Music Store Bisley Perfect Order Online Store Klassiker in Acryl Brisbane Gift Baskets Habitat Shoes 他にも下記のサイトがリストアップされています。 ShoeGuru Accentuate Clothing Cosmicsoda Etsy Split the Atom Threadless TasteBook ...
UI Pattern Factoryは、フォームやナビゲーションなどのユーザーインターフェイスを設計する際に役立つリソースをコレクションしたサイトです。 UI Pattern Factory 詳細な解説があるコンテン [...]
『 UIはほんとに悩みの種。このうち三つは作ったシステムに当てはまりそう 』
」というエントリーを書きつつ考えたことがあるので、今日はそれに関するエントリー。テーマはデジタルデバイドである。 デジタルデバイドとは、さまざまなデジタルデバイスやネットワークの恩恵を受けられる人と受けられない人の間に大きなギャップが生まれることを指す(参照)。ギャップが生まれる原因には、所得、地域、年齢、教育の違いなどさまざまなものがある...
」(User-centered Design)を行なうことが常識になっています。システム設計者の思い込みにもとづいて作られたシステムがユーザにとって使いやすいものになる可能性は低いですが、設計の初期段階からユーザの欲求についてよく検討し、設計の途中段階においても実際にそれが使いやすいかどうかテストを行ないつつ開発を行えば、本当にユーザにとって使いやすいシステムを開発...
少し前だが、やっぱりOKボタンは右なんだよという記事が話題になっていた。 OKボタンは右か左かというのはけっこう議論になったり統計とってる人がいたりと尽きない話題なのだが、先日任天堂のWiiを使ってて「OKボタンは左が正しい」と確信するに至った。 Wiiにはショッピングチャンネルといって、Wii用のソフトウェアや昔のゲームが購入できる機能が搭載されている。いろ...
OKボタンの位置はどこが適切? 「OK」「キャンセル」、どちらが先か? やっぱり[OK]ボタンは右なんだよ - ぼくはまちちゃん!(Hatena) はまちちゃんの記事は「OK」を右に統一しようぜ!Windows の「OK」ボタンが左なのは訴訟対策だよねって内容。ユニバーサルとして統一した方がユーザーは扱いやすいですが、問題は「OK」ボタンは左にあった方が使いやすいのか、右にあった方が良い...
こんな話題はいまさらかもしれない! それはわかってます! だけど書きたい! なにって、[OK]ボタンの位置のことです! これって右に置くのが自然だよ絶対!! 理由は単純で、 [OK][キャンセル] は、画面によっては [保存] [取り消し] だとかに名前を変えるし、 さらに、入力が3ページあるようなウィザード形式の画面なんかだと、 [ここまでOKそして次の画面へ]、[間違ったかも...
メニューの表示にタブデザインを採用するサイトが増えています。 が、個人的には、ただ見栄えがいいからとの理由でタブデザイン(タブインターフェース)を採用するのは反対です。 ちょっと前に『タブインターフェースと“世界観”』というタイトルで、タブインターフェースを使うのに適した条件を、自分なりに考えて書いてみました。 が今読んでみると、内容がアバウ...
現代のインターフェース開発者はユーザーのことを考えていない。少数の例外はあるが、六分儀や経線儀が登場するまで海で進路を決めるのはきわめて難しかったのと同様に、現代の小型機器はナビゲート不能だ。 それはなぜか? 現代のデバイスの内部の働きは、実世界でわれわれが扱うものとは関連がないため、マイクロチップと人間の脳の隔たりに橋を架けるには、場当たり...
先日ある人と盛り上がったのでここでも書いてみる。ウェブサービスを作ったときにはBlank Slate工夫したいですよね、というお話。 Blank Slateとは「まっさらの状態」、転じて「利用開始直後の画面」でしょうか。会員登録してさぁ、使うぞ、というときの画面をどうデザインするか、というお話です。 ここがうまくデザインされていないと「む?で、ここで何やればいいんかいな...