UIとセットでよく聞くUX。 UIは人間とコンピューターの接点、UXは、そのサービスやアプリケーションを利用するときのユーザー（利用者）の体験であると言えます。 「UI／UXは並列で書くべきでない」、「UXはUIを含むものである」など様々な議論があります。色々な定義があるのですが、今回のエントリでは、主にこれからサービスを改善したい方に向けて、UXにどのように取り組めばよいのかについてお伝え出来ればと思います。 Yahoo! JAPANにて、UXデザインチームを発足し、活動している瀧先生の授業 『UXデザイン実践のために押さえておきたい大事なこと 』からUXの定義、効果、そして具体的にどのように勉強すればよいのかをご紹介します。 ■目次 1. UX=ユーザー体験 2. UXデザインとは 3. UXを意識することでどうなるか？ 4. UXデザインの理解を深める学習法 1. UX=ユーザー体験

こんにちは、@h0saです。 HCD-Net主催の「2014年度サービスデザイン方法論 第5回：構造化シナリオ法」に参加しました。講師はHCD-Net理事の早川氏と、ホロンクリエイトの高橋氏です。 2014年度サービスデザイン方法論： 第1回　エスノグラフィ 安藤昌也氏（HCD-Net理事・千葉工大） 第2回　カスタマージャーニーマップ 長谷川敦士氏（HCD-Net理事・コンセント）・坂田一倫氏（コンセント） 第3回　発想法 山崎和彦氏（HCD-Net理事・千葉工大） 第4回　ユーザーインタビューと要求抽出 早川誠二氏（HCD-Net理事） 第5回　構造化シナリオ法 早川誠二氏（HCD-Net理事）・高橋克実氏（ホロンクリエイト）【この記事】 第6回　ペーパープロトタイピング 浅野智氏（HCD-Net理事）・坂本貴史氏（ネットイヤーグループ） 以下、振り返りとして講義とワークショップの内容

今日は、英国政府のWebサイトなどを担当する「政府デジタルサービス（GDS）」の部署が公開している「デザイン原則の10か条」について。「良いデジタルサービスを作り、運営していく」ためのポイントがコンパクトにまとめられています。 英国政府（gov.uk）のサイトには、「デザイン原則（Design Principles）」というページがあり、そこには、次のようなことが書かれています。 まずニーズからはじめる ―― 自分たちのニーズではなく、ユーザーニーズから。本当のユーザーを理解し、そのニーズを知る。想像や思い込みではなく、ちゃんとデータで。 なんでもかんでも手を広げず、するべきことだけをする ―― 政府がしなければいけないことだけをし、他の人がすでにやっていたら協力する。 データをもってデザインする ―― 試作し、実際のサイトで実際のユーザーにA/Bテストを行い、その結果をデザインに活かすや

こんにちは、@h0saです。 先日、2014年度サービスデザイン方法論 第2回：カスタマージャーニーマップ（講師：コンセント長谷川氏）を受講しましたが、今回はカスタマージャーニーマップの描き方そのものについて、深堀りしてみたいと思います。 長谷川さんから聴いたお話を参考にしながら、よく引用される Rail Europe のカスタマージャーニーマップ（以下CJM）の内容を読み解いていきます。 また応用できるように、他のCJMの事例についても数多く盛り込みました。 それでは以下からどうぞ。 Rail EuropeのCJMを読み解く 引用記事：The Anatomy of an Experience Map | Adaptive path CJMやエクスペリエンスマップについての記事を読むとよく出てくるこのマップは、Rail Europeでの乗車体験（調査〜予約〜旅行〜旅行後まで）を可視化したも

スタートアップに関わる人々のためのイベント「Design dot BEENOS」が新しくスタートした。筆者は6月27日（金）に開催された初回のイベント「スタートアップにおけるデザイナーの存在意義」に参加した。 「Design dot BEENOS」はBEENOSが主催するイベントだ。アマゾンデータサービスとの共催となっており、コンセントのUXアーキテクトにして書籍「Lean UX」の監訳者でもある坂田一倫氏と共に開催するイベント。 初回には、スタートアップの創業者であり、経営者であり、デザイナーでもあるQiitaの小西智也氏が登壇し、自身の経験を語った。 小西智也氏は、Increments取締役、創業者兼デザイナーとして、これまで「Kobito」「Qiita」「Qiita:Team」の3つのプロダクトの開発に携わってきた。スタートアップは、限られたリソースで、何が当たるかわからない中プロダ

小さなパッケージとしてのカード 前回の記事で、メッセージのやりとりという文脈にカード UI が組合わさることで、新たな利用者体験を提供できるのではないかという話をしました。コンテンツを『ページ』としてではなく、『小さなパッケージ』にして利用者に配信することが主流になりつつある現在。これは、Web 上の情報のあり方を再考せざるを得ないと同時に、利用者にとって理解しやすい（ページに代わる）メタファが必要とされているのだと思います。小さなパッケージの表現方法としてカード UI は、無視できないデザインパターンのひとつです。 カード UI の可能性を最初に感じたのは、2010 年に登場したPinterest。たくさんの画像を全面に出しつつ、概要や操作を統一感を持たせてコンパクトに表現しています。Pinterest がブレークした頃、無限スクロールや、隙間なく敷き詰めたグリッド表現が注目されました。

