UX探訪記スマートフォン用の表示で見るUX探訪記UIデザインやUXデザインに関する記事を集めたり書いたりしています。前から月一回の近所のマラソン会に行っていません。今日は絶対に行こうと思っていたのですが、朝起きたら雨が降っていて断念。した自分がいることに気づきました。ここ一週間くらいで私の気になった記事を紹介します。MAGAZINE)ユーザーの操作する距離に応じて最適なインタラクションを提示するという記事です。ここでいう距離とは、ユーザーの操作しているポインタと対象物の距離という意味で、記事では具体的なアニメーションも含めて詳しく説明されています。用意するよう気をつける必要がありそうです。Blog)エンジニアとデザイナーの違いについての記事です。エンジニアとデザイナーとの比較記事は多々あり、その中には協業するときのポイントや、垣根がなくなりつつあるというものも出てきていますが、ここでは両方を経験した筆者ならではの所感がまとめられています。私見を加えて解釈してみると、問いを考えるフェーズと答えを考えるフェーズがあるとしたら、デザイナーは両方に関わることが多く、エンジニアは後者を中心に関わることが多いと言えるかもしれません。それにしても、逆のケース、デザイナーからエンジニアになるケースはあまり聞いたことがないですね。私はディズニーワールドに行ったことがないので、なかなか理解の難しい箇所もありましたが、日本のディズニーランドに置き換えてもイメージできる箇所もありました。デザインは難しいと思います。UXチームの重要な一員」という点は、いかにアプリやサービスを提供する側がユーザーに満足してもらうか考える、その姿勢が何よりも大事なのだと思いました。UXデザインの事例ということで、保育園での工夫について紹介されています。嬉しさをつくる、というのはその通りで、UXデザインは「良い出来事を増やすこと」だと言い換えてもよいと思います。ここではよく書き込む言葉をスタンプにしたというアイデアですが、他にも印字したシールを用意するとか、付箋の色で取り決めておくとか、いろいろなソリューションが考えられそうです。優れているためにヒットしたということがわかりやすく説明されています。通して提供される価値だけでなく、耐久性やバッテリー寿命など、全体の利用状況に即した価値を考慮することの重要性を改めて感じます。ちなみに私はゲームボーイは持っていませんでしたが、キャンプに行ったときに夜を徹してマリオで遊んでいる友達を見てうらやましいなと思った記憶があります。UIデザインで気を付けるべき点についてまとめられた記事です。10項目について、実際の画面例(実在するのかどうかわからないものもありますが)を提示しつつ、それぞれの課題やポイントとなる事項について説明されています。してもだいぶわかりやすくなると思います。同様に「メッセージは削除されました」というメッセージが残りますが、削除したことを伝えることは印象が悪くなるだけでまったくメリットがありません。これは是非とも避けてほしいなと思います。実家からまた大量にネギが送られてきたので、週末に一生懸命処理していました。数十本もひたすら輪切りにしましたが、手にネギの臭いが染みついて取れなくなってしまいました。ここ一週間くらいで私の気になった記事を紹介します。Webサイトでの画面スクロールに関する記事です。スクロールの種類が一通り説明されていて、それぞれどういうときに役立つか、注意すべき点は何かが詳しく書かれていて参考になります。UIパターンとして「スティッキーナビゲーション」が紹介されていますが、これは確かにユーザーのタスクが切り替わったときにショートカットになる効果的な要素だなと思います。モバイルの場合はナビゲーションエリア自体が狭いので、どこまで情報を提示するかが悩ましいところです。最近はすごく凝ったスクロールもありますが、自由にスクロール位置を決められなかったり、うるさすぎてコンテンツが頭に入ってこなかったり、そもそもスクロールに気が付かなかったりするケースもあるので、個人的には避けてほしいなと思っています。(U-Site)ユーザーインタビューでの問題と解決策に関する記事です。ステークホルダーもインタビューの観察に参加してもらい、場合によってはその場で質問もしてもらうなどして、うまく巻き込むのがよいのかなと思います。個人的にも難しく、十分計画したと思っても足りないところが出てきてしまうことが多いです。文中に出てくるパイロットインタビューもやってはいますが、もっと有効に活用する必要があるなと思っています。Webサイトをたくさん紹介している記事です。おもしろいアイデアだったり、きれいな見た目だったりとバラエティ豊かで、よくここまで集めたなと思います。世界は自由度の高い表現、もっというと実験的な表現ができるのだろうと思います。前述の通りスクロールがわかりにくいという実例が、ここで紹介されている中でもちらほら見受けられました。(WIRED.jp)スマホについている音量ボタンなど、現状残っているボタンもそのうち消えていくといつ話です。徐々に移行していくことになり、ユーザーの反発も比較的少なそうだということですが、確かに普段使いではさほど問題ないように思います。ソフトが固まったなど、不測の事態でどう対処すればいいのがわからなくなりそうな気もします。防水とか内部構造とかメリットありそうではあるものの、もっと目に見えた形でのユーザーメリットがあると、より受け入れられやすいのかもしれません。Institute)ECサイトに登録されているクレジットカード情報の更新に関する記事です。クレジットカードの更新においてカード番号の変更を許していないのは、情報保持のセキュリティの観点から仕方ないとはいえ、ユーザーのメンタルモデルと異なるためにわかりにくいとのことです。それに対して、偽の編集を置くという解決策が取られていますが、これは非常に興味深いです。やっていることはユーザーインタラクションに合わせて新規登録と更新をすり替えているだけですが、それがユーザーのわかりやすさにかなり貢献していると思います。何ができるのか、常に考えていく必要があると感じました。サイトを出会い系にしてみたパロディサイトの紹介です。サイトを是非見てみてください。ECサイトが別の目的でも十分機能する(というかむしろ適している?)ことがわかったり、こうして出会いに値付けがされる未来が来るのかと考えこんでしまったり、自分のアセットがもっと別の目的に使えるのではとアイデア発想を始めたり、などなどあれこれ考えるのもよいのではと思います。それにしても、ここに登場している人たちは何者なのでしょうか。週末に蝋人形館に行ってきました。ただの本物そっくりの人形だろと思っていたら、これがけっこう楽しくて、写真を撮りまくってしまいました。ここ一週間くらいで私の気になった記事を紹介します。検索結果の見た目が広告と区別がつきにくくなっているという記事です。今回のデザイン変更でそう感じた人は多いのではないかと思います。記事では今までの広告表示の変遷も見ることができ、今回の変更をダークパターンとする見解や、Googleの捉え方について説明されています。今回の件で思ったのは、検索に連動した広告が出ても、その中身はユーザーの期待したものとはほど遠い場合が多いこと。出稿する側も、ユーザーの文脈を捉えて、ユーザーに資する情報を提供していけば、たとえ広告であってもそれほど煩わしく感じなくなるのかもしれません。(日経ビジネス電子版)プロトタイプの効果についての記事です。動くものをつくるのは大切で、この程度ならイメージできると思うものでも、実際に見えるとだいぶ違います。プロトタイプはエンジニアやデザイナーのためだけのものではなく、紙芝居でも人力操作でも、可視化できればいいのだと思います。この方は著作も多く、その中でこの記事の内容が詳しく書かれているので、興味があればそちらも参照するとよいかと思います。2020年におけるトレンドについて記載された記事です。以前からトレンドになりつつあったものも多いですが、「大きく、大胆なタイポグラフィ」はここ最近語られることが増えてきたので、今年のトレンドと呼べるかもしれません。今は年始なので2020年のトレンドについて書かれた記事が多いですが、海外の記事が大半なので、日本の記事も頑張ってほしいです。(自分で書け、という話かもしれませんが。対比とそれを高める方法について記載された記事です。違いはほとんどないように思います。いえ、ここで書かれている点は大切なものが多く、特に購入後のフォローアップはちゃんと設計したほうがよい点だと思います。Group)インターネットを使っての情報探索行動の変化についての記事です。22年前の調査結果と比較してどう変わっているのか、グラフなどを使って詳しく書かれています。情報を受動的に取得するケースが増えているという件については、確かにモバイルが台頭することにより、プッシュ通知などの影響がありそうです。(一方でそれらがスマホ依存など引き起こしていると言えそうですが。いうものが出てきます。私もこれと似たようなものをインタビューで導入したことがありますが、調査結果の質を向上させるような効果が得られたので、試してみるのも良いかもしれません。Collective)UXライティングに関する記事です。10項目まとめられています。どれも役に立ちそうなものが多いですが、3番目の項目については、「実際にどう見えるか、どう伝わるか?」を考えるうえで、特に注意する必要がありそうです。はくそ野郎という意味のようです。)また、8番目の項目も大事で、複数の人で文言を考えていく際には、言い回し含めて整合が取れるように考えていく必要があると思います。新型肺炎が広がってきているので心配ですね。それにかかわらず私は通勤中マスクをしているのですが、安物のせいかいつも耳が痛くなってしまいます。ここ一週間くらいで私の気になった記事を紹介します。(DIGIDAY)スターバックスの働く側についての記事です。よるオートメーションを目指すのではなく、接客は必ず残していくということです。セルフレジが増えていく現在において、人と人とのつながりをつくるというのはそれ自体が価値となる可能性があり、どうやってそれを実現するか、各社のアイデアが気になるところです。した考え方を会社として示すのは、エンプロイーエクスペリエンスを高めるのにも役立ちそうです。(U-Site)テスラの運転席にあるタッチスクリーンに関する記事です。タッチスクリーンの操作や情報表示について問題のある点がわかりやすくまとめられていて、テスラを運転したことがなくても(私もそうですが)、イメージしやすくなっています。解決策について記事で細かく紹介されていますが、個人的には操作のフィードバックは割り当て可能な物理ボタンを用意したり、情報表示については普段の運転のコンテキストに沿った表示にする(たとえばサイドミラーに表示するなど)のがよいのかなと思いました。MILK)主に環境問題にフォーカスして、Webサイトの改善について記載した記事です。二酸化炭素の排出量を減らす方策として、サイトの軽量化がかなり細かいレベルで語られています。自動車などと比べてそのあたりの感覚が掴みづらいところはありますが、サイトが高速になればユーザー体験に寄与すると考えれば、目指すべき方向性であることは確かです。あとはユーザーが環境問題に取り組むサイトを意識して選ぶようになっていくのか、これは少し時間がかかる話なのかもしれません。NAVI)UXライティングに関する記事です。いくつかイマイチな文言の例が紹介されていて、UXライターとしてどう改善するのがよいか説明されています。表示の仕方やタイミングなどを先に改善したほうがよいのではというものもありますが、いずれにしても説明文などはダークパターンとしてユーザーを誘導しやすい要素ではあります。倫理的なデザインの観点からも、そのあたりを意識しつつ設計していく必要がありそうです。(Muzli)UXデザインのスキルの測り方についての記事です。した問いは以前から様々議論されてきていますが、なかなか難しくて結論の出しにくいものだと思います。記事ではいくつかの案が提示されていますが、個人的には過去の自分の成果と比較するというのが興味をひかれました。確かに昔の自分の成果物を見ると、こんなのでよくやってたなと思う人は多いと思いますが、そうしたことから自分の達成度を測ったり、成長を実感するのが次につながっていくのではと思います。Collective)常識や直感的なデザインについての記事です。したものに基づくデザインはないということで、「すぐ学べる」という表現で捉えて、UIを考えていく必要があるとのことです。私も「ユーザーは普通はこうする」とか「直感的にわかる」という言葉を聞くときは、ちゃんとその根拠を踏まえて理解するようにしています。(とはいえ、自分でそういう言い回しをしてしまうこともあるので注意が必要ですが。今年は年賀状のお年玉が1枚当たりました。今まで生きてきて、「お年玉切手シート」しか当たったことがありません。ここ一週間くらいで私の気になった記事を紹介します。(could)「エンパシーギャップ」というバイアスに関する記事です。一時的な感情の高ぶりなどの変化を考慮せず判断してしまうことで、ユーザーに対する判断だけでなく、自分自身に対する判断としてもあると思います。(よくあるのが、その日ベストな解決策を見つけたと思ったものの、翌日改めて見てみるとイマイチに見えてしまう、とか。)記事でも「バイアスはなくせないが、その存在を意識することが大切」といった説明がされていて、その通りだと思いました。確かにこれは間違いやすいラベリングです。グルーピングすることでわかりやすさは改善されると思いますが、やはりラベリングを改善するのが一番で、オーダーが怪しい人に確認を取るオペレーションもあるとよさそうです。世界ではアフォーダンスも知覚される必要があり、ユーザーのメンタルモデルと合わなければ意味がないと思います。とデザイン、そのものずばりの記事です。最近の潮流はポジティブなものが多く、デザイナーもこれを役立てていく必要があるということです。一通りの開発プロセスで同じようなことが言えると思います。以下の記事でも時を同じくして近い話が書かれていましたので、参考にどうぞ。Webサイトづくりについての記事です。イラストや図解を入れて説明したほうが記憶に残りやすいということで説明されています。上で文言をわかりやすくするため知恵を絞っても結局読まれない、という課題もあったりするので、いかに図示するかも併せて考える必要があると思いました。arrows)使用成熟度についての記事です。そのアプリやサービスを初めて利用するのか、熟練しつつあるのか、上級ユーザーなのか、の各パターンにおいて解決すべき課題や、上のレベルへ移行するポイントが説明されています。使用頻度が多いだけではダメ、といったような示唆に富む内容が書かれています。全3回の記事らしいので、あと2回も見ていきたいと思います。システムを例にとった成熟度の表があるので、参考にしてみたいです。Hub)「よくある質問」に代表される、FAQページについてです。30サイト分紹介されているなど、かなりボリュームのある内容になっています。FAQページの作成方法については、7つのポイントが指摘されていますが、個人的には特に重要なのが6番目と7番目だと考えています。なっているためには、都度内容を最新の状態にし、無駄なものはそぎ落とす、という作業をしていく必要があると思います。(2020/1/13)今年もよろしく、と話そうとしている間に早くも成人の日です。2倍成人式なんてのも出てくるのでしょうか?さて、先週お休みしたので、ここ二週間くらいで私の気になった記事を紹介します。MILK)ゲーミフィケーションに関する記事です。ポイントがまとめられています。8番目、自分の成果が見える化されるのが特に大事な点かなと思います。よる買収で今後サービスがどのように変化していくかも注目していきたいポイントだと思います。(SeleQt)スマホやタブレットでのユーザーの持ち方についての記事です。ユーザーの好みの持ち方も様々あり、さらにデバイスによっても異なるということで、気をつけるべき点がまとめられています。いくうか持ち方の例や、タッチしやすいスポットが図示されているのでわかりやすいです。この記事を読んで自分の持ち方を振り返ってみたのですが、両手持ちのときにも親指で操作していることに気がつきました。普段は人差し指を使っていると思っていたのですが、思い込みは怖いですね。考える際に注意すべき点がまとめられています。検討する際のチェックリストとしても使えそうです。UXデザインについての記事です。提供される機能をより使いやすいものにするためにユーザー中心の考え方が大事とのことで、UXデザインを活用するポイントについてまとめられています。いっても万能なわけではなく、普通のアルゴリズムが超高性能になっただけとも言えます。用いる、という方針が良いのかなと思います。Collective)「ニューモーフィズム」に関する記事です。記事を読むと概要がわかりやすいと思います。始めに紹介した記事を読むと、アクセシビリティへの懸念が示されていますが、確かにこのデザインはミニマルな方向に降りすぎているようにも思います。完成されたということになり、近い将来またスキューモーフィズムな方向に揺り戻しが来るのでは、なんて思っています。クイズに関する記事です。発表した記事をもとに、10問出題されています。クイズの回答を表示すると、該当する記事へのリンクが添えられているので、よくわからなかったものはリンク先を見ると解説を読むことができます。(2019/12/30)UX関連記事もう冬休みに入っている人は多いと思いますが、私も少し早めに休みに入り、伊豆大島に行ってきました。自然が豊かでかなり良いところでした。ここ一週間くらいで私の気になった記事を紹介します。(来週はたぶんお休みします。(berax)酷いデザインになるケースとその理由についてまとめた記事です。どれも実際に直面したことかあると感じる人は多いのではないかと思います。「フィードバックではなく承認を求め始める」については、この両者が混ざってしまうケースは多そうです。納品期間が厳しいという現実的な課題も多いと思いますが、最初に書かれているようにちゃんと「情報共有と信頼関係構築のための期間に充てる」というのが、スピード感を持って事に当たるためのベストプラクティスなのかもしれません。Blog)デザイン日記をつけることで得られるメリットについての記事です。日々の気づきをメモしていくようなものですが、これが将来どのように役立つか、実体験をもとに説明されていてわかりやすいです。私も日々日報をつけていますが、この記事にあるような活かし方はできていません。一日の総括という形で書いても、細かい部分まで書き残すのがなかなか難しいと思います。気づいたベースでメモを蓄積していくことで、ここにあるメリットを享受したいなと思います。Blog)いわゆる倫理的なデザインの話で、若者がハマるようなアプリについてのあり方が議論されています。程度問題のような気もしますが、若者に必要な睡眠時間がそれによって削られている、要は健康問題を引き起こしているというような記載があり、それは避けなければならないと思います。なんていう専門家はまだいないと思いますので、UXデザイナーが担っていく部分だと思いますが、最後のほうに出てくる「ユーザーの声になること」という表現に責任の重大さを感じます。baigie)デザインシステムについて、世の中で公開されているものをまとめた記事です。90個調べた中から厳選、ということで、よくもこんなに調べたなという印象です。Webの世界の楽しいところだと思います。ベースにしたものが多いような感じがしています。(CreativeBloq)デザインの失敗、ということで、パッケージなどのデザインが正しく伝わらず、別のものに見える例が12個挙げられています。下ネタの入ったものもあり、どれも吹き出すくらいに面白いものばかりです。中の人になってしまうと、変なところになかなか気づかない、というのはあるのだと思いますが、それにしても出す前に誰も指摘しなかったのか気になります。見えるということだと思います。UXデザインへの応用に関する記事です。行動経済学や心理学などからいくつか理論が紹介されていて、実際の事例を元に説明されていてわかりやすいです。ジャムの法則や損失回避など、ここで挙げられているのは有名なものが多いので、一通り押さえておくのが良さそうです。設計、UXデザイン、サービスデザインなどをやっています。世の中のUXに関するWeb記事を集めるのが趣味です。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。