固定ナビゲーションにおけるベストプラクティスとは
おそらく固定ナビゲーションという仕組みはよく目にするものだと思います。固定ナビゲーションとはユーザーがスクロールしても、ナビゲーションバー(またはその一部の要素)が画面に表示されたまま残る状態のことです。 「スティッキーナビゲーション」として紹介されることもあるこのUXデザインのトレンドは、2010年の初期に初めて現れました。それ以来、近代Webデザインの1つの象徴となっています。UXデザインのト……
おそらく固定ナビゲーションという仕組みはよく目にするものだと思います。固定ナビゲーションとはユーザーがスクロールしても、ナビゲーションバー(またはその一部の要素)が画面に表示されたまま残る状態のことです。 「スティッキーナビゲーション」として紹介されることもあるこのUXデザインのトレンドは、2010年の初期に初めて現れました。それ以来、近代Webデザインの1つの象徴となっています。UXデザインのト……
マイクロインタラクションは2017年のもっとも大きなトレンドの一つとして、ビットコインと同様に話題になりました。デベロッパー達は進んでユーザー体験をよりよいものにしようとし、熱意を持ってこの仕事に当たりました。私たちは少しずつ、知的で分かりやすいインターフェイスの時代へと入っていったのです。 よいユーザー体験の根幹を成すものとして、上質なマイクロインタラクションはとてもよい効果をもたらします。こ……
プロダクトチームが新しいプロジェクトを始めるたびに、圧倒的な長さのタスクリストが作成されます。 強固なデザインプロセスによって、明確な道筋やしっかりとした構造をつくり、プロジェクトの効率もよくなります。チームはまず課題を明らかにし、次に調査・解決策のブレインストーミング、プロトタイプの作成とテストを行い、最後にプロダクトを市場に投入します。シンプルなプロセスのように見えるかもしれませんが、実際は数……
数週間前、私は入社して3ヶ月しか経っていないフィンテックのスタートアップから解雇されました。ご想像の通り、この出来事は少しばかりショックでした。私はリーダーとして招かれて新しいUXチームを立ち上げていたのですが、背後に投資家からの圧力があったようで、動き出したばかりのチームは真っ先にリストラの対象になってしまいました。 ファーストイン、ファーストアウトがビジネスの世界の定石ではないのでしょうか。辞……
色は私たちの認識や感情に大きな影響を与えます。正しく使用された場合、その色はユーザーの特定の反応を引き出す事ができます。ここでは下記の理由に則り、赤と緑という2つの色に注目したいと思います。 赤色と緑色はどちらも実用的な色であるため、UIデザインにとって非常に重要です。 UIのアクセントカラーとして赤と緑を使用する、一般的な方法を見ていきましょう。 赤色 重要さを意味します。即座に注目を……
ページネーションはデザインの中での必需性が低く、見過ごされることが多いもののひとつです。しかしブログやコンテンツの多いサイトでは、ページネーションはナビゲーションにおいて重要な意味を持ちます。サイトのページネーションが上手く作られていると、ユーザーはサイトを深くまで探求するようになるでしょう。 信じられないかもしれませんが、ページネーションのレベルを次のステップまで引き上げるデザイナーたちがいます……
シンプルにデザインする方法を学び、なぜデザインが過度に複雑になってしまうのかを知りましょう。もっとも成功した企業が作り出し、広く使われているプロダクトの多くは明らかにシンプルなものです。 また、シンプルさは一部の企業が競合よりも成功している主な理由でもあります。Googleの検索エンジンや、AppleのiPhone、WhatsAppメッセンジャー、よくできている天気ウィジェットなどは、シンプルさが……
私たちWebデザイナーは、クライアントが競争力のあるコンテンツ戦略を作り上げるために大いに貢献しています。しかし、私たち自身のWebサイトはどうなのかと言うと、それはまた別の問題です。 私たちはクライアントを手助けするのに集中するあまり、自分のサイトを放っておいてしまうことがよくあります。このことは自身の仕事に悪い影響を与えます。自分自身の魅力的なコンテンツを持たない限り、新たなクライアントを勝ち……
フォームが複数ページに渡る場合、ステップインジケーターは必要不可欠です。ステップインジケーターはユーザーに対して自分たちが今どのステップにいて、あとどのくらいのステップが残っているかを示す役割があります。 画面上のスペースが限られているためモバイルフォームで、ステップインジケーターを提示することは困難です。デスクトップと同じインジケーターをモバイルフォームで使用すると、可読性と可視性の問題が生じて……
[caption id="attachment_77640" align="aligncenter" width="900"] 作成者/著作権保持者:Dennis Hamilton. 著作権条項及びライセンス:CC BY 2.0[/caption] あなたはどんなタイプのデザイナーでしょうか? デザインをあなたのものたらしめる、原則やチェックリストやメソッドはありますか? または、0から創作を始め……