1

私は現在、サイトのモバイル対応に取り組んでおり、ボタンやリンクのサイズなどのユーザビリティの問題について、人々の一般的なルールが何であるかについて興味があります.

たとえば、私のサイトは iPad では少し異なって見えます (横向き表示ではまったく変化しません) が、画面が 515 ピクセル未満になったら、リンクのフォント サイズを 150% に変更し、ボタン間に余白を追加しました。これは、小さな画面での使いやすさがすべて優れているため、ボタンが大きくて見やすくなるため、使いやすくなるためです。問題は、ほとんどのルールで、これらのルールをどのサイズの画面に適用し、どのサイズを無視する必要があるかについて常に議論していることです。たとえば、iPad の画面でもリンクのサイズを大きくする必要がありますか?!

さらに、特定のデバイス サイズ向けに設計する際に守るべき一連の優れたプラクティスを持っている人はいますか?

4

1 に答える 1

1

レスポンシブデザインに関する興味深い記事は次のとおりです。

http://webdesignerwall.com/tutorials/response-design-with-css3-media-queries

重要なのは読みやすさだけではないことを忘れないでください。人々は通常、指で小さなデバイスを使用します。要素の「ヒット領域」が良好である限り、ユーザビリティの問題の半分はすでに解決されています。

もっと助けたいのですが、これは実際にはちょっとした「サック・イット・アンド・シー」タイプの取引です。すべてのソリューションに1つのサイズで対応できるわけではありません。

幸運を。

于 2012-07-26T10:22:26.657 に答える