UXデザイナーが創り出して活用する10の成果物
Miklosは、18年以上のキャリアをもつUXデザイナーのリーダーであり、プロダクトデザインのストラテジストでもあります。フルスペクトルのプロダクトデザイナーとして、ユーザーのニーズ、ビジネス目標、テクニカル面での実現可能性などを考慮しながら、ユーザーの要求を満たし、利益をもたらすプロダクトデザインを目指しています。 UXデザイナーはさまざまなシーンでその活躍が期待されています。たとえば最小限のドキュメントを用いて作業を進めるチーム、リーンスタートアップやアジャイル開発を求められる環境、外部企業とコンサルティング契約を結ぶ場合、または厳しいドキュメント要件を持つ大企業や政府機関のコンサルティング業務など、さまざまな環境が挙げられます。 関わり方や環境の性質（およびそれをすべて結び付けるもの）に関係なく、UXの専門家はデザインに関するアイデア、研究結果、プロジェクトのコンテキストを効果的にさ
プロトタイピングで陥りがちな６つの落とし穴 | UX MILK
Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 プロトタイピングやテストを使わないで、現代のプロダクトデザインを想像することは難しくなっています。次の技を駆使することで、想像力を補うことができます。 説明するな、見せろ 今日では多くのプロダクト開発チームが、営業やアイデアの検証にプロトタイプを使用しています。同時に、開発チームはプロトタイプの効果を減少させてしまうような罠によくはまっています。 以下がよくある６つの落とし穴です。 １. 目的のないプロトタイピング 「まず最初に何かを作りましょう。後からそれをどうするか考えます。」このアプローチで作業を行うと、プロダクト開発チームは多くの時間を価値のないことに費やしてしまう可能性があります。具体的な目的を考えずにプロトタイプを作成してしまうと、多くの場合時間を無
企業とユーザーの目標を結ぶ「コンテンツ戦略」の役割
Dylanは、インサイトやデザインオペレーション、チームリーダーシップを提供する個人のコンサルタント会社Hêtreを運営しています。高等教育機関、財務管理、グリーンエネルギー、テック企業などで約20年のキャリアがあります。 私が担当したあるクライアントのWebサイトはめちゃくちゃでした。 クライアントの組織が変わるたびに、Webサイトも拡張に拡張を重ねてきましたが、無駄なリンクの削除や整理整頓はまったくされていませんでした。新しいプロジェクトが始まるときは、新しいセクションを追加するだけでした。 私は11のセクションに分かれた新しいサイトマップを作って、クライアントに提案しました。すると、彼らはいくつか漏れていると言い、トップカテゴリーが24個もあるサイトマップを渡してきたのです。 クライアントの情報アーキテクチャ（IA）には、階層が存在しませんでした。ただ情報が無秩序に絡まり合っているだ
モバイルではメニューを画面下に表示すべき理由
スマートフォンの使い方が、脳に影響を与えることがあります。ある調査によると、毎日スマートフォンを使う人は、脳の体性感覚皮質が大きいことがわかりました。体性感覚皮質は、親指のコントロールをつかさどる部位です。 また、ほかの調査では、ほとんどのユーザーがスマートフォンを片手で操作していることが明らかになりました。スマートフォンを握っているとき、ユーザーは左右どちらかの親指で画面を操作しているのです。親指はユーザーにとってマウスのようなものですが、その動きには限界もあります。 親指はマウスの代わり デスクトップデバイスでは、ユーザーは画面の操作にマウスを使用します。ナビゲーションメニューまでマウスを動かすことは簡単です。なぜなら、マウスは手首の動きを制限しないからです。 しかし、ユーザーがスマートフォンを握っているとき、親指は限られた範囲でしか動けません。画面に親指が届かない領域があるのです。こ
UXデザインの承認を得るための「UXの提案書」の作り方
スティーブン・ダグラス氏はJustinmindのマーケティング・コンテンツ・エディタです。Justinmindでは、プロトタイプ作成ツールでウェブとモバイル・アプリケーションのプロトタイプを作成できるので、コードを書く前にソフトウェアのソリューションを視覚化してテストすることができます。 ユーザー体験のデザインは、大きな事業であり大きな収益をもたらします。Andrew Kucheriavy氏のForbesでのレポートによれば、ユーザー体験への投資収益率は平均して9,900％だそうです。簡単に言えば、１ドル投資するごとに100ドルもの収益を生み出すということです。 そのような数字を達成するためには、UXデザイナーとUIデザイナーは優れたユーザー体験を提供し続ける必要があります。そこで、UXの提案書が重要になるのです。UXの提案書（UX proposal）は、UXデザインに関する提案を補助する
クライアントにUXの価値を理解してもらうための10のヒント
Interaction Design Foundationはグローバルにデザインレベルの向上を目指す、デンマーク発の非営利団体です。 UXの重要性は、私たちの誰もが知っています。Googleもまた然りです。しかし、UXの仕事を売り込むとなると、その重要性を誰もわかっていないように思えます。その証拠に、クライアントや同僚にこの仕事をプレゼンすると、彼らは難しい顔をすることが多いです。 クライアントにより優れたサービスを提供し、私たちの仕事の価値を理解してもらうにはどうしたらいいでしょうか？ 今回はUXの仕事をもっと上手に売り込むための10のヒントを紹介します。 １. 重要なのはあなたやユーザーではない あなたが仕事に取り組むとき、その仕事はユーザーのためにほかなりません。しかし、その仕事を売り込むときは違います。人に何か売り込むときは、売り込む相手のニーズに応える必要があるのです。時間をかけ
開発者がUXエンジニアを目指すべき理由 | UX MILK
もしも開発者としての安定した将来を手に入れたいのであれば、新世代のUXエンジニア（User Experience Developer）になりましょう。 なぜUXデザイナーだけが存在するのでしょうか？ 彼らだけがユーザー体験への影響を独占しているわけではありません。開発者を例に挙げてみましょう。サービスのパフォーマンスやセキュリティ、およびその他の多くの開発上の決定が、ユーザー体験に影響を与えています。 優れたユーザー体験に貢献しているのは、デザイナーだけではありません。 あなたが開発者であるのなら、今こそあなたのユーザー体験への貢献を喧伝するときです。UXエンジニアになる時代がやってきました。その理由とは、ユーザー体験はビジネスにとって必要不可欠で経営者はそのことを知っているからです。 UXエンジニアになる理由 伝統的なマーケティングの時代は終わりました。人々は広告を見ないし、広告ブロッカ
チャットボットのUX：価値ある会話デザインの方法
Jenniferは、UX戦略、研究、およびデザインの取り組みを15年間にわたって行ってきました。ユーザーを楽しませる、より強いブランドを構築しています。 。 チャットボットはすべて同じではありません。では、チャットボットの良し悪しを決めるものは何でしょうか。 良いチャットボットとは、ユーザーがより効率的に何かを達成できるようにしてくれるものです。中でも優れたものは、チャット体験自体を楽しくしてくれます。一方で悪いボットは、ユーザーの時間を無駄にしたり、意味が通らない返答をしたり、ユーザーをイライラさせたりして、離脱率を高めてしまう可能性があります。 誰も好んで悪いチャットボットを作ろうとはしません。しかし、過去にチャットボットをデザインした経験がないと、開発の大変さに気づかなかったり、あるいは技術がすべてだと思ってしまっているかもしれません。その結果、ユーザー体験を向上するどころか、損ねる
なぜNetflixのトップページデザインは不親切なのか？
代わりにセカンドビューにおかれているのは３つのタブ。退会が容易であることの説明、視聴スタイルの紹介、そして料金一覧です。 Netflixのトップページにあるのは、サービスに興味を持ち登録を検討しているユーザーが求める情報のうち最低限のものだけと言えるでしょう。 なぜ作品群はトップページに必要なのか そもそもなぜ作品群をのせたトップページデザインは「最適なデザイン」なのでしょうか？ 今年７月のイベントで日本版Huluが示した次の見解がヒントになりそうです。 加入の動機となるものは「どんな動画が観られるのか」という点だと考えているので、（中略）「どんな動画が観られるのか」を知ってもらう工夫をしています。 http://www.appbank.net/2017/07/08/iphone-application/1372560.php 確かに登録を検討しているユーザーにとって信頼性や料金と同じくら
事例から学ぶ、ドロップダウンメニューのUXを向上するためのヒント
JakeはUIデザインやウェブ開発の記事を執筆するライターです。彼の仕事はあらゆるウェブや彼自身のポートフォリオで見つけることができます。ツイッター@jakerocheleauから最新のアップデートをフォローできます。 ドロップダウンメニューは、近年のJavaScriptとCSS3のおかげでずいぶんと発展してきました。しかし、すべてのドロップダウンメニューが同じように制作されているわけではなく、その機能性にはばらつきがあります。 この記事では、使いやすいドロップダウンのナビゲーションメニューを作るための手段をいくつか紹介します。また、基本的には同じデザイン原則に則っているマルチドロップダウンや、メガメニューについても触れていきます。 サブメニューにマーカーを付ける サブメニューのリンクに、マーカーをつけるのは良いアイデアです。このちょっとした視覚的なシグナルがあることで、どこにリンクがあり
ユーザー中心設計でコンバージョン率を上げるには
Alex JasinはMetapressのCEOです。また、Googleが承認したデジタルマーケティングやデザインのエージェンシーである、X3 Digitalの創設者およびCEOでもあります。 「シンプルなデザインにしておくべきだ」 この一言を受け入れてさえいれば、何百という時間、何千という費用が浮いたことでしょう。しかしほとんどの初心者と同様、私は聞く耳を持っていませんでした。 宇宙で使える無重力ペンを開発している間にアメリカの壮大な宇宙計画が失敗したように、シンプルな作業を複雑にしすぎた話は、数え切れないほど挙げられます。前出の宇宙計画では、たった１ドルの鉛筆を買う代わりに、何百万ドルという費用が泡と消えました。 初心者は、学んだことを見せようとしてやりすぎる傾向にあります。しかしそれは、多くのUXの達人たちが大惨事につながるとして避けるような、代償の高い間違いです。経験を積んだデザイ
UIデザインに関する10のガイドライン
Interaction Design Foundationはグローバルにデザインレベルの向上を目指す、デンマーク発の非営利団体です。 Jakob Nielsen氏とRolf Molich氏による10のユーザーインターフェースガイドラインに従い、ユーザーのニーズと期待に見合ったデザイン方法を学びましょう。これらのヒューリスティックスは、AppleやGoogle、Adobeのように大成功した企業の多くの製品に反映されています。このような企業のデザインチームが、これらのルールをデザインプロセスにどのように適応しているかは、公開されているユーザーインターフェイスのガイドラインから見てとることができます。 この記事では、ユーザビリティ（Usability）、ユーティリティ（Utility）、デザイラビリティ（Desirability）を改善するための10のルールを紹介します。 理解するべきユーザビリ
機能的なミニマルデザインの原則と実践例
Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 第二次世界大戦後の芸術運動に生まれを持つミニマリズムが、強力なWebデザインの技術として近年再び台頭しています。ときには、見た目よりも中身を重視する試みとして紹介されることもあります。ミニマリズムを正しく活用することで、ユーザーの作業をシンプルにするデザインに焦点を当てることができるのです。 また、読み込み時間を短くし、異なるスクリーンサイズへ対応しやすくなるといったメリットもあります。ミニマリズムによって簡略化されたデザインは、それだけで十分すっきりした見た目になりますが、実は「少ないほど得るものが多い」というメリット以上のものが隠されているのです。 この記事ではミニマルデザインの原則とベストプラクティスを紹介します。 ミニマルWebデザインとは？ 今日もっと
楽天市場が社内でUXデザインを広めるために始めた２つの取り組みとは？
楽天市場という巨大なサービスの中ではどうUXデザインに取り組んでいるのでしょうか。今回は最近行われた「楽天チャリティー」のUXデザインの事例と、社内にその取組みをどう共有しているのかを現場のデザイナーさんにお伺いしました。 ―まずはお二人のお仕事内容を簡単にご説明いただけますか？ 圓城寺：私は２つのグループに所属していまして、ひとつは楽天市場の機能のUI改善をやっているUXプランニンググループでマネージャーをしています。グローバルEC標準化グループという、外国の拠点とナレッジをシェアしたり、ガイドラインを作ったりするようなグループにも所属しています。 中川：楽天市場のWebデザインを担当している部署でUXデザイナーをやっています。圓城寺のUXプランニンググループにはUI/UXに携わるディレクターが多いのですが、Webデザインチームは現状私一人です。 ―今回は主に中川さんが現場で行っている改
覚えておきたいモバイルUXに関する17の統計・洞察
Jeff Sauro氏は、統計とユーサビリティに関するコンサルティング会社である、MeasuringU社の創設者であり、1,000社以上の顧客を抱えています。彼は、統計やUXに関する、20ケ以上の文献と５つの本を執筆しています。 モバイルでのUXは、もはやニッチな分野ではありません。モバイル端末の影響や体験を考慮せずに、ウェブサイトやソフトウェアのUXについて語ることは難しいです。 これまでに、2013年と2015年におけるいくつかの事実と洞察を紹介してきました。 今回は、ネット上の多くのソースから厳選した情報と、モバイルユーザビリティに関する我々の研究をご紹介します。 モバイル端末の利用者の増加 アメリカにおける成人の57%から68%（ソースによる）がスマートフォンを所有しています。この数値は、イギリスでは約64%、ドイツでは54%です。これは年齢によって異なっており、ミレニアル世代では
ケーススタディ：NetflixはどのようにA/Bテストを実施しているのか？ | UX MILK
Netflixはどうやって素晴らしいストリーミング体験を提供しているのでしょうか？ 彼らがどのようにサイトを作り、さらにA/Bテストを通してどのようにUIの改善をしているのでしょうか？ この記事では私がYelpで参加したDesigners+Geeks eventで学んだことから共有します。２人のスピーカー、Anna Blaylocky氏とNavin Iyengar氏はNetflixのプロダクト・デザイナーであり、何年も何百万人という会員に行ってきたA/Bテストから収集した実態について語ってくれました。また、参加者がデザインを考える上で手助けとなるようないくつかの関連する例を示してくれました。 科学的な手順 仮説 科学において仮説は、研究や実験を通して検証されるアイデアや事象の原因を指します。デザインでは理論やや予想を「仮説」と呼ぶことができます。 仮説の基本的な概念には、あらかじめ決まった
Webサイトのフッターにサイトマップを設置すべき理由
何年か前は、フッターの部分にサイトマップへのリンクを置くのが一般的でしたが、近年ではフッター自体が、サイトマップとして新たに使われるようになりました。 サイトマップは、サイト内のすべてのリンクを１ページ内に記載したものです。しかし今では、フッターを正しくデザインすれば、ほとんどのサイトにおいては、必要ないページとなっています（XMLのサイトマップは、SEOにおいては未だに不可欠ですが）。 伝統的なフッター さかのぼってみると、フッター自体がユーサビリティの要素として、重要視されることはまれでした。伝統的なフッターとはサイト管理に関する一連のリンクと、コピーライトの情報が載せられているようなものを指しますが、研究によると、ほとんどのサイトが伝統的なフッターを使っていたそうです。当時、大半のユーザーはページの一番下にあるフッターの部分は使わないという思い込みがありました。 そんな伝統的なフッタ
AmazonのAlexaスキルにおける音声認識のUXデザイン
Indra Sofian氏は、UXPinのコンテンツ戦略家です。以前は、AT&Tのプロダクト開発で働いていました。 IoT（Internet of Things）は2010年代初頭に出現して以来、トレンドであり続けています。今や車からライト、家、冷蔵庫、そしてトースターに至るまで、すべてがインターネットに接続されています。 そんな流れの中、AmazonはEchoと呼ばれる音声認識が可能なワイヤレススピーカーをリリースしており、この製品はホームオートメーションのハブとなり、パーソナルアシスタントのような役割を果たします。 Amazon EchoとAlexaとは Amazon EchoはAmazonがリリースしたワイヤレススピーカーで、Alexaと呼ばれる人工知能を搭載しており、インターフェースがほぼ音声のみとなっている製品です。Alexaには、ユーザーの身の回りのタスクをこなすために様々なこ
404エラーページでユーザーの離脱をふせぐための５つの施策
Robは、新進気鋭の映画プロデューサーであり、著名な作家、ポッドキャスター兼詩人です。またごく最近では、ArbentingとDead Wings Designsにおいてクリエイティブデザインとブログ制作デュオの共同創設者兼想像力豊かな共同寄稿者として知られています。 404エラーページはあらゆるWebデザインにおいて最も軽視されがちな項目の１つです。 そうでない場合は、ユーザーの苛立ちを少しでもユーモアで軽減しようと、遊び心のある仕組みやデザインを施す傾向があります。 多くのデザイナーは、自分たちのサイトはきちんと作ってあるので404など必要ないと思い、簡素な404エラーページを用意します。一方で、一部のデザイナーは冗談を交えたり、404エラーページをちょっとした実験の場として活用しています。 もし、そのページにユーモアが必要ならあっても問題ありませんが、遊び心と機能は完全に相互排他的な関
アニメーションが心地よいマテリアルデザインのUIサンプル５選
徐々に浸透しつつあるGoogleのデザインガイドライン、マテリアルデザインですが、先日ようやく日本語版も公式にリリースされました。 マテリアルデザインやマテリアルモーションは実世界のモチーフを用いて、ユーザーがより直感的にUIを把握・誘導できるようにするためのものです。詳しくは以下の記事をご覧ください。 UIデザインの歴史に学ぶシャドウと奥行きの使い方 この記事ではUIコンセプトやポートフォリオをたくさん掲載しているMaterialUpから、マテリアルデザインを用いたデザイン例をピックアップしてご紹介していきます。すべてCodePenで実装済みの作品なので、裏側のコードを見て実装のヒントに役立ててください。 MaterialUpのオススメUIコンセプト５選 1. ミュージックプレイヤー 楽曲再生アプリのUIコンセプトです。プレイボタンを押すとジャケットやシークバーがレコードのように変わりア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
