前回は、PCサイトをちょっとだけiPhoneでも見易くしましたが、今回はiPhone向けにページを作っちゃいます。
今回作るのは、エッジ・トゥ・エッジ・リスト(Edge to Edge List)という形のページ。
「エッジ・トゥ・エッジ・リスト」というのは、iPodでもおなじみのリスト形式のインターフェースのこと。
iPhone上でも、音楽のブラウズや、メールなどでおなじみのこのインターフェース。
本によりますと、内蔵アプリケーションでよく見られるものに準じたユーザーインターフェースにする理由は、iPhoneそのものとの統一感を持たせるせ、使い易いインターフェースを提供するため、とのこと。
このブログは、iPhoneで見るとそれなりに重いので、この様な軽いインターフェースにすれば、iPhoneからも見易いかなぁ、というのもあり、挑戦してみることにしました。
で、ほぼ本に書かれているの通りに作ってみたのがこちら。
ブログの記事をリスト形式で表示するようにしてみました。
まだ途中ですが、カテゴリ別にも記事を表示できます。
ただし、最終的な記事のページは、PC版のページに繋がるようになっています。記事自体まで、PC用とiPhone用に表示させるのは、seesaaでは難しいみたいです。
でも、これだけでもiPhoneからご覧いただいている方にとっては、ずいぶん見易くなったんじゃないかなぁ、と思うのですが…、どう?
ということで、まだほとんど工事中ですが、一応公開します。
(何か問題あったら、公開を一旦中止することもありますので、ご了承を。)
「iPhoneサイト制作ハンドブック」を探す⇒Amazon 楽天 Yahoo!ショッピング
iPhone関連本カタログはこちらです。