Web関連

Web制作者が見落としがちなユーザーのスマホUIについて

0

Webページ制作者や担当者の視点では、ついつい見落としがちになってしまうUI。

今回は、実際に使用するユーザーにとってはニーズが高いスマホサイトのUIのポイントについてご紹介しようと思います。

 

増加するスマホの需要

2015年4月にスマホの普及に伴いgoogleからモバイルフレンドリーの発表があったのも記憶に新しいと思います。

それに伴い、サイトのモバイル端末への対応が重要視されるようになり、最適な対応がされているかどうかもサイトを評価する基準となりました。

特に近年は、パソコンを持たずにスマートフォンしか持たないという人が増えてきています。

そのため、Webサイトのスマホ対応の需要もどんどん高まってきています。

見落としがちなUIポイント

さてスマホサイトのUIにおけるポイントとは、スクリーンショットのことです。

“スクリーンショットとは、端末に表示されている画面を撮影して画像として保存する機能のことです。

これらは、Android、iOSの両OSを問わず近年のスマホには、標準的に搭載されている機能の一つです。”

では、「スクリーンショットについて気を付ける」とは具体的に何をすればよいのでしょうか?

スクリーンショットにも配慮するとは具体的に何をすればよいのでしょうか?

ユーザーが、ページをどんな使い方をしているのか理解する

ユーザーに配慮した設計をするには、まず、ページをユーザーがどのような使い方をしているのかをちゃんと知らなくてはなりません。

昨今、ユーザーはメモの代わりとしてスクリーンショットを使っています。

例えば、あなたが定期的に購読しているブログで紹介されていたお店に今度行こうと思ってアクセス情報などを残すときや、情報をネットで調べたとします。

この時ユーザーは、後で情報を見返したくなるかもと思った情報をスクリーンショットで残しているようです。

先日、友人がスクリーンショットを取っている場面に丁度、立ち会ったのでなぜ、スクリーンショットを取るのかを質問してみました。

そしてその時返ってきた答えは、「いちいち、携帯にメモをするのが手間だから」とのことでした。

何を気を付けるべきか?

ポイントは、画面に残したい情報がページにおさまるのかという点になります。

スクリーンショットは、基本的に画面に写っている範囲しか画像に保存できません。

そのため、残したい情報がスクロールをしないで見えない範囲がある場合、情報を複数枚の画像に分けて撮影し保存する必要があります。

情報が画像複数枚になってしまう場合、そこから月日が経つと何の情報を保存した画像なのか忘れている可能性があります。

そうならないよう情報を配置する必要があります。

まとめ

UIというと、ついつい情報の配置の仕方や、ページの導線などに目が行きがちになってしまうと思います。

ですが、今回紹介したような、ユーザーがページで頻繁にするアクションをしやすくするという視点もスマホのUI設計にとって、とても大切なのです。

Web制作でお困りの方はWeb制作会社ティファナにご相談ください!

お問い合わせはこちらから

関連するサービス

ホームページ制作

スマートフォンサイト制作

0

Webサイトと未来をつなぐ「VR」前のページ

【Web最新技術】クラウドが現実世界を変え始めた 駐車場編次のページ

ピックアップ記事

  1. 新しい販売形態であるDtoCについて考えてみる
  2. AIに求められているものは、実は意外な物だった
  3. 新型コロナウイルスで日本の働き方改革が起こる
  4. 大手企業も注目するMaaS(Mobility as a Service)とは何か…

関連記事

  1. Web関連

    今聞いているハイレゾ音楽、本当に「ハイレゾ」?

    2年ほど前に登場し、今ではすっかり浸透している「ハイレゾ音源」。音楽配…

  2. Web関連

    ただ面白いだけではない…ゲーミフィケーションを活用したアプリ

    2015年秋、千葉の幕張にて、「ITJapanWeek」というITを中…

  3. Web関連

    e-sportsから考える「スポーツ」

    スポーツ --熱き魂のぶつかり合い--熱き魂がフィ…

  4. Web関連

    使わなくなったPCを再利用するためにLinux Mintをインストールします

    こんにちは。ティファナの小森です。去年Surface pro 2を買…

  5. Web関連

    リッチスニペットの新しい手法 schema.orgとは?

    アマガエル、可愛いですよね。どことなく愛嬌が感じら…

  6. Web関連

    リッチスニペットでSEO対策!重要な2つのポイント

    みなさんリッチスニペットってご存知ですか?実はGoogleの検索結果一…

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. Web関連

    米政府からの依頼!?「ペンタゴンをハックせよ」
  2. AI関連

    【人工知能(AI)×災害対策】AIで洪水・防災対策を進める
  3. Web関連

    デザイナー志望必見!インフォグラフィック履歴書で就活を有利に!
  4. AI関連

    AIチャットボットが使われる理由
  5. AI関連

    AIに魂は宿るのか?
PAGE TOP