びったんびったん

ユーザビリティ・プログラミングについて。

グリッドレイアウトを見やすくする小技

グリッドレイアウトやカードレイアウトが流行っていますよね。でも縦と横のマージンを安易に同じにしていませんか?

f:id:hakomof:20140909041532p:plain

縦と横のマージンが同じ場合は、まず右に読み進めて下に右に読み進めて下に…なのか、下に読み進めて右に下に読み進めて右に…なのかわかりません。そのためユーザは読み進める方向がわからず無意識にストレスを感じてしまいます。

そこで縦と横のマージンに差をつけ読み進める方向をユーザに暗に示すことによって、ユーザのストレスをなくすことができます。

ユーザに読ませたい方向がある場合はそれに合わせてマージンに差をつけましょう。 もしユーザに読ませたい方向がなくても必ずマージンに差をつけましょう。