Generic Work Process - v1.0
View complete list | Go to Admin Panel About this toolkit (version 1.0) This toolkit offers an overview of the methods and techniques which can be used throughout the user-centered design process. Note: this site is still under construction, for more information contact Bas Leurs (Rotterdam University of Applied Sciences, b.l.f.leurs@hro.nl) This toolkit was created by: Bas Leurs, Peter Conra
WebデザイナーのためのユーザビリティーTips10選 – creamu
ユーザビリティーの高いサイトが作りたい。 そんなあなたにおすすめなのが、『10 Usability Tips for Web Designers』。WebデザイナーのためのユーザビリティーTips10選だ。 以下にご紹介。 Tagline（キャッチフレーズ）を書く Taglineとは、会社やサイトのフィロソフィー、ミッションを表したもの。トップページの一番わかりやすい場所に置いてあげる 検索ボックスを置く 検索ボックスは重要な要素。ユーザが何かを探している時、テキストを入力できるフィールドをまず探すため、検索ボックスはサイトの上部に置くべき。ユーザの視線はF型に進むからだ グラフィックを使いすぎない 過剰なグラフィックはユーザを迷わせる。ユーザビリティーの観点からは、グラフィックは少ないほどよい サイトマップを設置する サイトのナビゲーションとSEOにも効果的なのがサイトマップ ユーザの動
たった6行でWebサイトのUIをガラッと変える
「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、
「史上最高のインターフェース、ベスト5」から使いやすい設計を考える | WIRED VISION
「史上最高のインターフェース、ベスト5」から使いやすい設計を考える 2008年5月13日 IT コメント： トラックバック (0) Charlie Sorrel Photo:『Flickr』の 「mikelao26」 現代のインターフェース開発者はユーザーのことを考えていない。少数の例外はあるが、六分儀や経線儀が登場するまで海で進路を決めるのはきわめて難しかったのと同様に、現代の小型機器はナビゲート不能だ。 それはなぜか？ 現代のデバイスの内部の働きは、実世界でわれわれが扱うものとは関連がないため、マイクロチップと人間の脳の隔たりに橋を架けるには、場当たり的な抽象化が必要になるからだ。 おまけに、大半の機器ではユーザー・インターフェースは後回しにされることが多い。こうしたことから、操作部分のレイアウトのひどい使いにくさのせいでいたるところで嫌われている、米Motorola社の『RAZR』の
シネマコンプレックス「新宿バルト9」の驚嘆すべき大バカ最低システム - 檜山正幸のキマイラ飼育記 (はてなBlog)
驚いた。あきれた。なにがどうなったらこんなバカげたシステムができるのだろう？ 補足解説編もあります。 さらなる補足。 コメントをしたい方は、なるべくコレにも目を通してみてください。 連休・子連れで映画館へ 連休、安直に「映画でも」と、子供二人を連れて「新宿バルト9」にはじめて行きました。9つの映画館を集約した施設、なかなかリッパです。上映開始10分前に着いたのに、既に長蛇の列、結局25分も並ばされた。すごく混んでいた？ いやっ、さほどではなかったんですよ。長蛇の列の原因は、発券カウンターの処理能力が異常に低いためでした。 上映開始15分後に入れた -- ってことは 9つの映画館すべてのチケットを一箇所の総合カウンターで発売します。全席指定、完全入れ替え制です。僕らは結局、到着25分後／上映開始15分後に入れました。ここで少し考えれば、次のことがわかりますよね。 満席になればその回は入場でき
Google's Design Guidelines
An unofficial blog that watches Google's attempts to move your operating system online since 2005. Not affiliated with Google. Send your tips to gostips@gmail.com. Jon Wiley, User Experience Designer for Google Apps, outlined some of the most important principles for designing interfaces at Google. In his presentation at the WritersUA conference, Jon listed the following guidelines: 1. Useful: foc
ユーザビリティ | 秋元@サイボウズラボ・プログラマー・ブログ
Eric Burkeさんのブログ Staff That Happens(閉鎖)より、単純さ(Simplicity)とは、 Apple や Google と、「あなたの会社の製品」では、カバーする内容が違っているというのもあるだろうけれど、ユーザーが選べる箇所を減らすためにはどうするか、という視点を持つことについて示唆に富む比較かもしれないと思った。 [更新 2015-09-11 リンク先閉鎖確認にあわせて修正] この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッターでご指摘いただければ幸いです。最新の状況を調べて新しい記事を書くかもしれません
なぜ「見た目」にこだわらないのか、IT部門の大きな勘違い
情報システムは「見た目」である――。こんなテーマの特集を執筆しながら、ふと我に返った。これは自分自身の仕事にも、全く同様に当てはまる、と。 「読んでもらえれば分かります」。記者という職業にとって、これは「禁句」である。いくら素晴らしい内容の記事でも、読んでもらえなければ無価値。だから記者は、見出しに最大の努力を払わなければならない。読者が雑誌や新聞をめくって、パッと目に入ってくるのは見出しだからだ。記事レイアウトの見やすさ、図や写真の的確さも欠かせない要素だ。 読んでもらえて初めて記事に価値が生まれるのだとすれば、記事の「見た目」がその価値を左右すると言える。 こう言っておきながら、自身を振り返ってみると非常に心許ない。もちろん気を遣ってはいたつもりだが、まだまだ足りないと思い至った次第である。 「使ってもらえれば」は禁句 実はほかにも、これと同じ感覚にとらわれたことがあった。Window
ページングのUIが段々窮屈になってきた。
「ページング」と「写真切り替え」のUIは、もっと良い表現方法があってしかるべきだと思う。 特に、前にミクシィ社の会社訪問の写真でも思ったが、CNET Japanのフォトレポートページはヒドイ。 フォトレポート：来た、見た、開けた--「MacBook Air」開封の儀 MacBook Airやミクシィというネームバリューを生かした、PV稼ぎ商法としか思えない。 まぁ現実には、如何に早く公開するか？ってのと、現状のCMSがそういうことしかできないからってのが正解なんだろうけど。 ページを切り替えるのが面倒すぎて、疲れてしまう。 なんで写真を見るだけなのに、面倒な気持ちにならなきゃいけないんだろう。 写真はサムネイルを並べてクリックするというのも面倒くさい。 現状写真切り替えで、一番楽しいのは、iPod touchや、Macに搭載されているカバーフローでしょう。僕はPicasaのスクロールUIは
Joel on Software - 環境をコントロールできれば楽しく感じるもの
Joel Spolsky ジョエル・スポルスキ 翻訳: Yasushi Aoki 青木靖 2000/10/24 私の知っている筋金入りのC++プログラマたちの多くは、ユーザインタフェースプログラミングを嫌っている。これは私にとっては驚くべきことだ 。それというのも、UIプログラミングが本質的にやさしく、直感的で、楽しいものだと知っているからだ。 それがやさしいというのは、どうやって矩形を別な矩形の真ん中に配置するか、という以上に複雑なアルゴリズムは、通常必要にならないからだ。それが直感的であるというのは、もしあなたが間違ったならたちどころにそのことがわかり、修正できるからだ。楽しいというのは、あなたの作業の結果を即座に見ることができるからだ。あなたは自分がプログラムを直接彫刻しているかのように感じるだろう。 私の考えでは、プログラマがUIプログラミングを怖れるのは、ほとんどの場合彼らのUI
ユーザビリティの大切さに気づいてもらう - inucaraの日記
こないだの「インターネットってどういう仕組みで動いているの？」に書いた事前研修でユーザビリティの大切さについても話したいと思って簡単なフォームを作ってみたよ。 想定ターゲットはユーザビリティのユの字も知らないような人や、これからウェブサイトの設計、構築の仕事をしようとしている人。これらの人にユーザビリティの大切さに気づいてもらうために、前回と同じように話す内容をとりあえず書いてってみる。 ちなみに前回のインターネットの仕組みからユーザビリティって話が飛んでるけど、そういうことは気にしないで思いつくことをメモ的にどんどん書いてって、流れは最後に考えようかなって感じ。 じゃあ、さっそく始める！ ユーザビリティって何？ まず始めに、みんなは「ユーザビリティ」って言葉は聞いたことあるかな？ 日本語で「使いやすさ」って意味なんだけど、利用者がいかにストレスなく、便利で簡単で直感的な操作ができるか、っ
ユーザビリティの高い、使いやすいフォームを制作するための12のポイント
Li'l Engineのエントリー「ユーザビリティフォームのためのチェックリスト」の意訳で、ユーザビリティの高いフォームを制作するための12のポイントの紹介です。 Checklist for Usability Forms 不明な箇所は英文のまま記載してましたが、皆様の協力により3,5を和文にしました。 フォームは正しく入力できるように、可能な限り簡潔に。 フォームには、必要なインフォーメーションを含める。 タイトル：なんのためのフォームか フォームのヘルプ キャンセル(中止)の選択肢 入力すべき項目は、多くしない。 重複する入力項目は設置しない。 フォームの公開後しばらくしたら、収集したデータが実際に使用されているかチェックする。利用されていないものがあれば、収集しないようにする。 長いフォームは紛らわしいので、分ける。 タスクごとに分ける それぞれのページごとにチェックをし修正すること
第9回 より見てもらえるようにユーザーを“そそる”、ワンランク上の画面構成のコツ | Web担当者Forum
第9回 より見てもらえるようにユーザーを“そそる”、ワンランク上の画面構成のコツ 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題が起きないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか？ 今木 智隆（株式会社ビービット） 限られた画面内でユーザーの目線を 効果的に誘導するテクニックを紹介「ファーストビュー」、すなわち「ユーザーがサイトを訪問したその瞬間に画面に表示される領域」は、画面設計・デザインにおいて、常に意識しなければならないポイントの1つだ。限られたスペースの中で、いかにコンテンツに優先度を付け、効果的に構成するか、かなり悩まれた経験のあ
ウェブサイトの横幅最適サイズはいくつ？ - 304 Not Modified
たまにはウェブデザインの話を。 今年から、Yahoo! JAPANのデザインが変わった。新しいデザインを見て最初に思ったこと。それは、横幅が大きくなっている！ということだ。以前は720pixくらいだったのに、今は770pixになっているのです。 ブログのデザインとか、ウェブサイトを一から作った人ならば、サイトの幅って最初に考えるところだと思います。パーセンテージ指定をするのも良いけれど、それだと人によってサイトの見え方が全然変わってきちゃうので、やはりピクセル指定をしたいのですよ。小説だって、改行や改ページをうまく使われると感動するじゃないですか。やっぱりデザインは統一的に見られるべきだと思うんです。 デスクトップのサイズ、今は大きくなったけれどどうも 800×600 がスタンダードだった時期が非常に長かった印象があって、800は絶対超えられないと思うのですよ。さらに、ブラウザのサイドのバ
DESIGN IT!
News（一覧） 2010年10月 1日 10/13（水）に東京・麹町でトークセッションイベント「DESIGN IT! Talk 」を開催します。テーマは「UXとは何か ～プロジェクトを通して考えるユーザーエクスペリエンス（UX）」。講演者は株式会社エクサ 安藤氏、産業技術総合研究所 江渡氏。参加申し込み受付中です。 2009年11月17日 DESIGN IT! Conference 2009 いよいよ明日開催、当日受付あり。「皆さんと一緒に考えることができるような、チャレンジングな内容を準備中。日本の方々との刺激的な議論を期待しています」（昨夜来日した海外スピーカー、Donal Mountain氏とBraden Kowitz のコメントより） 2009年10月16日 「DESIGN IT! magazine」vol.3 発売記念イベントを10月19日（月）19時から青山ブックセンター（六
Web2.0ナビ: ウェブサイトの横幅が1000px時代に突入する
いいね！ 0 ツイート B! はてブ 179 Pocket 4 ウェブサイトの横幅は、一昔前までは650pxが最適といわれ、4・5年前からは800pxが最もユーザビリティ上最適なサイズだった。大手ポータルサイトをはじめとして、800px未満で構築されたサービスが殆どだった。 しかし、ここ最近は800pxをあまり意識していないと思われるウェブサイトが多く登場してきた。mixi、AllAboutJapan、朝日/読売などは1000pxで最適化されている。ウェブサイトの横幅が1000px時代に突入しようとしているのだ。 # 厳密には950pxだったりするが、便宜上1000pxとしている。 ウェブサイトの横幅が1000px時代に突入しようとしているのには、大きく3つの理由がある。 画面解像度の向上 1000pxを表示するためには、それ以上の画面解像度のモニタが必要だが、今は1024以上のモニタが主
Firefox 3の新デザイン案公開 - 大きさの違うナビゲーションボタンが特徴 | ネット | マイコミジャーナル
Firefox 3の外見的特徴になるかもしれないナビゲーションボタン(Faaborg氏のブログから抜粋) Mozillaでユーザエクスペリエンスデザインに携わっているAlex Faaborg氏は15日(米国時間)、自身のブログにおいて次期Firefox 3のナビゲーションバーのデザイン案を公開した。Firefox 3では以前のバージョンよりもライトな見た目でありながらもシンプルでモダン、そして使いやすいデザインが模索されている。作業は現在なお進行中で、現在のデザインがそのまま採用されることになるとは限らない。Mac OS X、Windows Vista、XPの3つのデザイン案はすでにできあがっている。 Mac OS X向けのナビゲーションバーデザイン案(Faaborg氏のブログから抜粋) Windows Vista向けのナビゲーションバーデザイン案(Faaborg氏のブログから抜粋) Wi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
ウェブサービスを作るときはBlank Slateを工夫しよう | IDEA*IDEA
https://www.openvista.jp/archives/note/257/?257/