スマホアプリ開発の最前線で使われている、UIデザインメソッド20(5) ターゲットに応じて、これだけ変わるソーシャルUIデザイン(前編)
次世代の才能発掘などを目的に、総額約150万円の豪華賞品が当たるアプリアワードを行う「TapApp(タップ＊アップ)プロジェクト」と連動した本連載。第5回では、ターゲットが異なる2つのソーシャルアプリケーションにおけるユーザー目線のUIデザインの秘訣について、サイバーエージェント(以下、CA)のデザイナー・ディレクターに聞いた。 非常に雑多なスマートフォン利用環境への配慮が必要 Webサービスの開発現場におけるデザイナーの役割のなかで、もっとも大きなもののひとつが、UIという表現を通じてサービスの機能をユーザーに伝えること。このUIの設計は、当然のことながらユーザーの特性によって、取るべき表現か手法が変わってくる。 ユーザーの意識が画面や手元のマウスなどに集中しているPC向けのWebサービスと異なり、スマートフォン向けのサービスは、電車通勤中、就寝前のベッドの上など、さまざまなシーンで利用
【インタビュー】クックパッドのUIデザイナー：「エンジニアの仕事が０を１にする仕事なら、デザインは1を100にする仕事 」 | Startup Dating
Startup Datingでインタビュー連載を始めてみることになりました。さて連載の初回は、2011年に新卒としてクックパッドに入社し、現在UIデザイナーとして活躍する片山育美さん（@monja415）。片山さんが現職に就くまでの道のりや、クックパッドのUIに関する考え方、片山さんが手がけた具体的なUI改善の事例やヒントなどをたっぷりお伝えします。 美術大学で勉強、もともと職人になりたかった もともと絵を描くのが好きだし得意、高校のときから職人になりたいと思っていたと話す片山さん。美術大学に進学し、ファイン系とデザイン系でデザイン系を学ぶことを選択。ファイン系とは、絵画や彫刻などいかにも“アート”というもの。ファイン系が芸術だから、どこか自分の中で完結してしまうところがある。でも、職人って誰かのために技術を使える人なんじゃないか、と。情報デザイン学科を専攻し、サービスデザインやUXと言わ
デザインが苦手な人、すぐに使いたい人にぴったりなウェブページ・ワイヤフレーム用のPSD素材 -Layout Lab
デザインが苦手な人、すぐに使いたい人にぴったりなウェブページ・ワイヤフレーム用のPSD素材 -Layout Lab
様々なモバイルユーザーインターフェイスが確認出来る「MobileTuxedo」が熱い
発見して記事書き始めて、もしや他でも紹介されているのかと思ったらコリスさんとかでも紹介されてた。なので書くの一度やめてたのですが、やっぱりこのサイトは、もっと広く知られるべきかと思ってご紹介。 なんというか、きっちり絞ってまとめるっていうのはそれだけで価値があるんだなと感じさせられるWebサイトでもありますよね。 素材、デザインなんでもあり 特に注力したいのがインターフェイスデザインの豊富さ。 UI Patterns | Mobile Tuxedo とにかく豊富なリソース。 モバイルインターフェイスの中でもカテゴリがたくさんあります。 ナビゲーション コメントインターフェイス ログインインターフェイス 写真ギャラリーインターフェイス この他、マップやサインアップインターフェイス、設定画面、電卓など色々ありますので、モバイル開発者なら一度は目を通しておくといいかもしれませんね。 またインター
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
デザイナーに学ぶ「魅力あるUI」
アプリの魅力を高めるため、ユーザーインタフェース（UI）がますます重要になっている。女性Web／スマホアプリデザイナー、エバーノートのクリエイター、ユーザビリティテストのパイオニア、UI研究者、デザイン思考（Design Thinking）の第一人者から「魅力あるUI」を学ぼう。 「1pxにこだわる」、「UIではなくコンテンツに没入させる」、「初期からテストを実施しUIを変えていく」、「多数決や現状維持から優れたUIは生まれない」、「ユーザーが思い描くメンタルモデルを実装する」など、あなたのアプリを大きく変える知恵に満ちている。 デザイナーが教える「快適AndroidアプリのXMLレイアウト」 第1回 デザイナーがこだわりたいAndroidアプリのデザインとは？ 第2回 基本を押さえながら、まずは要素だけでXMLコーディング 第3回 グラデーションや影など細かいディテールを追加 第4回 背
第2回 基本を押さえながら、まずは要素だけでXMLコーディング
デザイナーがこだわったAndroidアプリのデザインを実現するXMLコーディングを解説する連載の第2回。前回は、デザイナーが作りたいと思うアプリと、こだわりたいポイントについて挙げていきました。 今回から実際のコーディングに入っていきますが、その前に、作るアプリについてしっかりと考えておきましょう。前回でも述べたとおり、ただのインスピレーションのデザインではなくて、ユーザーが使いやすいインタフェースを設計する必要があるからです。 作りたいアプリを決める 前回でも紹介しましたが、今回実装するのは、「CAT PATH」と題する仮想アプリです。 XMLコーディングのサンプルですのでシステム的な仕様はありませんが、画面を作っていく上で、ユーザーのユースケースなどはきちんと考えてインタフェースを設計する必要がありますので、大まかな内容だけ決めておきます。 ＜アプリの概要＞ 自分のアカウントを持ち、自
第1回 デザイナーがこだわりたいAndroidアプリのデザインとは？
現在Androidマーケットにあるアプリで「このデザインなら使いたい！」と思えるようなものは、残念ながら多くありません。デザイナーがそもそもプロジェクトにかかわっていないと思われるものもあれば、デザイナーはいるけれども全体として統率がとれていないものも多くあります。 すぐれた機能のアプリであっても、ユーザーの満足度はデザインのクオリティによってかなり左右されてしまいます。この連載では、Androidアプリデザインのクオリティ向上を願い、実装のノウハウとともにデザイナーのこだわりと気持ちをお伝えしていきたいと思います。 アプリの実際のXMLコーディングを通し、デザイナーがこだわるAndroidアプリのデザインを、いかにXMLで表現するかを突き詰めて考え、実装していきます。
スマートフォンサイトに適したユーザビリティとは？【リサーチ】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
cmmntr.com
mdlab.jp