2026-07-16

ANAアプリ / ホーム画面

ANAアプリ / ホーム画面

一目でチケットだと認識できるデザインの枠組みの中に、最も重要な情報が直感的かつ分かりやすく配置されている。UXの完成度が高いと感じ、デザイン練習の題材として参考にした。

ユーザーアイコンはツールバーに置きがちだが、本文領域の最上部であれば、必ずしもツールバー内に配置する必要はないという気づきがあった。

全体は中央揃えを基調としながら、要素の左右端が揃っているため、画面がすっきりと見える点も好印象だった。縦長かつ横幅の狭いアプリ画面では中央揃えが多用されるが、整列によって視認性とまとまりを強められることがよく分かる例だと感じた。

また、情報を必要最低限に絞ることで十分な余白が生まれ、画面全体にゆとりが出ている。結果として情報の優先順位が明確になり、内容を非常に把握しやすいデザインになっている。

(https://www.figma.com/design/V4grNKCNvNjxGUFq87pkgc/ana_trace?node-id=0-1&t=ivtCIr0Mhv6bMCld-1)


学習目的の模写であり、各UIの著作権は元のサービスに帰属します