こんにちは。 スマートフォンサイトやアプリにおいて、重要なことの一つであるUI(ユーザーインターフェース)。 また、PC向けサイトでも、よりユーザー目線に立ったUI設計が必要です。 UI設計ひとつで、大きくコンバージョンが上がったり、クリック率の増加が見込めるので、入念に考えなければなりません。 今回は、UIを徹底的に考えるために、UIについて様々な視点から書かれたスライドをご紹介したいと思います。
あるiPhoneアプリの解説記事を書くために、アプリ内の設定項目を確認していたところ、以前から気になりつつも放置していた疑問に筆者は直面した。 その疑問とは 「アプリやOSの設定画面などに使われるスイッチは、どちらがオン(ON)でどちらがオフ(OFF)か分かりにくいことがある。なぜ、分かりにくいのか?」 ということだ。 アプリのスイッチの意味が分かりにくい? 基本的にiPhoneやAndroidの日本向けアプリではオン・オフの表現が用いられていることが多いようだが、中には上の画像のように | と ◯ の表現が用いられるアプリも存在する。また、Android端末でも機種によっては同様の表現が設定画面などで使われている。 はたして | と ◯ の表現でオンとオフの区別を自然に行うことができるのだろうか。以前から、筆者の心の中に、この小さな疑問がくすぶり続けていたのだ。 前提として確認しておくが
iOSのデザインをやる時に一番大変なのが実機確認だと思います。 特にアイコンは実際にホーム画面に置いてみて、周りの他のアプリのアイコンに埋もれていないかなどを何度も検証します。 今まではiPhoneのホーム画面のスクリーンショットを撮って、その正確な位置に配置して画像として書き出したものをiPhoneに送信 → 確認という方法を使っていました。 一度ホーム画面のレイアウトを作ってしまうと難しくはないのですが、どうしてもiPhoneに送る手間がネックでした。 今回はそれを解消してくれる「iconsider」というアプリを発見したのでご紹介します。 こちらのアプリは、自分のDropboxにアイコン画像を入れるだけで自動的にiPhoneで確認することができるとても便利なもので、iOSデザイナーには必須になるんじゃないかと思います。 iconsider アイコンデザイン実機シミュレーター
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く