デザイン変更は抜本的にやるべきか、それとも、少しずつやるべきか
古いものを捨て、新しいものを取り入れる前に、そうすることがユーザーの目標達成のために必要だという確実な証拠があることを確かめよう。 Radical Redesign or Incremental Change? by Hoa Loranger on February 8, 2015 日本語版2015年3月9日公開 ユーザーエクスペリエンスに関わる最大の問題は、メガメニューを利用するのか、あるいは他のタイプのナビゲーションメニューを利用するのかといったような個別のデザイン課題のことではない。求められているのは、もっと視野を広げて、UXに関して最優先すべき戦略をまず決めることである。すなわち、大改革を目指してすべてを一気に変えるのか、あるいは少しずつ品質を向上させるというやり方を取り、一歩ずつ進んでいくのか、である。 ユーザーエクスペリエンスというのは品質に関わる分野なので、デザインを徐々に変
スマホデザインで見やすいサイズ、行間は？デフォルトのアプリ等を調べてみた｜株式会社アクトゼロ｜クリエイティブブログ
こんにちは、デザイナーの小林です。 最近スマホデザインで、アプリデザインや、機能性を持たせたUIのデザインが求められることが多くなってきました。 Photoshopで幅640pxで作成後、実機で確認をするのですが、どうも文字サイズを決めるのに毎回迷ってしまいます。 「小さすぎるんじゃないか？」 「見出しと本文の違いがパッと見で分かるだろうか？」などなど… そこで普段見慣れているだろう、スマホのデフォルトの純正アプリや有名アプリの文字サイズを調べてみました。 検証方法 iPhone4S（古くてスイマセン）でキャプチャーとる Photoshopで上からテキストをトレース。（このときの文字設定の数値を記載しています。） ホーム画面 通話履歴 メール リマインダー メモ帳 ミュージック Google Chrome Facebook Twitter Youtube はてなブックマーク evernot
PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ
スマートフォンの普及で、PCで閲覧するWebサイト（以下、PCサイト）に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景
考察：Appleはスマホサイトを作らない。
今まで気づかずにいたが、Appleはスマホ(スマートフォン)向けサイトを作っていない。それは何故か。 予算がないとか、(どこぞのメーカーと違って)ウェブデザインや自社製品についての理解度が低いとか、おそらくそういったネガティブな理由ではない。Appleのウェブサイトには、自社のプロダクトデザインに通じる主張が表現されている。 Mobile Safari のUIデザインの本質を垣間見るウェブデザイン 自社のプロダクト(ここでは特にMobile Safari)のUIデザインが、何を理想として、どう調整されてきたのか、このサイトのデザインから読み取ることができる。 Appleのウェブサイトの裏側をちょっとだけ覗いてみると、viewport に width=1024 が記述されている。これは、iPhoneの小さな画面でも1024px分の幅があるものと仮想してレンダリングされるようにする、呪文のよう
UXとUIが混同されるワケ
最近 UX と UI を混同して表記されているのを見かけるようになりました。私もウケやすいということで、混同させたことがあります。しかし実際のところ UX と UI は同義語ではありません。良い UI デザインをすれば、UX が向上する可能性はありますが、必ずしもそうではありません。逆もしかりです。最近も UX と UIの違いを分かりやすく表現しようと、シリアルとボールの写真を使った例が登場しましたが、「そうでもない」という意見も多数ありました。 それでは、なぜ混同されやすいのかというと、今のスマートフォン向けのデザインを見るとヒントが隠されています。例えば Twitter クライアントの中で人気のある Tweetbot を見てみましょう。このアプリの中で装飾と呼べるデザインはどれだけあるでしょうか。ほぼ皆無だと思います。 スマートフォンという小さなスクリーンには、UI しか存在しません。
UIの改悪がUXを改善させる場合 - A Successful Failure
2013年01月20日 UIの改悪がUXを改善させる場合 Tweet Good UI≠Good UX UIとUXについてはその理解について多くの議論がなされてきた。たとえば、Googleの及川氏は「写真が語るUXとUIの違い」というエントリにおいてコーンフレークの例を元にUIとUXについて説明したが、その後、ERATOの渡邊氏が「1分でわかるUIとUXをわかりやすく説明する写真とお話」というエントリにおいて、ATMを例によりわかりやすい説明を挙げている（次の写真は当該エントリからの引用）。 この例ではたとえUIが素晴らしくても、そのATMは時間がかかるため、長い待ち時間ができ、結果としてUXが損なわれる場合を示している。 しかしながら、実際にはATMの劣悪なUIが悪いUXの原因となっている可能性があり、本当にこのATMのUIは素晴らしいのかという疑問が残る。つまり「Good UI ≠ Go
『【iPhoneアプリ開発者必見！】画面遷移をイメージしやすくなるアプリ【POP】』
こんにちは。 CA Beatデザイナーのウオモリです。 年末ですね。クリスマスも終わって、 もうすぐ正月。。。 このまとまったお休みを使って 新しいiPhoneアプリを作ってみようかな… とか考えてる人多いと思います。 （ん？多いの？私のまわりだけ？） そんなあなたに！今日は革命的なアプリを紹介します！！！ iPhoneアプリの開発に携わってる方、webデザイナーの方、 UI設計をされている方、アプリプロデューサーの方、必見！！！ 紹介するアプリは「POP ~prototyping on paper」です！ POPはPOPでもLINE POPとは関係ないですよ。 コチラです！ ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ アプリ名：POP ~prototyping on paperカテゴリ：仕事効率化金額：無料 AppStoreはこちら ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ このアプリは設計の
» 同じサービスで比較！iPhoneアプリとAndroidアプリのUI設計の違い | Webnoborder
スマートフォンアプリのUI設計では各プラットフォームが出しているガイドラインに従うのが良いとされていますが、実際に配信されているスマートフォンアプリは、どの様に対応しているのでしょうか？ 今回は、iPhone、Androidでアプリを提供しスマートフォンアプリのUI設計では各プラットフォームが出しているガイドラインに従うのが良いとされていますが、実際に配信されているスマートフォンアプリは、どの様に対応しているのでしょうか？ 今回は、iPhone、Androidでアプリを提供しているサービスのUI設計の違いを比較してみました。 はじめに iPhoneとAndroidのアプリを比較してみたところUI設計には傾向があり、大きく３つのパターンに分類できることがわかりました。 実例を踏まえながらパターンを紹介していきます。※当然、例外はあります。 また今回はUI設計思考を見ているため細かいUIや
Mobile App Gallery｜tappgala.com
Mobile App Galleryは各種アプリのデザインギャラリーサイトです。カテゴリごと、色ごとに分けて分かりやすく表示しています。
UI差で見る、PCサイトとスマートフォンサイト | ブログ | SINAP - 株式会社シナップ
こんにちは、守谷です。 携帯電話のキャリア各社がこぞってスマートフォンを売り始めて早半年。ケータイの本体ではなく通信料を軸に顧客から利用料を徴収する為に、各社ともフィーチャー・フォンからスマートフォンの販売に力を入れている（移行している）という事実にお気づきの方は、もうWebや通信系のお仕事をされていない方の中にも結構いらっしゃるのではないかと思います。 端末単位で見ても、Yahooの出すYahoo!Phoneが9月に出るとか、AppleのiPhone5が秋口に出るとか、直近の話題どころで言うとWindowsPhoneだとか......。スマートフォンといえば「iPhone！カッコイイ！」というイメージが今は昔、スマートフォン利用者がフィーチャー・フォン利用者を追いつけ追い越せであることは明白です。 私個人でいえば、フィーチャー・フォンを使いこなせばスマートフォンと同じだけの便利さはある！
エバーノートのクリエイターが教える「魅力あるUIとUX」の極意
2012年2月3日、“シリコンバレー流”のユーザー・インタフェース（UI）やユーザー体験（UX）、ブランドのデザインをテーマにしたトークセッションが、デジタルガレージ本社で行われた。 登壇したのは、米エバーノートでクリエイティブディレクターを務めるゲイブ・キャンポドニーコ氏（写真1）。米アップルでの勤務経験も持つ同氏は、この数年にわたるエバーノートのアイコンのデザインからブランド構築までの数々の経験談を語った。 同氏が講演で指摘したUIとUX、ブランド構築のポイントは、以下の9点にまとめられる。 1）最初から編集に着手してはいけない 最初の教えは、「いきなり編集に着手してはいけない」。同氏がデザインする際に心がけているのは、できるだけたくさんの情報を収集すること。そのために同氏は、たくさんの人に会うのだという。 エバーノートには創業時から参加することになったので、同氏はまず企業ロゴを考える
コニットブログ » Blog Archive » スマートフォンの画面デザインを軽視しないで！！
こんにちは。橋本です。 昨日の記事がいろんな所でRTされ、大きな反響を頂き非常に喜んでいます。 孫泰蔵さんにもRTされちゃいました。（恐縮です） さて、今日はスマートフォンアプリの画面デザインについて書こうと思います。 よく、「アプリと一緒に画面のデザインもお願いします」との依頼を受けます。簡単なようで、これが結構難解です。 社内にもデザイナーはいますが、アプリのコンセプトや内容によっては得手不得手があり、簡単にはできません。 ですが、見積で最初に削られるのはデザインなのです。「見た目かっこよくなくてもいいから、金額下げてください」てな感じで。 多くの開発者は画面デザインや、アプリUI設計は苦手です。 画面のデザインはあくまでもデザイナーの仕事であって、開発で学んだ経験は全く役に立ちません。 にもかかわらず、発注元は少しでも安価に開発したいと考え、画面のデザインや設計を開発者に全部任せちゃ
押さえておきたい、iPhoneアプリのデザイントレンド：ekakou フリーフォント/Photoshop
デフォルトのUIに似せたデザインアプリケーションの中で新しいOSを作る事によって、アプリケーションが楽しくなる場合があります。 しかし、ユーザーはただそのアプリケーションを使って物事を済ませたいだけです。 ユーザーが使い慣れたレイアウトとUIを使う事により、説明なしに素早くアプリケーションが使えるようになります。 iPhoneアプリケーションを設計する上で、このアプローチは非常に有効だと思えます。 Facebook[iTunesでダウンロード] Tweetdeck[iTunesでダウンロード] シンプルなインターフェースユーザーは何を求めていますか？ 直感的でシンプルなインターフェースにすることで、ユーザーが入手したい情報を的確に得る事が出来ます。 Flickr[iTunesでダウンロード] 金属的な見た目 Convertbot[iTunesでダウンロード] iHandy Level (i
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UXのためのUIデザイン
UX デザイン概念図の見本市
ウェブデザインのセンスを磨く！ 2012年下半期洗練されたディテールのUIデザインのまとめ
UICloud : WebデザイナーのためのUIエレメント専門のリソースサイト
[PDF] iOSヒューマンインターフェイスガイドライン
iPhoneやAndroidなどのスマートフォン向けUIの専門ギャラリーサイト・lovely ui