TL;DR コーディングやシステムは分かるけど、最終的に使いやすい設計やクライアントさんが納得するようなデザインにならない。納品後に使いにくい箇所があると言われる。そうなる前に「何となく進めない」ようにサイト制作やサービス・アプリを作成する前の段階で知っておきたい知識。UX・UI・IA の違いが漠然としているときに。 IA（情報アーキテクチャ） １．基礎知識 情報アーキテクチャとは Web サイト全体の設計図、情報を分かりやすく伝えること。主にＩＡ（インフォメーションアーキテクト）が担当します。国内ではディレクターが担当する会社も多いと思います。情報アーキテクチャはサイトを見た目の印象だけでなく、目に見えないサイト構造をデザインすることで、わかりやすいサイトにする技術。 [スライド] 社内の IA（情報アーキテクチャ）研修の講師をしてみた。：そのフォローアップ | future-proof

Webやアプリサービスの企画・開発で重要視されるようになっているユーザーエクスペリエンス（以下、UX）。 日本の成長を長年支えてきた家電製品が販売不調になり始めた10数年前から、「今後のモノづくりでは機能価値よりも体験価値が大事」という指摘はあった。が、最近はありとあらゆるビジネスで、「UXをどうデザインするか」が成長のキーファクターとなりつつある。 そんな時代背景を受け、今年2月3日、東京・港区で『Value of UX for Buisiness』と題するセミナーが行われた。主催は、サンフランシスコと東京に拠点を構えるグローバルクリエイティブエージェンシーbtrax。同社が2013年から提供しているUXデザインコンサルティングの知見を踏まえて、理想的なUXを生み出す方法をCEOブランドン・ヒル氏が講演した。 その中で出てきたのが、「UXタイムライン」という概念である。 UIの満足度は「

巷で良く聞かれる「UXデザインとは？」意味が広義にわたるため明快に答えることが出来る人はなかなか少ないのではないでしょうか？ただ「ハラハラという会社で提供するUXデザインとは何？」と聞かれたらこう答えると思います。 “ルック＆フィールによって発生する体験の価値をよりよくする為の作業” UXデザインを正しく運用・開発するためにはIA（情報アーキテクチャ）とそれを実行する手法（ステートメントシート、ペルソナ、カスタマーエクスペリエンスマップ、ワイヤーフレームなど）を組み合わせる必要があります。 今回はそういったツールの中で制作過程におけるレイトステージにおいて弊社で最もハードに使われる「ワイヤーフレーム」と「プロトタイプ」を組み合わせる開発方法を少しだけご紹介いたします(あくまでもアプリの操作法では無くワークフローの一部を抜粋したものになります) 基本的な流れはワイヤーフレーム→プロトタイプの

Webユーザーは、情報過負荷へ適応するため、重要でなさそう、あるいは広告のように見えるエリアから注意をそらすように自分たちを訓練してきた。しかし、サイドバーは適切にデザインすれば、コンテンツを発見しやすくし、ユーザビリティをうまく向上させることができる。 Fight Against “Right-Rail Blindness” by Hoa Loranger on October 12, 2013 日本語版2013年12月17日公開 残念なことだが、Webサイトクリエイターが右カラム（Webページの右レールとも呼ばれる）を広告の掲載によく使うので、ユーザーはこのエリアをチェックしないように自分たちを訓練してこざるをえなかった。これは右カラムはやめるべきということだろうか。いや、そんなことはない。 ページの右側で消費されるピクセルは利用可能な量のうちの20％程度だが、ピクセルとはコンピュータ

UIUX大好きなことに加え。登壇者がクックパッドの池田さん、深津さん、DeNAの坪田さんという、カレーに唐揚げのっけて温泉卵のっけた的超豪華御馳走なセミナーに参加してきました。 UIデザインの今とこれから～現役UIデザイナーによるUIデザイナーのためのセミナー～です。 感想としては「カレーに唐揚げのっけて温泉卵のっけて、さらにまいせんのカツサンドも食ったが、溢れんばかりの食欲がわいてきてデブまっしぐら」です。色気より食い気。食欲の秋、芸術の秋万歳。そんなかんじが伝わればと思います。 毎日の料理のためのUIデザイン クックパッド株式会社　池田 拓司氏の登壇でした。

最近はサービスのUI/UXを重視する話題が増えてきました。モックアップやユーザーテストを通して、実際の反応を観察しながら改善していくプロセスやツールが求められています。そこで今回はユーザーテストに役立ちそうな5つのツールを紹介します。

iOS7のフラットデザイン化でほとんどのアプリがデザインの路線を大幅に変更する事を余儀なくされました。これまでのお馴染みアプリもどんどんアップデートされ、フラットデザインへの対応がなされています。これからアプリを開発するにもフラットデザインのUIというのは非常に重要な要素になっています。 App Storeでデザインの参考になるアプリを一つ一つ見ても良いのですが、UIを一覧で表示してくれる非常に便利なサイトを見つけたのでご紹介。 アプリのUIを集めた「Pttrns」 こちらがトップ画面。アイコンではなくUIで並んでいるのでたくさんのデザインを素早く見る事ができます。新着順で並んでいるので、フラットデザインのものばかりが表示されています。見ているだけでも楽しいですね。 簡単に細部のチェックが可能 画像にカーソルを合わせると、ルーペで拡大してくれます。なので細部のデザインやフォント・ボタンを確

ブログサービス「マーケター通信」をご利用の皆さまへ 平素はITmedia マーケティングをご愛読いただき、誠にありがとうございます。 当サイトではこれまで、関連ブログサービスとして「マーケター通信」を長年にわたり運営してまいりましたが、全体的な利用の減少を鑑み、2020年9月30日にサービスを終了させることになりました。 このような結果になり残念ですが、何卒ご理解いただけますと幸いです。これまでご利用いただきましたことに対し、あらためてお礼申し上げます。 尚、ITmedia マーケティングは従来通り更新を続けますので、引き続きよろしくお願いいたします。 サービス終了までのスケジュール、および、これまで登録していただいたブログ記事の取り扱いにつきましては、以下の記載をご確認ください。 スケジュール 2020年9月25日（金）