Webなのに『アプリみたい』と言われたい
10個のコンポーネント
スマホ画面下部のタブナビゲーション
モバイル対応してる感が一気に出る。ネイティブアプリ風になる。
画面下からスライドして出るパネル(モバイル向け)
iOSの共有メニューと同じパターン。モバイルUXの定番。
画面右下に常に浮いている丸いアクションボタン
モバイルアプリ感が出る。主要アクションが常にアクセス可能な設計。
ON/OFFをトグルで切り替えるUI
チェックボックスの代わりにスイッチを使うだけでモダンアプリ感が出る。
ドラッグで数値を調整するバー
数値入力をスライダーにするだけでインタラクティブなアプリ感が出る。
ボタン型の切り替えUI(日/週/月、リスト/グリッド等)
タブよりコンパクト。iOS風の操作感が出る。
デスクトップアプリ風の上部メニュー(ファイル・編集・表示)
完全にデスクトップアプリ。Webで再現すると『技術力やばい』と思われる。
右クリックで出る操作メニュー
デスクトップアプリレベルの操作感。Webでこれがあると『ネイティブアプリかよ』となる。
画面の端(右・左・下)からスライドして出てくるパネル
モーダルより自然な導線。『UIのトレンドわかってるな』感が出る。
6桁の認証コードを1文字ずつ個別のボックスに入力するUI
セキュリティ画面が本格的に見える。2FA対応アプリの証。