よりよいスキャナビリティのためのUIデザイン
NemanjaはBMWやSubaruなどのブランドも手掛けたことのある、UI /UXプロダクトデザイナーです。 プロダクトデザイナーは、短期間に多くの情報を表示してしまうことがよくあります。「スキャナビリティ（読み取りやすさ）」という言葉の意味や、一般的な視線の動きのパターン、そして現代のデザイン原則を理解していれば、消費しやすいコンテンツと、魅力的なUIをつくることができるでしょう。 インターネットの世界は日々新たなアプリ、Webサイト、記事などが現れて広がっていきます。溢れかえるコンテンツから自分に関係のあるものだけを探すことは骨が折れるため、ユーザーを情報に注意を引きつけることはますます難しくなっています。 マーケティングの専門家であるDavid Zheng氏によれば、60%以上のユーザーは15秒以内にサイトを離脱しているというのです。 調査によれば、ユーザーはサイトの一言一句をきち
コンセプト作りとプロト検証は同時並行、フライング・ペンギンズが実践する超並列UXデザイン
KASHIYAMA the Smart Tailorはオンワード社が提供するF2C（Factory to Customer）のオーダースーツブランドです。今回のインタビューでは、同ブランドの業務アプリのリデザインについて、そのUXデザイン改善を手掛けた株式会社フライング・ペンギンズの土屋さんと、実際、現場で利用されているオンワードの皆さんにお話をお聞きしました。 L to R 株式会社オンワードパーソナルスタイル 渡邉智美さん 株式会社フライング・ペンギンズ COO / UXイノベーター 土屋 晃胤さん 株式会社オンワードパーソナルスタイル 和田雄一郎さん 株式会社オンワードパーソナルスタイル 遠藤裕士さん ※以下敬称略 オーダースーツの民主化を目指すブランド ―まずはKASHIYAMA the Smart Tailorについて教えてください。 和田：オーダースーツというと、一般的に高そう
ソリッドとアウトライン、認識しやすいアイコンはどちら？
UX Movementの創立者、ライターです。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始めました。 モバイルアプリをデザインするとき、ソリッド（塗りつぶし）かアウトライン、どちらのアイコンを使用するか決めなければいけないときがあります。ユーザー体験にはどちらが最適なのでしょうか。 単なる好みの問題だと考える人もいますが、研究によると、認識の速さに違いがあることがわかっています。 ソリッドアイコンとアウトラインアイコンのどちらを使うべきかがわかれば、モバイルアプリの操作がしやすくなります。ユーザーはアイコンをより早く認識し、正しい選択をすることができるのです。 「Filled-in vs. Outline Icons: The Impact of Icon Style on Usability」という調査で、アイコンのスタイルは作業効率
スクラムへの間違った５つの期待とその修復法
よくある古典的な、終わりのない葛藤と同じように、開発チームをどのように組織し、自律的にするかという議論は依然として盛り上がっています。目下のところ、スクラムについては好意的な見方よりも批判の方が多いかのように思えます。もっともよくある３つの批判は次のようなものです。 １. 仕事そのものよりもプロセスが重視されがちである ２. 呼び名が違うマイクロマネジメントであると混同されやすい ３. デイリーのスタンドアップによって、自分の在り方を正さなければいけないように感じる その他にもスクラムにおける役割が正しく表現されていないというケースがあります。プロダクトオーナーがスプリントの中にあまりにも多くのことを詰め込もうとしたり、スプリントの最中に優先順位を変えようとしたりすることもあります。また、スクラム開発におけるベロシティを維持することと、新しく学んだスクラムの儀式を何でも取り入れようとするこ
Webデザインにおける適切なスクロール方法とは？
PaulはSpeckyboy Design Magazineの創設者、編集者です。Webデザイン業界で長年の経験があり、最新のWeb技術やデザインのトレンドに情熱を注いでいます。 スクロールはWebサイトのきわめて基本的な機能です。しかし、基本的な要素であっても、スクロールはユーザーにとって便利な機能にも、ユーザーを苛立たせ、競合サイトに移動させてしまう原因にもなり得ます。 Webサイトの中には、ページを最下部までスクロールすると、スクロールバーが中央の位置に戻ってコンテンツが下に読み込まれ続ける、「無限」スクロールを実装しているものもあります。このようなスクロール機能は一部のサイトでは有効ですが、ユーザーを苛立たせてしまうことも多くあります。したがって、効果的なスクロールの活用方法と適切なスクロールの種類を理解することが重要です。 複雑な要素には単純さが必要 近年のWebサイトはこれまで
デザインにおけるライティングの重要性
Scottはミネアポリスに住むデザイナーであり、Brain Trafficコンテンツ戦略も主導しています。2010年以来、Webのさまざまな専門家に対してトークショーやワークショップを60回以上開催しています。 この記事はScott Kubie氏の著作『Writing for Designers』の前書きから抜粋したものです。 なんてことだ。ライティングを忘れていた。デザインというものには言葉が必要だった……それもたくさんの言葉が。てっきり誰かが……クライアントがやるのかと……。自分たちがライティングをやらないと。自分たちで終わらせないと！ でもどうやって！？ なんてこと経験はないでしょうか。ご心配なく、私がいます。一緒にライティングをしましょう。最初のステップは、厳しい真実を受け入れること。それは誰かがライティングをする必要があるということです。 ライティング以外はすべてプロセスを構築し
ユーザビリティの評価は何をどう計測すればいい？
PaulはUXのデザイナーでありデジタルトランスフォーメーションの専門家です。彼はユーザーを促進するためのウェブやソーシャルメディア、モバイルの活用を、非営利やビジネスの分野で手助けしています。 どのようなサイトでも、KPIを設定する際はつねにユーザビリティを測定する必要があります。 コンバージョンに焦点を当てる一方で、ユーザビリティの測定を見過ごすチームは多いです。指標としてのユーザビリティを無視してしまうと、長期的なビジネスプランに大きな影響を与え、最終的にはユーザーが行動する動機を損なうこともあります。 なぜユーザビリティを測定するべきなのか ユーザビリティは、Webサイトにあるすべてを支えています。Webサイトが魅力に欠けていたり、注意を引かなかったり、説明が不十分だったりしたとしても、コンバージョンにつながる可能性はまだ残されています。しかし、ユーザーがサイトを利用できないとした
ボタンの「ロード中」状態を見せるべきタイミング
UX Movementの創立者、ライター。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始める。 ボタンには、押せる状態と押せない状態以外にも、ロード中という状態があります。このロード中という状態は通常数秒以内で処理されるため、ユーザーには見えません。しかし通常よりも処理に長い時間がかかる場合、ロード中の状態を見せないことはアクションエラーを誘発します。 アクションエラー もしアクションを実行するのに自分が想定したよりも長い時間がかかったら、ユーザーはシステムが自分のリクエストを実行しているのかどうかを知る必要があります。何も起こっていないように見えたとしたら、彼らは正しくボタンを押せなかったと思うでしょう。この誤解が、彼らに再度ボタンを押させてしまいます。 ユーザーが２回以上ボタンを押すと、システムの処理が増えるだけでなく、操作が二重にな
ドラマチックなスプラッシュスクリーンの参考例10選
NatalyはウクライナのSevastopolに住むWeb開発者で、WordPressやITライティングに従事しています。便利な要素や記事を紹介するブログを連載しています。 Webサイトの導入部分をよりドラマチックな演出にしたくありませんか？ 目を見張るようなアニメーションや、ハイエンドなライブラリを駆使した実験的で独創的なデザインなどで訪問者の心を掴みたいと思いませんか？ そのようなときは、スプラッシュスクリーンに注目するべきです。 デスクトップアプリケーションの世界で誕生してから、スプラッシュスクリーンは現在までWebデザインにおける定番となりました。スプラッシュスクリーンは軽くて比較的シンプルながら、強力な要素です。私たちデザイナーはいつも最初の数秒間の重要性について話しており、スプラッシュスクリーンこそがこの課題の達成に直接関係するWebアプリケーションの要素の１つなのです。 この
UIでアイコンを使用するためのチェックリスト
アイコンは、GUIで最も頻繁に使用される要素の１つです。 どの様な要素があれば、よいアイコンなのでしょうか？ この記事ではあなたが使うアイコンがユーザーにとって機能するものとなるための簡単なチェックリストを紹介していきます。 １．認識しやすい 明瞭さは、優れたインターフェイスにおいて最も必要な要素です。しかし残念なことにそうでない場合が多々あります。 アイコンは何よりもまず意味が伝えられないといけません。アイコンが何を表しているのかが不明瞭な場合は、その意味がすぐに失われ、視覚的なノイズにしかなり得ません。 アイコンの優れているところは、ラベルを読まなくても意味が理解できるということです。 簡単なルールに従えば、意味が伝わらないアイコンの使用を避けることができるでしょう。 ユーザーになじみのあるアイコンを使用する ユーザーのアイコンへの理解は過去の経験に基づいています。 特殊なものではなく
ユーザビリティテスト専用ラボの作り方ガイド
ユーザビリティテストを行うための専用ラボは必ずしも必要ではありません。 しかし、恐らく必要に迫られて個人や組織でユーザビリティテストを行う頻度が高い場合、専用ユーザビリティラボの設置を検討したいと思うかもしれません。 高度なUXを提供する組織にとって、ユーザビリティテスト用の専用スペースを設けることはとても重要です。高度なUXを提供するとされる組織が専用ユーザビリティスペースを設けている割合は、その他の組織に比べほぼ２倍に及んでいます。ユーザビリティラボ内でマジックミラーを使用している割合も、高度なUXを提供する組織は、その他の３倍に及びます。 「ラボ」とは、言うまでもなくオフィスや部屋のことをお洒落に表現した言葉です。この言葉から連想されるような薬品や電気ショックを使うラボではありません。 ユーザビリティテストを毎週行うと、月に何百人もの参加者がラボに来ます。この規模のユーザビリティ評価
良質なデザインのための10の原則＆10のチェックリスト
Murielは熱心なユーザーリサーチャーであり、デザインの編集者。ユーザーのニーズや要望を見つけ出し、そこにある「ギャップ」を埋める解決策を見出すことをやりがいにしている。加えて遠隔教育やeラーニング分野など学習のデザインにも関わっている。 あなたはどんなタイプのデザイナーでしょうか？ デザインをあなたのものたらしめる、原則やチェックリストやメソッドはありますか？ または、０から創作を始めた後でチェックリストを使って分析する方がお好みですか？ あなたが安心するのは、未来を見据えるときか、過去を振り返るときか、それとも完璧主義なため過去も未来もどちらも見据えるときでしょうか。どちらに当てはまるとしても、この記事はあなたに役立つでしょう。 自分らしくあれ。自分以外は皆に取られてしまっているから ―Oscar Wilde 制約を設けてデザインするタイプか？ 多くの人は、制約は創造性の邪魔をすると
インタラクションデザインにおける５つの基本原則
多くの会社はWebで強力なプレゼンスが必要な理由を理解しているものの、しばしばユーザーをそのプロセスから放置しています。競争が激しいデジタル世界において、企業はシームレスなユーザー体験を保証するためにできる限りの努力をしなければなりません。 私たちの生きるデジタル時代において多くの場合、企業のWebサイトは人々がそのブランドに触れる最初の接点となります。人々は実際の店舗に（もしあるならば）入るはるか前にWebサイトを訪れます。Chain Store Ageによると、顧客の39%は、Webサイトで選択肢が多すぎると不満を覚え、離脱するそうです。 それでは、企業はどのようにしてデジタルプラットフォームを通じて良好な体験を提供し、ユーザージャーニーを充実させ、購買の意思決定に影響を与えられるのでしょうか？ 良いUXの秘訣はインタラクションデザインにある インタラクションデザインは、ユーザーをもて
サイトの問題点を浮き彫りにする「UX監査」のガイドライン
Cassandra Naji氏は、Webアプリやモバイルアプリ用のプロトタイピングツールJustinmindのマーケティングコンテンツ編集者です。 たとえばあなたがECサイトを運営していると考えてください。訪問者が検索エンジン経由でサイトを見つけてWebサイトを閲覧していることはわかっています。訪問者は購買手続きを始めました。ところが途中で手続きを止めてしまいコンバージョンまで至りませんでした。 何が原因で手続きを止めてしまったのかわかりません。情報ヒエラルキーやユーザーフローをアップデートすべきときなのかもしれません。どのようにすれば、手直しすべき部分がわかるのでしょうか。 UX監査は、Webサイトやアプリといったデジタルプロダクトの中で、ユーザーを悩ませコンバージョンを妨げているポイントを明らかにして、不完全な箇所を突き止める方法です。 UX監査は会計監査と同じように実証的な手法で既存
ユーザーを飽きさせないためのローディングアニメーションの10選
システムのステータスを視覚化することは、UIデザインの指針の中でも最も重要なものの１つです。 良いインタラクションデザインはフィードバックを与える アプリやWebサイトから即座に反応があれば１番良いですが、読み込みが遅いときもあります。反応が遅いのは、インターネットの接続が悪いせいかもしれませんし、オペレーションそのものに時間がかかっている可能性もあります。そのような場合、デザイナーは、アプリが実際に作動しておりリクエストに取り組んでいるということが分かるよう、ユーザーを安心させなくてはなりません。 アニメーションによる待機表示は、何か起こっている、もしくは読み込んでいる際に、ユーザーにシステムの状態を知らせる最も一般的な形です。しかしこれらの表示のほとんどは、クリエイターがただデフォルトで提供されているものを採用しているだけなので、見ていて面白くありません。
優れたボタンデザインのための７つのガイドライン
Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 ボタンはインタラクションデザインに欠かせない要素です。ユーザーとシステムの意思伝達において大切な役割を担っています。この記事では、効果的なボタンを作成する際に知っておくべき７つの基本原則について説明します。 １. ボタンをボタンらしく見せる UIを操作するとき、ユーザーは「クリックできる」ものとそうでないものを即座に知る必要があります。ユーザーは、デザインされたすべてのアイテムを解読しなければなりません。そのため一般的に、ユーザーがUIを解読するのに必要な時間が長くなればなるほど、ユーザーにとって使いにくくなります。 しかし、ユーザーはどのようにして要素がインタラクティブかどうかを判断するのでしょうか？ UIのオブジェクトを理解するために、ユーザーはこれまでの経
クリエイティブなタブバー型ナビゲーションを考える | UX MILK
モバイルナビゲーションの基本パターンを選ぶときに、プロダクトデザイナーは２つの選択肢から選びます。ハンバーガーメニューとしても知られるドロワー型か、タブバー型です。どちらのナビゲーションにも長所と短所があります。 この記事はそのうち、タブバー型に関するものなので、ドロワー型を上回るタブバー型の利点から話しましょう。 ユーザーの現在地がひと目でわかる。アプリの中で自分がどの位置にいるのかをメニューを開いて確認する必要がありません。ひと目で知ることが可能です。 見つけやすさ。ユーザーはトップレベルのナビゲーションオプションを最初から見ることができます。 指の届く範囲にある。タブバーは届きやすい場所（画面の１番下）に位置しています。ユーザーは指を伸ばして選択する必要がありません。 しかし、タブバー型にはいくつかの欠点があります。 ナビゲーションに載せる選択肢の数が限られる。タッチ箇所が小さくなり
効果的なUXライティングのための16のルール | UX MILK
Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 UXライティングとは、プロダクトとユーザー間のインタラクションを支援し、プロダクト内のユーザーを導くUIのコピーライティングのことを指します。UIのコピーには、ボタンやメニューラベル、エラーメッセージ、セキュリティの注意喚起、利用規約、その他のプロダクト使用に関する指示などが含まれます。 UXライティングの主な目的は、ユーザーとデジタルプロダクトのコミュニケーションを解決することです。この記事では、効果的なUXライティングに関する実践的なヒントを提供します。 ※編注：当記事はあくまで英語におけるUXライティングについての紹介になります。 なぜUIのテキストをいじることがデザインプロセスにおいて重要なのか 多くの場合、プロダクトの開発者は、UIのテキストをプロダク
UXデザイナーが成長を続けるための15の習慣
Babich氏はロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 UXデザイナーは、継続的に成長し続ける必要があります。頂点を極めたと考えているデザイナーは１人もいないでしょう。成長には、習慣が役立つかもしれません。 「人は繰り返す生き物である。したがって優秀さとは、行為ではなく、習慣によって手に入れるものだ。」――Aristotle この記事では、UXデザイナーとして腕を磨くための15の習慣を紹介します。 １. 自身のデザインの目標を設定する デザインとは学ぶものです。主体的にデザインを練習して習得することでしか、優れたデザイナーにはなれません。このとき、適切な目標を自分で設定し効果的に学習することが大切です。 目標には優先順位をつけましょう。人生の機会と選択は無数にあります。無限の可能性の前では自分を見失いやすいので
デザイナーのキャリアが変化しつつある、デザイナードラフト×UX MILK対談 | UX MILK
UX MILK編集長。株式会社メンバーズ LXグループ所属。LX（ラーニングエスペリエンス）にまつわる新規事業立ち上げなどをしています。ゲームとパンクロックが好きです。 Facebook / Twitter。 UX MILK編集長の三瓶です。最近、業界的にデザイナーのキャリアが話題になることが多いと感じています。 今回は、デザイナードラフトの島田さんと対談する機会をいただき、デザイナードラフトとUX MILK Jobsというクリエイターの転職を扱うサービス同士で「デザイナーのキャリア」についてざっくばらんに話をしてきました。 第4回デザイナードラフト 開催日：2018年10月17 日（水） ※第4回から業務委託として指名を受けられるようになりました。フリーランスデザイナーの方もお試しください。 デザイナードラフトに参加する 登場人物 株式会社リブセンス 島田 俊介 UX MILK 編集長
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
