参考になるモバイルサイト〜html.ver〜
先週も引き続き新しいモバイルのコンテンツを考えていたのですが、何とか一つだけ形になってきました。
コンテンツではなく特集という扱いになりそうです。内容に関しては条件がしっかりしており角度の高いユーザーが訪れるであろうと予測しております。ただ重要な目的の部分が、自分の中でとても不安で本当に良いのか揺らいでいます。来週始めに調査をするとともにその辺も固められたら良いのですが。
今回のモノは結構敷居が高めなので、個人的には敷居が低いものも合わせてリリースし、データをとり改めてモバイルサイトに訪れるユーザー層というものを把握できたらなと思っています。
まあそんなこんなで構成やワイヤーフレームを作る上でいくつかモバイルサイトで参考になったものがあるのでご紹介します。
まずは王道ですが、
■ユニクロ
モバイルサイトではあまり見たことがないのですが、ログイン、カートを見るなどのリンクを右上に置くのはちょいと斬新だなと思いました。ただ画面の幅も広くないので、PCとは若干ことなるのかなと、なのでこの置き方は全然アリだなと思いました。
その下の4〜5個リンクが並んでいる箇所も、キャリアや機種によりまちまちですが、縦移動のみであっても移動の面倒臭さより、一画面で見える安心感の方が高いなと感じました。タイトルも大きく区分けがわかりやすいです。
■高須クリニック
これは全体的にデザインが凝ってて良いですね。画像は切ってますが、下の方で背景色を使って上手く見せてる部分があり真似したいなと思いました。
■シトロ
全体の色味や、見出しのデザインが親しみやすく尚かつ楽しく洋服を探せそうです。
写真の見せ方も良いですね。小さな画面のなかで上手くレイアウトもとれられているなと思いました。
ターゲットがたぶん若者向けだと思うので、もう少し絵文字を多様しても良いかもしませんね。
■Audi
最後は少し格好よいものを。リンク前にあるアイコンや、コンテンツの区切り線がシンプルなんだけれど退屈に見えないようアクセントになっていて良いです。
- Newer: とにかくユーザーのことを考えた「クックパッド」
- Older: IE7、8でリストに隙間ができる
Comments:0
Trackbacks:0
- Trackback URL for this entry
- http://design-tracks.com/study/mobile/%e5%8f%82%e8%80%83%e3%81%ab%e3%81%aa%e3%82%8b%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%83%88%e3%80%9chtmlver%e3%80%9c/trackback/
- Listed below are links to weblogs that reference
- 参考になるモバイルサイト〜html.ver〜 from 新米デザイナーの日報|design tracks

