ずっと前の私が若者だった頃、Votechのコンピュータープログラミングクラスに参加してVisual Basicを学びました。 Visual Basicは、UIコンポーネントとその名前について学ぶための素晴らしい入門書でした。テキストボックス、リストボックス、ドロップダウン、コンボボックス、ボタンなどについて学びました。
その後、htmlについて学び、パンくず、メニュー、フッターなどのuiデザインパターンについて学びました。
モバイルWebサイトとモバイルアプリが登場したので、モバイルアプリのUIコンポーネントのリストはどこにあるのでしょうか。明らかにこれらとVB/HTMLの間にオーバーラップがありますが、画面から水平方向にスクロールするメニュー(モバイルデバイスのGoogleなど)など、新しいものもここにあることに気付きました、3つの水平バーをクリックすると、メニューがページの後ろに表示されます。
このようなモバイルUIコンポーネントの略称を学ぶための良い情報源は何ですか?
何が利用可能で何がトレンドであるかの概要を示すことができる「ショーケース」パターンライブラリがいくつかあります。
他にもたくさんあります(他の誰かを知っている場合は、このリストに追加してください)。
基本的なリソースとして、個人的には Designing Mobile Interfaces Book が好きです。ただし、さらに、ベンダー固有のUIガイドラインを常に確認する必要があります。例 The Android Design Guide
一部のパターンは異なる名前で知られていることを常に覚えておいてください。 1つの例:Spinnerの読み込みインジケーター(主にiOS開発者)をよく耳にしますが、ProgressBarはAndroid(ただし、bar...ではありませんが)Androidのスピナーはドロップ-これも私が提案された本を気に入っている理由の1つです-彼らはそれを一般的に保ち、それをWaitインジケーターと呼ぼうとします、そしてそれはほとんどそれが何であるかです。
モバイルUiコンポーネントの正しい命名規則の有用なソースは、おそらくメインのモバイルOSのUIガイドラインでしょう
また、他のガイドラインもご覧ください- http://www.theuxbookmark.com/2010/08/interaction-design/a-monster-list-of-ui-guidelines-style-guides/ =
お役に立てれば。
あなたが見ることができるもう一つのリソースは IPatterns.io です。これは、インタラクティブな例と説明を含むモバイル用のuiパターンのキュレーションされたリストです。
プラットフォームやテクノロジーにとらわれず、優れたUIを設計するための基本的なコンセプトに対応しています。