web-dev-qa-db-ja.com

iOSヒューマンインターフェイスガイドラインによると、すべてのリンク/ボタンをモバイルサイトで少なくとも44X44のサイズにする必要がありますか?

iOSヒューマンインターフェイスガイドラインによる

タップ可能なUI要素の快適な最小サイズは44 x 44ポイントです。

使いやすさを高めるために、モバイルWebサイトのすべてのリンクについてこのルールに従う必要がありますか?

http://m.yahoo.com のこのスクリーンショットを参照してください。フッターのリンクは44X44ではありません。

私の質問は、すべてのリンク/ボタンを常に少なくとも44X44にする必要がありますか?

enter image description here

それは約44X44ではなく、タップ可能な領域を大きくしてユーザーが指で簡単にタップできるようにすることだけです。それで、すべてのタップ可能な領域も十分に大きくする必要がありますか?

マウスを使用するデスクトップWebサイトのベストプラクティスです。

enter image description here

8
Jitendra Vyas
3
Jitendra Vyas

リンクがコンテンツ/インターフェースの一部である場合、従うことは良いルールだと思います。しかし、yahooウェブサイトのプライバシー/ヘルプ/法務などのリンクはそれほど使用されないため、ユーザーは本当にクリックしたい場合はいつでもズームインできます。

3
mars

IOS HIGが述べたように

タップ可能なUI要素の快適な最小サイズは44 x 44ポイントです。

タップ可能なUI要素を必要としない、または必要としない場合があります。この決定は、ビジネス目標とユーザーニーズに基づいて行ってください。例:「リーガル」をタップしやすくするよりも、ページを短くすることを重視します

編集:わかりました。ページの長さだけでなく、視覚的な混乱を減らし、適切な情報設計のための階層を作成することなど(たとえば、ビジネス/ユーザーにとってあまり重要ではないものにあまり焦点を当てないこと)

2
Allan Caeg

常に優れたグラフィックデザインとユーザーエクスペリエンスのルールに従う必要があります。ルールを破ることが理にかなっている状況を除いて。

2
DA01

これらのリンクのsomeは重要ではありませんが、それらは存在するのに十分重要であり、モバイルの適切な扱いに値します。パーソナライズされたリスト(お気に入りに追加)に対応する機能が少なくとも1つあるため、サインインリンクはエクスペリエンスの重要な部分であるように見え、少なくともタッチフレンドリーなサイズにする必要があります。

重要ではありませんが、遠くに行って、すでに構築されている要素を使用してこれらのセカンダリリンクをタッチフレンドリーにすることをお勧めします。また、それらを拡張リストに入れて画面スペースを整理することを検討することをお勧めします。

1
Todd Sieling

UIのメインボタンを強調表示する必要がある場合は、アップルのガイドに従って44pxを使用する必要があります。

ただし、フッターで重要ではないと見なされるすべてのリンク、または階層によって選択されたリンクは、44pxよりも小さい場合があります。タップ領域に注意するだけです。

0
Daniel Mack