Google発「25 Mobile Site Design Principles」のうち特に重要な7つ

services_google_com_fh_files_blogs_principles-of-mobile-site-design-ja_pdf

モバイルサイト設計の指針

今回は、その中でも特に重要な 7 つのヒントをご紹介します。

1. メニューは短く簡潔に

モバイル ユーザーは、長いメニューをスクロールしないと目的の項目にたどり着けないサイトは好みません。メニュー項目はできるだけ簡潔にしましょう。

z7zskDiJSisASIX_Y_eH8gkBT0_Ogymq83-gsCVB4Kv3lZ2KOjrZfCjtmjQSxtDARK-Y-md-JwKe59nbR-yQIYkaRxbzAKJQC_7Y49vWYuC6YX7q3s93xpkjuoohxQL2lQ

2. トップページには簡単に戻れるように

今回の調査で、ページ最上部のロゴをタップしてホーム ページに戻ろうとするユーザーが多く見られました。ユーザーがすぐにトップ ページに戻れる導線を意識しましょう。

fIf4ssc7Ag5r-lVSx8FnN9uy3qYxDZzsSbK7XGOTRPQvFODil5oVieyLEkJkAMoZ8sQLwpUBXNOsLrQAOm6QRifA7Q7wCOYgYVKcs-j6_Gz3EU1ptP0oPHcfrk_bjl8pUg

3. すぐに目につく場所にサイト内検索を設置

サイトでの目的がはっきりしているユーザーほど検索を利用します。モバイル ユーザーが最初に探す機能の 1 つが検索です。今回、調査対象ユーザーから最も良い反応が得られたのは、ページ最上部にはっきりと表示されたオープン テキスト形式の検索ボックスでした。

fiIdUZE1jZYzODSLZae5LWISSboivlt30VnAFzpf4M-FATTSYGFcHEQLo9mI3DCjHD972DDSzy94Iz55lBWv4rfrMr4q7eL6C_zG9VHPtVrnkO5FEwMy5VScc0NV5Jz4jg

4. シンプルな入力方法を提供する

サイトでユーザーに情報を入力してもらう場合、できるだけユーザーの負担を減らす方法を考えましょう。選択肢が少ない場合は、大きいアイコンをタップするだけで済むように、選択肢が多い場合は、プルダウンが最も簡単です。日にちを選ばせる場合には、カレンダーを表示しましょう。

2014-07-31_15-43-52

5. 拡大・縮小いらずで見やすく表示

多くの調査対象ユーザーは、画面を拡大または縮小しなければならない時に不満を感じ、この操作により重要なメッセージを見逃してしまいました。ユーザーがコンテンツのサイズを変更しなくてすむようにモバイル サイトを設計しましょう。一部のモバイル サイトは、画面上で拡大縮小を行えないようにしていました。

NOBHrRb3BPP1BsCREmywY4X8qmUlVdh1UQ6GpjfPeKmipvLwqiPHEesNYsYFDrcY2zhy7oPRzjVDLfnhJNX5BGuk5i6kkEVSC6gjxmItCayZienAHQ7WJguyi23pkxyODg

6. 最適な画面の向きを知らせ

小さい文字を読んだり、動画を観るなど、何かきっかけがない限り、調査対象ユーザーは常に同じ向きで画面を表示する傾向があります。横向きと縦向きの両方に対応できるサイトを設計するか、最適な画面の向きをユーザーに知らせてください。

1evFWegQB6xKVWkuyshjkuWiWMDzGmM3PADDaqk5-m97DHA90LC52NNB1dAkzbQzrPwvPUPwfJ2CQaZdb1uC83E-82XIrK1BgMhD2ZSIZpIb9lhHEz9wuLZ_yy8kuVfnfA

7. 別のウィンドウに移動させない

モバイルではウィンドウの切り替えが面倒なので、ユーザーがサイトに戻ってこないリスクが高くなります。次のページに進んだり、コンテンツの内容が変わっても、同じウィンドウ内で表示する工夫をしましょう。

2014-07-31_15-45-39

ご紹介した全てのヒントに共通しているのは、「モバイル ユーザーは目的がはっきりしている」という点です。モバイル ユーザーがモバイル サイトに求めるのは、目的のコンテンツやサービスをすぐ、簡単に、思いどおりの方法で手に入れること。コンテンツの魅力を損なうことなく、モバイル ユーザーの状況やニーズを考慮してサイトを設計することが成功の秘訣です。

 

以上, Google からのメールの抜粋.


Pressy に比べて i-key とか $0.99 とかで ヘッドホン は どうしてるの?

Wear とか 新機種とか, ハード系の話題が多めなAndroidですが.

Android端末のイヤホンジャックに差し込むだけで、お気に入りのアプリを起動したり写真を撮影したりなど好きなアクションを設定できる「自分だけのオリジナル物理ボタン」を作り出せるハードウェア「iKey」です。

