Apple's folding iPhone as an example of a flexible user interface
1.自動レイアウトとサイズ変更可能
Web サイトまたはアプリが、さまざまな画面サイズに合わせてサイズとレイアウトを自動的に調整するようにしてください。
たとえば、画面の幅と高さに関係なく、下部のボタンは常に水平方向の中央に配置し、下部に表示する必要があります。
2.すべてのサイズとガジェットに対する広範なテスト
すべての一般的な画面サイズは、QA およびユーザビリティ テストの対象となる必要があります。これは、ウェブサイトやアプリがすべてのユーザーに問題なく表示されるようにするために重要です。
すべてのデバイスが揃っていなくても心配はいりません。ブラウザーの解像度を変更するには、マルチスクリーン解像度テスターやレスポンシブ デザイン チェッカーなどのオンライン ツールを使用したり、単に要素を検査したりすることもできます。
https://run-3.io/
-
システムの状態が見える
一般的な UX 基準の 1 つは、システム ステータスの可視性です。これは、ユーザーが常に何が起こっているかを認識している必要があることを意味します。
マルチタスキングが折りたたみ式電話の中核であるため、折りたたみ式電話は一度に完了する作業が容易になると予測されています。ユーザーは、特にアプリを切り替えるときに、最適なエクスペリエンスを得るために何が起こっているかを常に認識している必要があります。
現在のアプリは、前のアプリからの切り替え時に中断したのと同じ場所と状態で再開する必要があります。同じことが再開されない場合、ユーザーはプロンプトを介して適切な情報を受け取る必要があります。 -
効果的な情報アーキテクチャ
マルチタスキングを使用する場合、コンテンツが多すぎるとディスプレイが目詰まりし、消費者を圧倒する可能性があります。ユーザーが必要とする重要な詳細をユーザーに提供することに集中してください。
何をどの程度提示すればよいかわからない場合は、常にユーザー調査を行ってユーザーの視点を理解してください。 2021 年の主要なコンテンツ戦略のトレンドもお読みください。
5.アクセシビリティ。
デザインや UX 関連の決定を行う際は、アクセシビリティを常にやることリストに含めてください。
2021 年のトップ UI/UX トレンドの 1 つはアクセシビリティです。誰もがソフトウェアまたはデジタル プラットフォームを使用できるようにすること、特に特定のニーズ、障害、または機能障害を持つ人にとっては、アクセシビリティと呼ばれます。
次の方法でアクセシビリティを含めることができます。
ダークモードとブライトモードの両方を許可する
テキストのサイズ変更を支援する
対照的な独特の色合いを使用してください。