iPhoneやモバイルアプリの登場以来、「アニメーション」はすっかりインターフェイス・デザインの重要な構成要素になりました。 それは、アニメーションが、作品に「時間」というエレメントを付加することによって、人間の現実的な感覚とソフトウェアとの間にどうしても存在する大きな「ギャップ」に、「橋」をかけてくれるからです。 ユーザを喜ばせるようなエクスペリエンスのためにモーションが欠かせないのも、ここに理由があります。 この記事では、アプリに付け加えるだけでUXを向上させてくれるアニメーション使用のコツと例を5点まとめてみました。 １．ローディングの時間も視覚的に楽しめるようにする 開いたときにユーザが楽しめるようなアニメーション付きのアプリはたくさんありますが、中には下の例のようにユーザの視線まで上手に集める高度なものもあります。 ２．視覚に訴えかけるコンテンツでユーザを引き付ける 初めてアプリ
MatthieuはUpLabsの創設者で、MaterialPaletteとWOW.js.のクリエイター。 良いユーザー体験のためには格好良いデザインだけではなく、仕組みや構造、使いやすさにも気を配る必要があります。近年ではUXデザインの重要性が叫ばれ、こういった考え方も徐々に浸透してきてはいますが、だからといってビジュアルやインタラクションのデザインを軽視してもいいと言うわけでもありません。 この記事では過去にも何度か取り上げている、UIコンセプトギャラリーサイトのUpLabsからまたいくつかのUIコンセプトを実装コード付きでご紹介します。ユーザーがサイトを使うときの心地よさを演出するためのヒントがたくさん詰まっていますので、是非参考にして下さい。 ※各項目ごとにCodePenを埋め込んでいるため、読み込みに少し時間がかかる場合があります UpLabsのオススメUIコンセプト５選 1. カ
Nick Babich氏はソフトウェアディベロッパーです。大のテクノロジー好きで、UI/UXをこよなく愛します。彼のwebサイトはこちらです。http://babich.biz。 モーションはストーリーを伝えます。長く複雑なストーリーではなく、「今ここを見て下さい」や、「操作は正常に完了しました」などのシンプルなストーリーです。 しかし、アニメーションの目標は、ユーザーを楽しませることではありません。ユーザーが何が実行されているか理解し、より便利にアプリを使う方法を理解するための手助けするためにあります。このアイディアは、Zurbの記事にある次の言葉の中ではっきりと表現されています。 We’re no longer just designing static screens. We’re designing for how the user gets from those screens
is a totally awesome idea still being worked on. Check back later.
Name Last modified Size Parent Directory - 140byt.es-svg-font-renderer.html 2012-01-02 11:41 5.9K 16x16%10.html 2008-07-15 10:52 225 3d-tag-cloud.html 2008-11-06 17:32 2.5K 3d_dots.html 2016-08-05 20:51 2.2K area-of-a-polygon-in-140byt.es.html 2012-02-07 04:52 5.3K asciifire.html 2016-09-07 14:18 1.6K b 2002-03-18 02:09 46 blink_in_IE.html 2009-01-27 09:29 234 blinkenrider-plasma.html 2008-03-19 1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く