『最新のトレンドを押さえてるな』と感じさせたい
9個のコンポーネント
ON/OFFをトグルで切り替えるUI
チェックボックスの代わりにスイッチを使うだけでモダンアプリ感が出る。
画面の端(右・左・下)からスライドして出てくるパネル
モーダルより自然な導線。『UIのトレンドわかってるな』感が出る。
⌘K で開く検索+コマンド実行UI
これ入ってるだけで『え、このレベルのUI一人で作ったの?』と驚かれる。最強の差別化パーツ。
画面下からスライドして出るパネル(モバイル向け)
iOSの共有メニューと同じパターン。モバイルUXの定番。
画面右下に常に浮いている丸いアクションボタン
モバイルアプリ感が出る。主要アクションが常にアクセス可能な設計。
ホバーで出るリッチな情報カード(プロフィール概要等)
GitHubやTwitterで見るあれ。これがあると『このレベルのUI作れるの?』と驚かれる。
スマホ画面下部のタブナビゲーション
モバイル対応してる感が一気に出る。ネイティブアプリ風になる。
ボタン型の切り替えUI(日/週/月、リスト/グリッド等)
タブよりコンパクト。iOS風の操作感が出る。
右クリックで出る操作メニュー
デスクトップアプリレベルの操作感。Webでこれがあると『ネイティブアプリかよ』となる。