Webデザイン参考記事まとめ アプデ(UPDE) - Webデザイナー/クリエイター向けの最新情報まとめアンテナ。

2017年12月20日(水)

横スワイプを利用したタブレット向けUIデザインのコツ【横向きでのタブレット利用に最適】

タブレットは、すっかり私たちの生活に溶け込んでいます。スマートフォンほどの勢いはなくとも、毎日タブレットに触れる方は今でもたくさんいます。タブレット用UIのデザインでは、デスクトップ用を流用することもあるでしょうが、実はユーザーの癖は大きく異なるのです。

今回は、使い方の癖を反映した、タブレット用UIのデザインをご紹介します。

タブレットでは横スワイプが生きる

アイトラッキングを使った研究によると、全画面の写真ギャラリーにおいて、横スワイプで操作を行おうとするユーザーが非常に多かったと言います。iPadを横向きで与えられたテスト参加者は、93%が横スワイプで操作をしたのです。

iPadを縦向きにすると、横スワイプした参加者は82%になりました。数字は若干減りましたが、それでも考慮に値する割合です。向きに限らず、大部分のユーザーがタブレットを横スワイプで操作しようとするのです。

タブレットに適したレイアウト

私たちはいくつかのレイアウトでテストを行い、その結果、ユーザーは「カルーセルレイアウト」を最も気に入りました。これは横スワイプに適したレイアウトで、視線の移動が少ないことも好評の理由だったようです。横方向に記事タイトルと写真を探すことができ...

author:

SeleQt(セレキュト)

http://www.seleqt.net/

web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。

今日のwebデザイン記事ランキングを見る

Ads

web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。SeleQt(セレキュト)の記事『横スワイプを利用したタブレット向けUIデザインのコツ【横向きでのタブレット利用に最適】』についてまとめています。

この記事は特に写真・UX・スマートフォンについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のSeleQt(セレキュト)で全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとSeleQt(セレキュト)の記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。

Ads

最近の人気記事

人気のタグ