この国のデザインの話。 | 笑顔を創りたいＷｅｂ屋の日常
笑顔を創りたいＷｅｂ屋の日常 Ｗｅｂ業界からひょんなことで専門学校の先生に。そしてまたＷｅｂ現場に戻ったＷｅｄディレクターのブログ。情報デザインやＷｅｂの勉強をしています。 いま、中小企業のＥＣサイトのリニューアルをしているのですが、ほとほと困っています。 デザインの手戻りが多くなってきていて。 いや、当然、僕は突っぱねます。 ワークフローもスケジュールも提示しているし、いきなりデザインに入ることはしていません。ちゃんと画面構成から合意を取り、「どこに何を配置するか」を先に決めてからビジュアルデザインに入っています。（本当はユーザ調査とかニーズ調査、ユーザシナリオとかちゃんとやりたいんですが、そんなにお金をかけられるクライアントじゃないので・・・。という話もあるのですが、それはまた後日） なのに、合意が覆る。 一つ一つ合意を取っているというのに、覆ってしまう。 覆るということ自体に僕のコミ
機能ではなく利用シーンに合わせたグルーピング。 | 笑顔を創りたいＷｅｂ屋の日常
笑顔を創りたいＷｅｂ屋の日常 Ｗｅｂ業界からひょんなことで専門学校の先生に。そしてまたＷｅｂ現場に戻ったＷｅｄディレクターのブログ。情報デザインやＷｅｂの勉強をしています。 巨大ＣＲＭシステムリニューアルのＵＩ設計を担当することになりました。 数千万クラスのお話なので、ちょっとビクビクしてます。 で、現行システムを見ているんだけど、確かにこれは使いづらい。 ■使いづらい理由 現行システムがなぜ使いづらいのかということを調べていくと ＵＩのデザインや配置以前の問題だと感じます（配置以前も含めてＵＩ設計ですが・・・）。 ボタンの配置や視認性以前に、コンテンツや機能のまとめ方が 「機能中心のグルーピング」になっているからなんですよね。 エンジニアの方々がＵＩや情報構造まで設計すると使いづらいと言われがちですが、 それは「機能中心のグルーピング」だからだと考えます。 （その「機能」そのものを創って
おかんのレシピの探し方
Aさんの携帯電話の使い方に引き続き、身の回りインタビュー調査です。 料理のレシピについての調査 レシピサイトといえば「CookPad」が有名ですが、料理という生活の一部に焦点を当ててインタビューしてみました。なかでも、レシピサイトが盛況ということなので「レシピはどこからやってくのかな？」ということについて。やっぱり、単純におもしろいですね。 インタビュー結果 新しいレシピはいったいどこから？ テレビ番組を見て地域コミュニティをきっかけに 素材をきっかけに図書館の利用は減ってきているオリジナルレシピのストック テレビ番組で見てテレビ番組（ためしてガッテンなど）で見たものを、ネットで検索すれば載っているのでそれを見ている。 昔はメモしていたが、最近はネットで。 ネットで見た後は、紙に手でメモをする。プリントアウトはしない。 そういったメモを、ファイルにためている。 大きさは、大きいものでB5、
ブラウザは知るべき存在だと思う
@zerobase「誰がインタビューを実施し、結果を公表したか（その意図は何か）」への批判的な考察も書かれたほうがよいかも > “回答者の多くの方が「ブラウザ＝検索」という認識を持っているみたいですね” ぜひ石橋さんの意見を伺いたいところですが、私もほうも肯定的に「ブラウザは見えない存在になっているのね。良かったね！」と考えているわけではありません。 利用者がウェブから取得したデータをどのようにブラウザで表示されるかどうかといった仕組みは知る必要はありません。ただし、ブラウザが分からないとなると、セキュリティへの理解も低いのではないかという懸念もあります。特別な知識やセキュリティソフトがなくても、ブラウザという窓口を利用しているのだと理解しているだけで予防出来ることは少なくありません。例えば、アドレスバーの URL を見るとことを意識するだけでも違うでしょう。SSLのサインが表示されている
iPhone 3G Sをゲットしましたよ:Kenn's Clairvoyance
もはや毎年の恒例行事となった感のある、iPhone新発売とアップルストア・パロアルト店での参列ですが、今年も行ってまいりました。4年前に渡米した身分ではAT&Tの長期契約優待が足りないため、満額の割引を受けられずに16GBの白で$399の支払いとなりましたが。。。 並んでいる間、TさんにAndroidの新端末HTC Magicの実物を触らせていただいたりもしました。結構、雰囲気はかわいい感じに仕上がっています。これなら「アリ」かも。 模倣する元ネタがあるからとはいえ、これだけの短期間でだいぶ良くなってて、頑張ってるなーとの感想を持ちました。いつも、Androidの現状っていうのはWindows 1.0がようやく2.0になったぐらいのもんだから、Windows 3.1とかWindows 95が出て逆転するまでにはあと5年とか10年とかかかるよ、なんて言ってたのですが、この感じだとそんなに先で
Yahoo!が定義している「A-Grade Browser」って何？ | colori
(“Firefox 2.†”にあるような) 短剣マークは、サポートを受けられる”最新の、ベータ版ではないバージョン”のことを表しています。 また、”Firefox 2.†”という部分は、v2.0.0.12はサポートされますが、v2.0.0.11やv3.0はサポートされません。 (この記事を書いている時点でv2.0.0.12が存在しているということは、v2.0.0.11は最新版ではないし、v3.0は単純に2.†の範囲ではないからです)。 ですから、Firefox 2.0.0.13がリリースされれば、2.0.0.12はA級ブラウザとしてサポートされないことになります。 つまり、「†」マークは「全部」ということではなくて「最新版」を表しているというわけです。 メモ 主な変更点 Safari 3 は、Safari 2に変わってMac 10.4 と 10.5でA級ブラウザサポートを受けるようになりま
ユーザーエクスペリエンス - Wikipedia
ユーザーエクスペリエンス（英: user experience、UX）はシステムとの出会いに由来してユーザーが得る経験である[1]。ユーザー経験、ユーザー体験とも。 人間は経験という概念を持っている[2]。この経験のうち、製品・サービス・人工物などの独立したシステムを対象として、人間がユーザーとしてそれらに出会い利用した経験をユーザーエクスペリエンスという[3]。例えばコンピュータゲームというシステムに対しAさんが「広告動画を見てワクワクし、友人の体験談で興奮し、ネットで購入し、夜通し遊んで熱中し、数年後にその思い出を振り返る」という体験はUXの1例である。 よいユーザーエクスペリエンスを達成するために、ユーザビリティ工学、インタラクションデザイン、ユーザー中心設計 (UCD) あるいは人間中心設計 (HCD) などが実践される。 定義[編集] 日常用語としてのユーザーエクスペリエンスは「
CNET Japan連載：インフォメーションアーキテクトの視点:マーケティング
The Japanese edition of 'CNET' is published under license from A Red Ventures Company., Fort Mill, SC, USA. Editorial items appearing in 'CNET Japan' that were originally published in the US Edition of 'CNET', 'ZDNET' and 'CNET News.com' are the copyright properties of A Red Ventures Company. or its suppliers. Copyright (c) A Red Ventures Company. All Rights Reserved. 'CNET', 'ZDNET' and 'CNET New
ユーザー中心のインタラクション
Web Designing誌の「ユーザ中心のインタラクション設計の考え方」に賛同・反論してみる。 【賛同】 ・サブミットボタンのラベルには動詞を使う ・システムエラーをユーザーのせいにしない。 これは同意ですね。あまり人のこと言えないかもしれませんが、システム屋さんってエラーメッセージなどのセンスが異様にない人が結構います。 さらにシステムの作りで自動化されてたり複数の画面でメッセージが共通化されてたりしたら、かなりブルーです。 ・クリアボタンは不要 そうそうなんで、いまだにクリアボタンってつけるんでしょうかね？ 僕は今のHTMLにおいて、このボタンの存在意義がわからんのです。なんかセキュリティ周りで、クリアボタンの有用性を説いてたのを見たかもしれませんが覚えてない。消せないことを不安に思うから・・・だったかな。 でも、そういう人は「入力クリア」の意味が理解できないでしょうから、それで消し
さらなる“ユーザー中心設計”を目指すために ［最終回］ | ゼロ円でもできる！？ 省コストユーザビリティ向上術
ユーザー中心設計とはこれまで「師匠と弟子方式のインタビュー」「ペルソナ」「カードソート」「ペーパープロトタイプ」「ユーザーテスト」といったユーザビリティ手法を紹介したが、種を明かせば、これらは私の発明品ではない。「ユーザー中心設計（人間中心設計とも言う）」に含まれるテクニックの一部なのだ。 ユーザー中心設計とはソフトウェアの設計思想の1つであり、個々の手法を指すものではない。カレン・ホルツブラットの「コンテクスチュアル・デザイン」も、アラン・クーパーの「ゴール・ダイレクテッド・デザイン」も、さらにこの連載で紹介してきた「ディスカウント・ユーザビリティ」も、いずれもがユーザー中心設計の範疇に入る。 ただ、そこには骨格となるような共通したパターンがある。それは以下のようなものだ。 ユーザーの利用状況を把握する。利用状況からユーザーニーズを探索する。ユーザーニーズを満たすような解決案を作る。解決
第15回 ユーザーの“慣れや知識”に応じてUIを変える方法
今回は，対象ユーザーの絞り込みと，その実装方法について取上げます。 どんなユーザー・インタフェース（UI）も，「対象ユーザー」を考慮しないことには，何もスタートしません。誰に何を届けたいのか，これが最初に考えるべきことであり，それを決めることで，サイトやアプリケーションの構造は大きく変わります。 ユーザーを分類する方法には様々なものがありますが，一番シンプルなものを紹介しましょう。Webシステムを使うので，その操作方法への「熟知度（PCリテラシ）」という要素に注目します。そして，「提供したいサービスに対する知識」との組み合わせを考えて四つのタイプに分類します。 PCの操作には慣れているけれど，提供したいサービスに対して知識が少ないタイプ （そのサービスに対する愛着がないので，不親切なユーザビリティでは使わない可能性が高い。ただし，そのサービスの魅力に気がついてもらえれば，自力で活用してくれ
ひろゆきの持つ貴重な「ユーザ目線」
■ ひろゆきの持つ貴重な「ユーザ目線」 先日のインタビュー記事で梅田望夫に対する最後の期待を打ち砕いた我らがゆかたんの、次の仕事がひろゆき×夏野対談というのは、辛辣というか意地が悪いというか。いいぞもっとやれ! 読んでいて感心するのは、取り上げられているひろゆきの発言が、キッチリことごとくユーザ目線なことだ。例えば冒頭: 夏野 ここにいる方で、Twitter分からない人いらっしゃいます? ひろゆき そういう風に聞くと挙げづらいでしょ。Twitterを過去24時間以内に使った人? ユーザ(聴衆)が答えやすい、しかも効果的に成果を知ることができる質問を、その場ですぐに思いついてる。どんなに有名になっても、どんだけ深くネットを使いこなしていても、すぐに普通の人の目線に戻ることができる。ひろゆきの持つ最大の才能はこれじゃないかと思う。 (追記: 上の発言には「発言者が逆だ」という指摘があった(→Y
その画像、必要ですか？～ 「連想的シンボル」「機能的シンボル」「コンテンツ」3つの価値 - Feel Like A Fallinstar
ウェブサイトの画像はただの「イメージ」ではなく、明確な「役割」を持っているべきです。 なんとなくデザインが見栄えいいから なんとなく他のサイトでも使ってるレイアウトだから なんて理由で（特に上司に見せたときにかっこいいから、とか）画像を多用するのは避けたいもの。 最近は、ノートPCを持ち歩いて、イーモバイル等でネットを見たり、フルブラウザを使う人も増えてますし、無駄な重さは排除したほうが賢明ですしね。 個人的には、ウェブの画像には 「連想的シンボル」 「機能的シンボル」 「コンテンツ」 の3つの価値があると思っています。 （この3つに当てはまらない画像は不要なことが多い、という意味でもあります） 1.連想的なシンボル これは、その画像があることで特定の業種やサービスを扱っていることを想起させる使用法。 例えばIBMのサイトで使われているこの画像。 別にIBMが夜景の都市開発をやっているわけ
Webヅクリスト必携 - 書評 - デザイニング・ウェブナビゲーション : 404 Blog Not Found
2009年06月08日21:00 カテゴリ書評/画評/品評Art Webヅクリスト必携 - 書評 - デザイニング・ウェブナビゲーション オライリー矢野様より定期便にて献本御礼。 デザイニング・ウェブナビゲーション J. Kalbach / 長谷川敦士 / 浅野紀予監訳 / 児島修訳 [原著:Designing Web Navigation] これは、すごい。 Webデザインは当然blogosphereでも当然ながら人気で、その人気ぶりは 人気エントリー - はてなブックマーク からも伺い知ることが出来るが、「Web記事によるWebデザイン入門」は、どうしても断片的なものとならざるを得ず、体系的かつ包括的なものとなるとありそうでなかった。今後は「本書を読まずしてWebサイトを語るな」となりそうな一冊である。 本書「デザイニング・ウェブナビゲーション」では、Webサイトを訪れる人の体験にとっ
iA - Home
Presenter Story, Visuals, Showtime The Essential Presentation App Learn More Writer Pure Writing Pleasure The Focused Text Editor Learn More All-New Shortcuts: iA Writer 7.1 With 18 built-in actions and 22 ready-made shortcuts, iA Writer 7.1 saves time and helps you focus on writing by avoiding repetitive busywork. AI Videos: ******* Psychotic Remember when you saw the first DALL-E and ChatGPT-tex
fladdict.net blog: 質問厨房がウザイのは、サイトの設計に問題があるんじゃないのか
たまにflash系の質問フォーラムとか見てると、物凄いレベルの不毛なやり取りばかりを目撃する。 「バージョンが判りません、明記してください」 「なにをどう検証なさったのでしょうか」 「テスト環境をお教えしてください」 「それでは判りません、もっと具体的に教えてください」 あれって、質問者以前にサイトの設計に怠慢か、問題があるんじゃないの？とか思う今日このごろ。 いくら注意しても直らない、誰もがそうする、というのならば悪いのはユーザーではなくデザインだと、ダニエル・ノーマン先生も仰ってる。 フォームでそれは改善できるのではないかと。 例えば初心者ヘルプフォームの、初期投稿をこんな風にするだけでも、やり取りはだいぶスムーズになるはず（１０分ぐらいで適当に作ったやつだけど）
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
System Error
導線設計 - Identity Not Found
情報構造設計と費用対効果 - Identity Not Found
http://e0166nt.com/blog-entry-674.html
