タグ

uiとスマホに関するminaseraのブックマーク (5)

  • 3つのユーザ特性から考える 『売れる』スマートフォンECサイトデザイン - ECサイト構築運営に役立つ情報発信|モバイルファーストマーケティングラボ

    スマホEC 3つのユーザ特性 スマートフォンECサイト構築において多彩な表現方法が出現しており、最近ではクライアント様のスマホECサイト構築を実施する際に様々なご要望をいただくようになっています。例えば『ANAPさんのようなデザインに』『**サイトのような表現方法で』など、特にJSを活用するような表現が多くなっています。 私たちがスマホECサイト構築の際にお客様と議論する1つが『売れるサイト』を目指すのか、『スマホっぽい見た目が良いサイト』を目指すのかという点です。 これまでの私たちのテスト実績や経験則から携帯サイトでも同様であったように、スマホ向けのモバイルサイトは『モバイルユーザ』の特性を加味したモバイルサイトが最もCVRが高くなります。 3つのスマートフォン(モバイル)ユーザ特性 通信速度が遅い 画面が小さく操作がしにくい PCに比べ目的意識が強い そこで『スマホっぽい見た目が良いサ

    3つのユーザ特性から考える 『売れる』スマートフォンECサイトデザイン - ECサイト構築運営に役立つ情報発信|モバイルファーストマーケティングラボ
  • スマホユーザーを囲い込む!目的達成するスマホサイト制作方法

    あなたはスマホ専用のホームページを作ろうとしている中で、外部の業者に任せるにせよ、自社で制作するにせよ、具体的にどのように作ろうか迷っているかもしれない。 スマホサイトを制作する際に忘れてはいけないのは、ユーザーの求めている情報が簡単に手に入るか?という視点だ。 スマホユーザー数の増加から、特別な設定をしなくても、売上の20%程度はスマホ経由になるだろう。しかし、しっかりと作れば売上の50%以上をスマホ経由にすることが出来るだろう。 ネットショッピングでなくともスマホ経由のお問い合わせも同様である。 この記事では、どのようなサイトを、どのように制作すれば効果の高いサイトができるかについて、初心者でもわかるようにお伝えしていく。 <目次> 1,スマホサイトのデザイン視点 2,独自の環境で作るか、自動変換ツールを使うか 3,独自の開発環境でサイトを制作する方法 4,独自の開発環境で制作するメリ

    スマホユーザーを囲い込む!目的達成するスマホサイト制作方法
  • スマホのメニューデザインに悩んだらこれ!パターン別サンプル36選 | LISKUL

    スマホはメニューバーが命!! スマホでもっとも重要な動作は「タップ」ですが、その重要な役割を引き受けるのがメニューアイコンやリストです。 ユーザが求めるコンテンツにスムーズにつなげられるよう、最適化していくことが必要です。 ただそのデザイン、「なんとなく」のものになっていませんか? 違和感なくスムーズにコンテンツにつなげるためには、最適なデザインを選択する必要があります。 今回は100のスマホサイトを調査し、その中で代表的な36サイトから7つのメニューデザインに分類し、まとめてみました。 自分のスマホサイトの性質を考えながら、もっとも適切なメニューを探していきましょう! 100のスマホサイトから見る、 スマホメニューの人気ランキング 上図は、100のスマホサイトをランダムに抽出し、それぞれのサイトで採用されているメニューの割合を調査した結果になります。この結果によれば、一位が圧倒的な割合で

    スマホのメニューデザインに悩んだらこれ!パターン別サンプル36選 | LISKUL
  • スマフォサイトでよく見るパーツのコードサンプル集 | 07design.blog

    最近スマートフォンサイトの案件が増えてきました。そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。…最近スマートフォンサイトの案件が増えてきました。 そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。 すべてのデモ(chromeなどのwebkit系ブラウザまたはスマートフォン実機でご覧ください) download ヘッダーの右にメニュー <h3>ヘッダーの右にメニュー</h3> <!--ヘッダーの右にメニュー--> <header class="header1"> <h1><a href="#"><img src="title.png" alt="SIT

  • スマホサイト制作センスをアップする!見本・素材・WPテーマ・JS・その他全部丸ごとまとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、ライターの内藤です! 前回の記事(美しいWebデザインをタイプ別に!見ないと損する目的別厳選Web見サイトのまとめ)ではWebデザインのタイプ別にわけた見サイトのまとめを行いました。 今回はその続編として、スマホ・タブレット最適化サイトのデザインまとめをご紹介致します。 目次 ※もちろん順番に読む必要はありません。 スマホ専門デザイン見 部品別に見られるサイト その他スマホサイトの部品作りの参考になるサイト スマホサイト素材になるキット フリック用JavaScriptプラグイン スマホ対応の無料WordPressのテーマ スマホサイト制作参考 スマホ専門デザイン見 iPhoneサイトデザイン集のiPhoneデザインアーカイブ http://iphonedesignarchive.jp/ 登録数が半端ないです。 カテゴライズは業種別のみですが、年月アーカイブがあるので、い

    スマホサイト制作センスをアップする!見本・素材・WPテーマ・JS・その他全部丸ごとまとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 1