作成者別アーカイブ: sato.y

普段Webサイトを使用する中で、何気なく見ているボタン。 こうしたボタンはカートへの商品追加、フォームの送信、コンテンツの削除など、様々なアクションと繋がるパーツです。もしボタンが作動しなかったり、違う場所に遷移するようなことがあれば、ユーザーは大きなストレスを抱えてしまうでしょう。ボタンが正しく機能することは、Webサイトにおいて非常に重要です。 &nbs…続きを読む

横並びの画像と説明文のセットが段落ごと、互い違いに配置されているのが「ジグザグ型レイアウト」です。雑誌等における自然な視線の流れとして有名なZパターンレイアウトの仲間にあげられることもあります。普段Webサイトを閲覧していて見た覚えがある、という方も多いでしょう。   しかしジグザグレイアウトは意外にも「Webページの流し読み」の観点において注意が…続きを読む

コーポレートカラーがある企業はもちろん、そうでない場合でもWebサイトで使用する色はとても重要な意味を持ちます。 なぜなら企業の第一印象を決める要素になるからです。   使いたい色がある場合は、社内のWeb担当者やデザインを依頼する制作会社に正しく伝える必要があります。すでに使用できる色が決まっている場合は、イメージを壊さないように制作を進めていく…続きを読む

自社のWebサイトを作っていると、こんなことはありませんか。   どれもユーザーに見てほしくて、1つのページに情報を詰め込みたくなる 他社との差別化がしたくて、自社の強い独創性を押し出したくなる などなど しかしそれはサイトを訪れるユーザーに、余計なことを考えさせすぎるかもしれません。 ユーザーにモノを考えさせすぎる状態、これを「認知負荷」と言いま…続きを読む

Webサイトを訪れたユーザーは、ページを流し読みすることがほとんどだとされています。実際にこの記事を読んでいるあなたも流し読みしているでしょうし、記事を書いている私自身もそうです。   ではなぜ流し読みするのでしょうか。 理由は、 パソコンやスマホで文字を読むのが単純に疲れるから（紙よりも読む速度が25％遅くなるといわれています） Webサイトは「…続きを読む

みなさんは、「デザインシステム」をご存じでしょうか。 Webサイト制作やアプリケーション・サービス開発、ブランディング等を行う仕事でない限り普段からデザインシステムに触れるシーンは少ないですが、そういえばうちの会社のサービスにもあったな、なんて方もいるかもしれません。   デザインシステムを活用するシーンは例えば 大規模なデジタルプロダクト※をデザ…続きを読む

いかにユーザーがストレスなく、Webサイトを閲覧できるか。 これは作り手側で常に意識しているわけですが、1ページあたりの情報量が多くなると、閲覧の際に読み込みが遅くなったり、ユーザーが知りたい情報を見失う恐れもあるので、何か対策を考える必要があります。 その際に実装できるUI様式として、ページネーションと無限スクロールの2つがあります。どちらが良い・悪いとい…続きを読む