サイトやアプリの使い心地を改善！UIアニメーションを良くする実践テクニック、小技7個まとめ
実際のサンプル例を確認しながら、UIデザインの「良い」アニメーションを「より良く」してみましょう。ほんの少し調整を行うだけで、UIマイクロインタラクションをより魅力的で、ユーザーにも分かりやすく表現できます。 たとえば、リスト形式で並べたコンテンツにちょっとした工夫を加えるだけで、よりつながりのあるUIパターンを演出できたり、コンテンツの関係性を考えたアニメーション遷移、ボタンをクリックするなどユーザーに行ってもらいたいものに注意を引くことも、ほんのわずかなUIマイクロインタラクションによって実現できます。 今回はこれらのサンプル例を作成するために、Material Motion、IBMのアニメーション原則、Motion in Manifestoのガイドラインを参考にしています。 また今回のサンプル例は、InVision Studio（現在は限定ユーザーのみのアーリーアクセスで、メール登録
KPIは顧客満足度のみ、ソフトバンク公式サイトのUXデザイン
「ソフトバンク」というと、皆さんはどのようなイメージを持っているでしょうか？ 最近は、UberやWeWork、ARMなど有名企業への出資や買収で話題になっていますが、実際にソフトバンクでどのようにサービスが作られているのかイメージがある人は少ないのではないでしょうか。 そこで今回は、ソフトバンクのクリエイティブディレクターである梅津氏に、ソフトバンクにおけるUXデザインの現場と、その事例のひとつとして公式サイトのリニューアルについてお聞きしてきました。 インタビュイー ソフトバンク株式会社 顧客基盤推進本部 UX企画課 梅津 しおん氏 新設されたUX専任チーム ― 今回お話いただくにあたって、まずは梅津さんの仕事内容について教えてください。 梅津：簡単に説明すると、ソフトバンクが提供するサービスの情報設計やクリエイティブ全般を担当しています。私のチームであるUX企画課は約２年前に新設された
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