Androidスマホのイヤホンジャックに取り付ける物理ボタン「iKey」が超絶便利 - GIGAZINE

多少のレスポンスを犠牲にしても、手頃に購入できる方が受けは良いのではないかと思います。
ただし、「PRESSY」は連続長押しの組み合わせが設定できるので、登録できる動作の数は圧倒的です。(そこまでの数を登録する方がいるのか不明ですが)

さらに、色々試していると「iKey」は「PRESSY」アプリでも動作する事が分かりました。正確に言うと「i-click」が「PRESSY」アプリで動作しない以外、どの組み合わせでもOKです。(※)
皆さんは買うならどれにしますか?個人的には「iKey」が一番良いと感じました。

スマホのイヤホンジャックに物理ボタンを!話題のPRESSY、iKey、i-clickを比較してみた!

買おうかなと思いつつ, Amazon へ.

Amazon_co_jp__i-key

500百円くらいなら買おうかなあ, とか思ったけど, その時挿してたヘッドホンはどうしてるの?

挿し替え? それもなんか面倒だな, 小さいからなくなっちゃいそうだし.

あー, こんなのあるのか.

i-key_pressy_headphone_-_Google_Search

Klick__Pressy_and_Mi_Key_-_a_look_at_the_projects_bringing_an_extra_button_to_your_Android_device_-_Ausdroid

そーいえば, ヘッドホンにもボタンあったよなあ, などと思ったり.

音楽プレーヤーの操作ができるのは

知っていましたが、その他結構いろんな操作ができたりします。

驚愕___Android付属のヘッドセットボタンひとつでできる操作が多量すぐる件

驚愕!! Android付属のヘッドセットボタンひとつでできる操作が多量すぐる件

あれこれ見ていると, ikey って $0.99 で海外では売られてたりしてるの?

iKey_Press_Button__0_99__Like_Pressy____LG_G2___XDA_Forum

iKey Press Button $0.99 (Like Pressy) | LG G2 | XDA Forum

Original_ikey_Press_Button_Slim___Smart_Shortcut_Customized_Cool_Gadget_for_Android_Devices_-_Tmart

Original ikey Press Button Slim & Smart Shortcut Customized Cool Gadget for Android Devices - Tmart

送料とかあるのかな?...

いや, アキバで買ったほうがいいのか...

いや, 電車代を含めると...

...

まあどっちでもいいか (笑)


TOEIC「English Upgrader」を Podcast で聴くときに スクリプト がみたい

あちこちで良い評判の TOEIC向け iPhone / Android アプリ

EnglishUpgrader - Google Play の Android アプリ

iTunes の App Store で配信中の iPhone、iPod touch、iPad 用 TOEIC presents English Upgrader

これらアプリで聴くことができる内容は, TORIC SQUARE にて ポッドキャストで配信されているので, iTune や RSS/Podcastクライアントアプリを入れれば聴くことができます.

また, それぞれのスクリプトも以下 TOEIC SQUARE サイトからPDFで取得できるし, mp3ファイルもダウンロードなども.

ポッドキャスト|English_Upgrader_|TOEIC_SQUARE

ポッドキャスト|English_Upgrader_|TOEIC_SQUARE

ポッドキャスト|English Upgrader+|TOEIC SQUARE

2010.02.04 から 2013.03.07 までの間, 5つのシリーズに分けて配信していたようで, 各シリーズの回数は以下.

1st Series - 12回
2nd Series - 15回
3rd Series - 20回
4th Series - 7回
5th Series - 9回

Android版アプリでは 4th Series の第3回までしか聞けないのでそれ以降を聞きたいのであればポッドキャストがおすすめ.

ポッドキャストアプリによっては, それぞれ上記のシリーズ別ダウンロード画面に遷移してくれる機能とかあるので便利.

ちなみに, mp3/pdf のダウンロードURLは以下のような形式.

mp3-prefix
 http://sqm.toeic.or.jp/
pdf-prefix
 http://square.toeic.or.jp/kyouzai/englishupgrader/podcast/media/

 podcast/mp3/vol_12.mp3
 12_script_0.pdf
 podcast/mp3/vol_1.mp3
 01_script_0.pdf

 podcast2/mp3/vol_15.mp3
 02-15_script_0.pdf
 podcast2/mp3/vol_1.mp3
 02-01_script_0.pdf

 podcast3/mp3/vol_20.mp3
 03-20_script_0.pdf

 podcast4/mp3/vol_7.mp3
 EU4-7.pdf

 podcast5/mp3/vol_9.mp3
 EU5-9.pdf

全部聴こうとすると結構な量ですけど.

TOEIC SQUARE[テスト受験や英語学習のサポート]

【英検/TOEIC】英単語・熟語 を 音声付きカードで覚えることができる「Ankidroid (Anki) 」で爆速暗記すべし