UIデザイナー必見！ アプリの導入画面で使われる主な４つの手法
ユーザーがそのアプリの中で一番最初にふれる画面は、アイコンと同じくアプリの「第一印象」になると考えても間違いないくらい、大切な部分です。 だからこそ導入画面は、ユーザーの気持ちになって、ユーザーのことを考え、しっかりと設計しなければなりません。 今回はそんなアプリの導入画面によく使われる、４つの手法をご紹介します。 スプラッシュ まずはおそらく最も多くのアプリが採用しているスプラッシュという手法です。 ホームからアプリのアイコンをタップしたときに出る画面で、データローディングの時間稼ぎ、またはそのアプリをブランドとしてユーザーに認知させる目的で使われます。 たとえばツイッター公式クライアント。 アプリを起動したときの、この画面ですね。 みなさんご存知かと思いますが、ツイッターは少し特殊なスプラッシュで、 こんな風にどんどん鳥がせまってきて背景にコンテンツがあるという、面白いスプラッシュを導
ソート時のドロップダウンとボタン、どう使い分ける？
Webサイトで特定のアクションを起こす方法が見つけにくいと、ユーザーのストレスになります。ドロップダウンメニュー（またはプルダウンメニュー）にアクションが隠されている場合も同様です。このようなことがしばしば起こるケースとして、コンテンツを探す場面があります。 ドロップダウンは項目を隠してしまう ユーザーがコンテンツを探すとき、存在しうる全てのコンテンツを見なくてもほしいものを見つけることができるのが理想です。多くの人が、すべての項目をドロップダウンメニューに入れてしまう間違いを犯します。ユーザーは選択された項目しか見ることができず、その他の項目は隠されてしまいます。 ドロップダウンメニューを使わないで、すべてのボタンを水平に並べて使いましょう。ドロップダウンメニューは、ユーザーのタスクに関係のないオプションがある場合にスペースを節約するのに有益です。しかし、ユーザーがコンテンツを選んでいる
UX/UI - デザインパターンのチートシート - Kei178's blog
はじめに『7 Practical Tips for Cheating at Design』と『10 cheat codes for designing User Interfaces』を読んで、学んだことを整理する。 It’s easy to throw your hands up and say, “I’ll never be able to make this look good, I’m not an artist!” but it turns out there are a ton of tricks you can use to level up your work that don’t require a background in graphic design. (7 Practical Tips for Cheating at Design) 見やすいデザインパターンにはル
UIデザインの引き出しを増やしたいときや悩んだときに参考になるデザインギャラリー 20 - NxWorld
webサイトやアプリなどのUIデザインに悩んだときに参考になるデザインギャラリーを全20サイト紹介します。 よくあるコンポーネントのデザインや配置の仕方、カラーの組み合わせ方を眺めるだけでなく、ギャラリーによってはクールなものからユニークなものまである様々なアニメーションをまとめているところもあるので、デザイン以外の部分でも参考になるギャラリーもいくつかあります。 また、悩んだ・困ったときに見るだけでなく、お気に入りのギャラリーがあればブックマークやフィード登録などして普段から空いた時間に目を通すことでデザインの引き出しも増やせますね。 Calltoidea 細かいコンポーネントからページ全体のレベルまで様々なデザインがまとめられています。 カテゴリーを表すアイコンもわかりやすく参考デザインのキャプチャも大きくて見やすいので、個人的によく見るギャラリーサイトのひとつです。 Collect
現役デザイナーが教えるUIデザインの勉強方法 - Tortoise Shell
こんにちは。デザイナーのtamuです。 突然ですが、UIデザインをイチから勉強するにはどうすればよいと思いますか？ サービス開発の現場でも「UIデザイン」という言葉が使われるようになって、早くも５年以上は経ったでしょうか。 しかし多くの現場では、未だに「UIデザイン＝画面のビジュアルを作ること」と、表面的な理解しかされていません。 また企業の採用においても、IT企業を中心にUIデザイナーの求人数は右肩上がりで増え続けていますが、フタを開けてみれば仕事内容は従来と同じ。 実質的には、ただのWebサイト制作だったり…。 このように、UIデザインという言葉がただのバズワードとして認識されている場合も少なくありません。 そこで今回は、現役デザイナーのわたしが考えた、UIデザインの勉強方法についてお伝えしたいと思います。 「UIデザインに興味はあるけど、何から手を付けていいのか分からない！」という方
GoodpatchのUIデザイナーがおすすめ UIデザインを理解するためのブックリスト【2021増補版】｜Goodpatch Blog グッドパッチブログ
今回は、GoodpatchのUIデザイナーにヒアリングし、UIデザインを理解するためのおすすめ本をまとめました。 次のような人に特におすすめです。 UIデザイナーになったばかりの人 もっとUIデザインについて勉強したい人 サービス、アプリ開発に携わるエンジニア・ディレクターの人 目的別に6つのカテゴリに分けてご紹介します。あなたの関心に沿ったトピックから、 気になる本を見つけていただけると嬉しいです。 1. UIデザインを基礎から理解する ユーザーインターフェース（UI）とは何なのか、どんなデザイン要素があるのか、UIが機能する環境とは？、どうやって作ってリリースするのか…UIデザインを始めるために、まずは基礎知識を網羅しましょう。 ■ はじめてのUIデザイン 改訂版 この本は、著者の1人である吉竹遼さんが「UIデザインを体系的に学ぶための本が少ない」という課題感から企画されました。そのた
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ソシオメディア | UIデザインパターン