トップページデザイン02

ウェブページのデザインを進める。
トップページのボタンはどんな形にすべきか。

当初、スマホ用にずっとブリンクしているボタンにしようかと思っていたけれど、画面が終始チカチカしているのは見る人の集中力を削ぐため、あまり好ましくないかもしれない。
もっとシンプルに、楕円か四角のボタンで、うっすらと枠線が見える程度が良いだろうか。

jQueryのサンプルを色々と見たが、パソコンではマウスがホバーした時に動作するが、スマホではタップした時に動作するものがほとんど。
であるなら、タップした後のアニメーションはそれほど長くない方がいい。長いアニメーションでは、アニメーションを見る前に次の画面に遷移してしまう。
そして、アニメーションによる変化はくっきりしている方がいい。変化が分かりにくいと、タップした時の快適度も下がってしまうだろう。

ボタンは縦にきっちり並べるよりも、ジグザグの法則で並べてみたい。実際に配置してみないと見栄えは分からないが、ボタン一つ一つの変化は付けたいところだ。
縦一列で並べるなら「文字だけのボタンでタップ後に枠が表示される」という仕様にできなくもない。が、それでは最初の状態が目立たない。
最初から形が表示されている形式なら、ボタンの形を斜め寄りにすることも検討したい。

また、現在はボタンをタップしたらゆっくりと次ページへ切り替わるようにしているが、今後はページを分けて即遷移するようにする。ページの管理が大変すぎるし、今のままでもあまり効果的ではない。

とにかく、余計なページをなるべく削ぎ落とし、シンプルにする。
見てもらうことがページの目的なのだから、そこを見失ったら意味がない。