認知的ウォークスルーによるインタフェースの学習しやすさの評価
学習しやすさは、新規の複雑なインタフェースには不可欠なUXの要素だ。しかし、認知的ウォークスルーを利用すれば、新規ユーザーを失敗させるようなデザイン上の問題を特定することができる。 Evaluate Interface Learnability with Cognitive Walkthroughs by Kim Salazar on February 13, 2022 日本語版2022年7月5日公開 認知的ウォークスルーは、新規ユーザーの視点に立ってシステムの学習しやすさを評価するために用いられる手法である。ユーザーテストとは異なり、ユーザーの参加を必要としない（そのため、実施に比較的費用がかからない）。ヒューリスティック評価やエキスパートレビュー、PURE評価と同じく、高度に構造化された方法で実際にタスクを実行しながら検証し、新規ユーザーの視点からインタフェースを評価していく、さまざま
UXデザインにおける自律性・関係性・有能性
製品でこの3つの基本的な心理的欲求に応えることで、ユーザーのモチベーションと幸福感が高まる。その結果、デザインに対するユーザーの関心も高まり、デザインをより利用してもらえるようになるだろう。 Autonomy, Relatedness, and Competence in UX Design by Tanner Kohler on January 9, 2022 日本語版2022年6月21日公開 Nielsen Norman Groupでは、ユーザーは怠惰なのではなく、効率的であると言いたいと思っている。Webサイトやアプリの利用を含め、ユーザーが行うことはすべて、ある程度のエネルギーと集中力を必要とする。人はエネルギーや時間を無限に持っているわけではないので、自分が最もやろうと思うことだけをやることで効率を維持しているのである。しかし、ユーザーは、それをやる必要があるからやろうとすること
AppleのUXライターに学ぶ「言葉のレンズを通してデザインする方法」｜nao | UXライター / コピーライター | 著書『#秒で伝わる文章術』発売中
先日行われたAppleの開発者向けイベント「WWDC22」で、AppleのUXライターが登壇してインターフェースのライティングについて解説するセッションがあったことを、こちらのツイートで知りました。 WWDCにUXライティングのセッションがあった。https://t.co/09rHJMSOSL Apple製品のインターフェースに含まれる言葉をデザインする際に考慮するポイントを、目的、予測、文脈、共感という4つの軸で説明している — 鈴木慎吾 / TSUMIKI INC. (@shingo2000) June 10, 2022 早速動画をチェックしたところ、あまりにも学びが多過ぎて大興奮だったので、自分にとって学びや発見があった部分を中心にまとめておきたいと思います。有難いことにTranscriptが公開されているのでその翻訳（DeepLは神）と要約がメインになりますが、私は決して英語が得意
『機能面』と『情緒面』の2つの側面を意識する。Takramと考える「UXライティング」ラクスル社内勉強会レポート｜RAKSUL DESIGN
『機能面』と『情緒面』の2つの側面を意識する。Takramと考える「UXライティング」ラクスル社内勉強会レポート こんにちは、「RAKSUL DESIGN MAGAZINE」です。 デザイン・イノベーション・ファーム「Takram」とラクスルの2社で、定期的に開催している勉強会。先日は「UXライティング」をテーマにした勉強会を行いました。 ラクスルは2020年にデザイン推進室を発足して以来、デザイン経営を軸に事業を展開しています。今回勉強会のテーマとして設定した「UXライティング」は、ことば（伝え方）をデザインするという観点から、ラクスルの全社員に関わる内容で、非常に重要なテーマになっています。 この記事では勉強会のレポートをお届けしながら、近年、プロダクト開発やサービスの運営において注目される「UXライティング」の基本と実践について紐解いていきたいと思います。 UXライティングは「機能面
ユーザー調査プロジェクトのための候補者の募集とスクリーニング
募集プロセスに内在するバイアスを理解し、ターゲットオーディエンスを代表する参加者を集めるために、そうしたバイアスを回避しよう。 Recruiting and Screening Candidates for User Research Projects by Therese Fessenden on November 7, 2021 日本語版2022年6月6日公開 調査参加者の募集（リクルート）は難しい作業だ。興味のある参加者を引きつけ、調査のために会う時間を決めて、その調査に来るように確認の連絡をした上で、彼らが予定された調査セッションに来ることをしっかり覚えているように願う必要がある。さらに悪いことに、せっかく来てくれた参加者が、どんなに努力する人であっても、有意義なフィードバックや知見を提供するのに必要な実生活での経験を持ちあわせておらず、調査対象としてふさわしくないこともある。最適
本当に実践的なデザインドキュメントの書き方 第1回：なぜ渡されたワイヤーフレームは分かりにくいのか？ | アドビUX道場 #UXDojo
本当に実践的なデザインドキュメントの書き方 第1回：なぜ渡されたワイヤーフレームは分かりにくいのか？ | アドビUX道場 #UXDojo 連載 本当に実践的なデザインドキュメントの書き方 いきなり渡されたワイヤーフレームをデザインするよう言われて戸惑った経験は、デザイナーなら誰でもあるのではないでしょうか？これはディレクターとデザイナーの分業という状況に起因する問題ですが、分業が一般的なのにはもちろん理由があります。そこで、この連載では、現在の分業体制を前提に、情報設計に関わる『デザインドキュメント』をきちんと制作することで、この問題を解決する手段を探ります。 第1回は、受託のWeb制作における一般的な分業体制を詳細に分析し、よりデザイナーが貢献できる役割分担について考えていきます。 なかなかはじめられないUXデザイン これはGoogleトレンドで、「Webディレクター」「Webデザイナー
UXインタビューの参加者数
UXデザインプロジェクトの初期段階では、ユーザーのエクスペリエンスとニーズを深く理解するために十分な数のユーザーをリクルートする必要がある。とはいえ、インタビュー調査に必要なユーザーの数はあなた方が考えているよりも少ないことが多い。 How Many Participants for a UX Interview? by Maria Rosala on October 31, 2021 日本語版2022年5月11日公開 UXカンファレンスの1日トレーニングコースで、「ユーザーインタビュー」について教えているとよく聞かれる質問に、「何人の人にインタビューすればいいのか」というのがある。しかし、残念ながら、これには黄金率のような普遍的な答えはない。そこでこの記事ではインタビューをする人数を決めるのに役立ついくつかの要因を紹介する。 よくある誤解 UXの専門家の中には、5人のユーザーによるテスト
UXデザイナーは本当にデザイナー？UXデザインの役割の拡大 デザイン会社 ビートラックス: ブログ
最近とあることに気づいた。UXデザイナーポジションへの応募が多いが、そのバックグラウンドがかなり多種多様なのである。 元々Webデザイナーをしていた人もいるし、マーケター出身の人もいる。デザインとは関係のない学部や職種出身の人もいるし、前職がスタバのバリスタのケースもあった。 UXデザイナーの肩書きがインフレ気味最近では多くのデザイナーがUXデザイナーになりたがっている。 どうしてそうなってしまったのだろうか？おそらく、その裏には我々デザイナーの悲しい存在価値がある。 企業におけるデザイナーの存在は、テクノロジーやマーケティングなど、「動くか動かないか」や「数字」で判断される分野とは異なり、デザインは常に数値化が困難な分野。その不透明さゆえに、ビジネスのフィールドにおいて我々の仕事はあまり真剣に捉えてくれない壁があった。 そこで出てきたのがデザインとビジネスを融合させ、結果に繋がるデザイン
これだけは押さえよう！住所フォームの作り方 - ケンオールブログ
まとめ 住所フォームの作り方 住所フォームを作るときには以下の4つを押さえましょう。 オートコンプリート機能に最適化する 郵便番号フィールドは1フィールドにしてハイフン有無どちらも対応する モバイルUX優先なら郵便番号が入力されたら即座に補完。精度優先なら郵便番号補完ボタンを設置 住所フィールドは「都道府県」「市区町村」「町名以下」の3フィールドが基本。「建物」フィールドはオプション 本文 地域SNSのユーザー登録、ECサイトの配送先入力、資料請求、自治体サイトでの電子申請など、ウェブサービスを活用する上で住所入力は欠かすことができません。 住所入力をシンプルかつ正確に行えるような入力インタフェース（住所フォーム）は、離脱率を減らし、コンバージョン率を向上させる上で重要です。 郵便番号を入力すると対応する住所を自動入力する機能（郵便番号による住所補完）は、住所フォームの改善方法として最も効
UIが嘘をつく？ ユーザ体験における「楽観的な更新」とSPAでの作り方
こんにちは、株式会社カミナシでデザインエンジニアをしているショウです。 突然ですが、UI/UX デザインにおいて、「楽観的な更新」という言葉を聞いたことがありますか？あまり聞いたことがなくても、実は日常にたくさん存在しています。 例えば、 twitter や facebook のいいねボタン。いいねをタップした直後に色がつくのですが、実はサーバーへのリクエスト送信と UI 上のいいねの色付きが同時に発生しています。つまりサーバーからの通信結果を待たずに UI を更新しています。 他に、trello でタスクカードを隣の列に移動したり、iMessage や Facebook メッセンジャーでのメッセージの送信、Kindle アプリで途中までしかダウンロード出来てない本が読めることなども楽観的な更新です。 図：楽観的な更新を採用しない時と採用した時のメッセージ送信のUI （引用元） 楽観的な更
2022年 UXデザインに訪れる変化予測 デザイン会社 ビートラックス: ブログ
世界的なパンデミックの流行が我々の生活を一変させてからすでに2年近く経っている。この2年間でインターネットと技術的なデバイスの使用量が増加し、仕事とプライベートでの交流方法を大きくシフトさせた。 それに伴い、オンライン・オフライン共にユーザーニーズも変化し、新しいユーザー体験の設計が求められている。 また、あらゆる業界でユーザー体験の重要性が急激に高まったこともあり、2022年はUXデザインにおける大きな変革の年となりそうだと感じる。 そんな変化を7つほど考えてみた。 “UXデザイン” の概念が再定義される目的ごとのデザインプロセスデザインでストーリーを届ける時代ユーザー体験がブランド形成の主軸インクルーシブデザインの重要性B2B向けのAR & VRニーズが高まるWeb3っぽいデザインが広がり始める“UXデザイン” の概念が再定義されるユーザー体験 (UX) を設計 (Design) する
Top 10 UX Articles of 2021
The following user-experience articles published in 2021 were the ones our audience read the most: The 6 Levels of UX Maturity Our UX-maturity model has 6 stages that cover processes, design, research, leadership support, and longevity of UX. Use our quiz to get an idea of your organization’s UX maturity. Mapping User Stories in Agile User-story maps help Agile teams define what to build and maint
「入会はウェブ、解約は電話のみ」WSJ日本版サブスクに読者不満 規制進む「ダークパターン」
「ダークパターン」と呼ばれるサイト設計が欧米で問題となっている。利用者をだましたり、望まない行動を導いたりするUI（ユーザーインターフェース、顧客との接点）、UX（ユーザーエクスペリエンス、ユーザー体験）を指し、米連邦取引委員会（FTC）が企業に警告する事態になっている。 典型例は解約方法が煩雑なサブスクリプション（定額課金）サービスだ。米紙「ウォール・ストリート・ジャーナル」（WSJ）の日本版も当てはまるとして、利用者から改善を求める声が相次いでいる。 「ゴキブリ捕獲機」 ダークパターンは、UXの専門家である英のハリー・ブリグナル氏が提唱した。 ブリグナル氏は「ウェブサイトやアプリで使われているトリックのことで、何かを購入したり登録したりするなど、意図しない行動を取らせるもの」と自身のサイトで説明し、12に分類している（画像参照）。下記はその一例だ。 ・ゴキブリ捕獲機：ある状況（会員）に
富士通の実践知が詰まったデザイン思考のテキストブック公開
2021年12月3日に本テキストブックを題材に、デザイン経営の考え方や導入方法、テキストブックの制作秘話などについて語るオンラインイベントが開催されました。下記のリンク先からアーカイブ動画をご覧いただけます。 詳しくはこちら（外部サイト） > 富士通のこれまでの実践から得られたノウハウと、イタリアのミラノ工科大学デザインスクールPOLI.Designの研究成果やフィロソフィーを組み合わせた、デザイン思考のテキストブック「Transformation by Design デジタルトランスフォーメーションに挑戦するデザイン戦略とサービスプランニング」（日本語版・英語版）を公開いたします。このテキストブックはPDFで閲覧可能です。またテキストブック制作の背景や制作チームの想いなど、制作のディレクターを務めた宇多村志伸と高嶋大介に話を聞きましたので、ぜひダウンロードの際に併せてお読みください。
UXインタビューのための効果的なガイドの書き方
ユーザーインタビューのガイドを用意することで、調査課題に関するトピックがカバーされ、インタビューでユーザーの生活やニーズに関する詳細な情報を得ることができる。 Writing an Effective Guide for a UX Interview by Maria Rosala on February 28, 2021 日本語版2021年8月2日公開 製品開発の発見フェーズで、ユーザーインタビューはユーザーの背景や信念、動機、欲求、ニーズなど、ユーザーに関する重要な情報を得るためによく利用される。通常、この段階でおこなわれるインタビューは半構造化インタビューだ（マーケットリサーチャーはこのインタビューを「デプスインタビュー」と呼ぶ）。つまり、一般に、あらかじめ決められた構造を持つが、その一方で、参加者がおこなった重要な発言に対してインタビュアーが柔軟にフォローアップすることも可能なもの
デザインに活かせるフレームワーク20｜金 成奎
久しぶりのnote投稿です。今回は自分の勉強がてら、UX・情報設計・アジャイル開発など、デザインに関わる様々な局面で知っておくと役立つフレームワークを集めてみました。 有名なものからデザイン以外にも使えそうなものまで幅広く選んでいますので、気になるものがあれば改めて実作業に生かすなり、掘り下げて研究するなり、資料に生かすなりしてもらえると良いのではないかと思います。 （ちなみにここでいう「フレームワーク」とは共通して用いることのできる考え方や思考の型や枠のようなもので、いわゆるCSSフレームワークの類ではありませんので、その点ご了承ください） 1.UXの5段階モデル まずは有名なUXの5段階モデル。アメリカのUXデザイナーであるJesse James Garrett 氏が著書『Elements of User Experience（ウェブ戦略としての「ユーザーエクスペリエンス」）』にて提唱
新・えきねっとは誰のためのシステムなのか？｜長沢めい
結論から書くと、ちょっと思い当たらない。というおはなし。 そもそも「えきねっと」とはJR東日本の予約サイト。今週末にリニューアルを実施しました。 切符オタクの界隈では「あの切符が発行できない」「売ってはいけないはずの切符が検索結果に出てくる」などなど、いろいろな反応があったようですが、一般の方からすると「鉄道オタクがなんか騒いでいるなぁ」っていう感じかもしれません。私も個々論的なところはあまり興味がないから、そこについては書きません。 じゃあ、ここで何を書くかというと、UIの話をします。鉄道に限らず、いろいろなシステムにも言える話かな、と思ったので。 きっぷを買うまでの道のりが大変先述のプレスリリースには色々と変更点が書かれているんですが、1番目に書かれているのが「列車のお申し込みの操作方法が変わります」という点。 「えきねっと」トップページからダイレクトに、「乗車駅」「降車駅」や「日時」
【フロントエンド初心者向け】ユーザビリティを上げるちょいテク
フロントエンドの開発が初めての人が意外と抜けがちな観点をまとめてみました。 初めにざっくりと概要を話すと「デザイナーが作るデザインでは表現しづらいもの」をまとめたものになります。 デザイナーが作るデザインは静的なものなので(たまにがっつりプロトタイプを作ったりもありますが)、いわゆる"状態"を表現するのが難しかったり抜けたりしがちです。 具体的に言うとローディング、Empty、エラーなどです。これらをよしなに補完できるフロントエンドエンジニアはデザイナーからもきっと「頼りになるぅ！」と思われること間違いないでしょう。 と言うわけでそんな例を紹介していきます。 今後も思いついたら追加する可能性が無きにしも非ず。 ローディングを出そう こう言うクルクルするやつとか こんな感じでシュインシュインするやつがあります。 基本的にユーザがアクションを起こした時に待たせる場合は必ず表示させましょう。 ロ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
6 Mistakes When Crafting Interview Questions
Top 10 UX Videos of 2021