装飾用の画像は、互い違いになったリストのレイアウトで使われていると、ページを流し読みするユーザーがつまずく原因になることが、アイトラッキング調査でわかった。一方、テキストや画像が縦に整列しているページでは、ユーザーは効率的に流し読みをしていた。 Zigzag Image–Text Layouts Make Scanning Less Efficient by Kim Flaherty on November 26, 2017 日本語版2018年6月27日公開 画像は、大きな写真であれサムネイルであれ、現在のWebデザインには欠かせないものだ。特に、トップページや「こういう仕組みです」（How it works）ページのようなストーリーを伝えるページで、企業が複雑なトピックについて書いたり、製品の説明をするときには、関連する画像を付けた説明的なテキストのかたまりがあり、次の列も同じようなテキ

ご覧頂きありがとうございます！ ギヤと申します！ 今は主にweb制作の事業をしており、ロジカルですべてのデザインに理由があるwebサイト制作を目指しています。 今回のはじめての投稿は、webデザイナーがweb制作にも落とし込むべき「人間の視野」の話をしようと思います。 「インターフェースデザインの心理学」という本を読んでいたところ、とても参考になったのでこの場を借りてアウトプットしようと思います。 人間の２つの視野とはまず初めに、人間の視野は大きく以下の2つに分けられます。 ・中心視野 ・周辺視野 ひとつめの中心視野は普段私たちが注視する視野のことで、視野全体(周辺視野)の1度〜2度程度の範囲だと推定されています。 ふたつめの周辺視野は、左右100度まで見えると推定されています。 カフェでパソコンを使ってブログ執筆作業中の光景で例えてみましょう。 あなたはブログを執筆中で、ブラインドタッチ

表示中のページから https://blog.56doc.net/Entry/484/?amp=1 にリダイレクトしようとしています。 このページにリダイレクトしないようにする場合は、前のページに戻ってください。

ダブルバインド 感情や意図とは異なる言葉や態度を示すことで、相手の矛盾を感じてストレスがかかる状態 2023年6月18日

「ゲシュタルトの法則」と聞いて、みなさんは何を思い浮かべるでしょうか。 「ゲシュタルト崩壊」という言葉は聞いたことがあるかもしれませんが、その意味を正確に答えられる方は少ないのではないでしょうか。 AIや機械学習の時代の到来で、Web関係者はユーザーのニーズや習性を理解することがますます重要になってきています。 実は、そこで新たに注目を集めているのが、人間の視覚や知覚に関する法則である「ゲシュタルトの法則」なのです。 「ゲシュタルトの法則」自体は、20世紀初頭にマックス・ヴェルトハイマーなどを中心にして研究された心理学に関する法則ですが、デザイン法則の基本として多くのデザイナーが学んでいます(あるいは無意識的に利用しているデザイナーもいます)。 しかし、AIや機械学習の時代において、人間の特性を理解することはあらゆる分野で役に立つので、この法則のことを知っておいて損はないでしょう。 今回は

Laws of UXLaws of UX is a collection of best practices that designers can consider when building user interfaces. The 2nd edition of Laws of UX: Using Psychology to Design Better Products & Services is now available! Learn More →

色は人の心の働きに影響を与えるとされています。 色の意味は、文化や状況によって変わりますが適切に色を選ぶことで非言語的なコミュニケーション手段として有効に働くことが期待できます。 衣服や絵画、Webページなど、基本的に世の中に色のない物はありません。物作りに携わる人達は色の心理学について少しばかり学んではいかがでしょうか。 次の色について人の心理への影響を説明します。 色彩に関する研究文献を参考に色が与えるイメージをまとめました。 白/ホワイト/White 赤/レッド/Red 桃色/ピンク/Pink 緑/グリーン/Green 青/ブルー/Blue 紫/パープル/Purple 黄/イエロー/Yellow 橙/オレンジ/Orange 黒/ブラック/Black 色が与えるイメージの説明では感覚的なものを取り扱います。