コンセプトモデルを考えてアプリのUIをデザインする
表１. シンプルなオフィス用カレンダーアプリのオブジェクト指向分析 オブジェクト：カレンダー、イベント、To Do項目、人などのオブジェクトが含まれます。バッファ、ダイアログボックス、データベース、文字列、といったタスクと関係ないオブジェクトは含まれません。 属性：カレンダーには所有者とデフォルトフォーカス（日、週、月）があります。イベントには、名前、説明、日付、時刻、期間、場所などが入ります。To Do項目には、名前、説明、期限、優先順位などが入ります。人には、名前、職業、オフィス、電話番号などが入ります。バイトサイズも確かめられますが、タスクではなく実装に着目した要素なため含まれません。 操作：カレンダーには、調べる、印刷、作成、表示変更、イベント追加、イベント削除といった操作が含まれます。イベントは、調べる、印刷、編集などが入ります。To Do項目はイベントとほぼ同じです。データベー
何のために「UXデザイン」をするのか
UX MILK編集長。株式会社メンバーズ LXグループ所属。LX（ラーニングエスペリエンス）にまつわる新規事業立ち上げなどをしています。ゲームとパンクロックが好きです。 Facebook / Twitter。 UX MILK編集長の三瓶です。皆さんいつも飲んで（読んで）くれてありがとうございます。 実は最近UX MILKを取り巻く環境が少し変わり、改めてこれって何のためにやっているんだっけなどと、色々と考えをまとめたりしていました。せっかく新年度ですので、久々に少しコラムめいた記事をさらっとお届けできればと思います。 「UXデザイン」の話を始める前にすべき話 前段ですが、UX MILKなんで、これから「UXデザイン」の定義の話をします。 これに関しては常に議論が巻き起こり、時には論争にまで発展することもありますので正直あまり気が進みません。面倒くさいですよね。ぶっちゃけ、僕でさえなんだって
娯楽のUI~人々を笑顔にする任天堂~｜井上乃彩 / sasakure
みなさん、こんにちは！ 株式会社クラウドワークスのUIデザイナー井上です。 Twitterで知ってるひとも多いかな・・・？ 今日はUI Crunch #13「任天堂のUIデザイナーが語る娯楽のUI」というイベントに参加したので、グラフィックレコーディング(以下グラレコ)描きました！グラレコだけは伝わりにくい熱量もあるので、イベントで大事だと思った部分をまとめ、最後に自分の感想を書いていきたいとおもいます。 (このブログはすこしポエモミ〜な表現を含みます。) より感覚的に、直感的に、笑顔の共有を。①あそび心を伝えるUIデザイン(正木さん) みなさんが普段、人に何かを伝えたい時に気をつけていることはなんですか？人に何かを伝えるときには、"言葉を使うより、体験してもらう方がはやい。" ● 伝え方の心がけ - 教えることよりたいけんしてもらうこと - はじめての体験は貴重 - 体験はやっぱりおもし
社内スキルアップのためのUXデザイン教育とコツ ｜ ネットイヤーグループ株式会社
UXチームの宮村です。 2015年度はUXデザインの理解・スキル向上のための社内教育を強化し、様々な取り組みを行いました。その中で、講師として気づいた初心者が陥りやすい点などをまじえながら、教育内容についてご紹介したいと思います。 2015年度に行った教育施策は以下の通りです。 新卒向け （社会人未経験） UXチームの若手UXデザイナー向け （20代〜30代前半のディレクター経験者や他業界からの転職者など） 事業部向け （UXチーム以外の、ディレクターや営業など様々な職能のメンバー向け） などなど。 それぞれ複数回、数種類のUXデザイン教育をかなり手厚く行っています。今回は、２〜３月に実施した事業部向けのUX視点強化のための教育施策について紹介します。 トレーニング内容について 今回のUXトレーニングでは、以下の目的・目標を掲げて実施されました。 目的：「あるべき姿」（仮説）を導出し、その
スタートアップでゲリラUXをするときに役立つ3つのヒント
Ning T.は、コンテンツエディター、人類学者、デザイナー、技術とUXオタクです。ブルースとWes Andersonの映画が好きです。 スタートアップを立ち上げることやスタートアップで働くことは、今日では大きなトレンドと言えます。シリコンバレーからシリコンアレーまで、数々のスタートアップアクセラレータープログラムがグローバル規模で拡散し、誰からも指図されないことが現代社会の規範的なゴールであるかのように見えます。確かにその熱意は非常に魅力的ですが、成功への道のりは険しく、残念ながら多くのスタートアップは成功しません。 「スタートアップ」とは１.何を製品にしているか？ ２.カスタマーは誰なのか？３.どのように稼ぐか？ で混乱している会社です。」―Dave McClure ほとんどのスタートアップは投資家だけでなく友人や家族にも十分に説明できないまでも自分達が作ろうとしている製品に関して最低
DeNA南場智子氏がサービス開発の悟りを講演「UXをまず作り込む。ビジネスモデルやマーケティングは後でいい」
アプリ・サービスのUIデザイナーが集うコミュニティ「UI Crunch」は、若手が成長できる場の提供を目的として、25歳以下限定のコミュニティ「UI Crunch Under25」を設立。その第1回イベントを9月26日、東京・渋谷にある株式会社ディー・エヌ・エー（以下、DeNA）の社員食堂「サクラカフェ」で開催した。基調講演には、DeNA会長の南場智子氏が登壇。「何故いまデザインなのか？」と題し、多くの失敗から導き出したという、いわばヒットサービスを開発するための「悟り」を披露した。開発者にも大変参考になる内容なので、本稿でお伝えする。 【関連リンク】 UI Crunch Under25 ｜ UI Crunch この日は若手デザイナーに向けてということもあってか、南場氏のトークは大変気さくでノリがよく、語り口はロックスターのMCのようであった。文字では伝わりにくいが、その楽しさ・雰囲気を少
「UXは組織論」から、UXと組織について考えてみる : void chachaki::Blog::main()
ここ2年くらい、特に今年(2014年)は「UX」と「組織」が併記されることが多くなってきた。おそらく「UXに取り組む人が変わった」、「UXに取り組んできた人達のステージが変わった」、「UXに取り組む際の対象が変わった」のAND/ORだと思っている。 UX に真面目に取り組める組織づくりについてのスライドを公開しました (2012年12月) 長谷川敦士氏「単なる利用者のニーズではなく、何に価値を感じるのか本質的に捉えて、そこに向かうことがUXの肝」 (2013年3月) 「Lean UXとは組織文化をデザインすること」監訳者が明かす、UXデザインの本質 (2014年3月) 「UXと組織デザイン」について考える。HCD-Netサロン レポート (2014年9月) UXデザインのための、ポストデザイン思考 (2014年12月) UXデザインとは、組織論である (2014年12月) 組織の中で実
納期中心デザイン・KPI中心デザインの現場で、UXデザイン(人間中心デザイン)をするということ
UXデザインを学び始めると、転職したくなる。 UXデザイン関係の勉強会でお会いした方や、産業技術大学院大学人間中心デザイン履修証明プログラム（以下産技大）で学ぶ仲間、常に誰かしらから「転職しようと思う」という声をきく。 なぜ多くの人が「転職しよう」と思うのか。 それはUXデザインが組織論だから。 組織は簡単には変えられないって現場にいると痛烈に感じる瞬間があるから。 UXデザインは、組織論だという結論は間違いないと思います。僕もそう思います。 それはfumiyaさんが指摘しているとおり、UXデザインが一番パフォーマンスするのが要件定義やプランニングのフェーズであり、それはサービスや事業においては事業戦略やビジネス計画のフェーズと言えるため、よりサービス開発の上流からコミットメントすることが理想と言えることは間違いありません。ただ、「デザイナー」というタイトルがほとんどの組織では狭い解釈にな
カスタマージャーニーマップが使える理由と注意点 : could
デザインに使えるマーケティングツール カスタマージャーニーマップ（Customer Journey Map, CJM）は、顧客がどのように製品やサービスと関わるかを視覚化することによって、課題を共有することができるツール。デザインプロセスの一部として採用されるようになりましたが、マーケティングでは顧客との接点を俯瞰して見ることができるということで 5, 6 年前くらいから注目を集めています。（外来語をそのままカタカナ表記にしたくなかったということで「体験のマッピング」と名付けて以前から実践しています。） オンラインでもオフラインでも顧客との接点は劇的に増えました。しかし、接点が増えたことにより利用者行動の多様化が進んだだけでなく、接点になる場所・媒体の浮き沈みも激しくなりました。また、企業やブランドに関わる利用者の心理や行動も変化してきているので「A と B と C でコンテンツやサービス
モバイル夜間大学 UCDプロセス-enjoji_100721
The document discusses various types of design research mapped across two dimensions: research-led versus design-led, and expert mindset versus participatory mindset. It provides examples of different approaches such as contextual inquiry, lead user innovation, and co-design methods. The overview aims to help designers select the most appropriate research approach based on their goals and the need
なぜなに？ユーザエクスペリエンスマップ（概要編）
ユーザエクスペリエンスマップってなんぞや、どういう時に使えばいいのなどまとめてみました。実際に作る方法は別のスライドにまとめました（http://www.slideshare.net/vistawalk/ss-17410597）Read less
30 Useful User Experience (UX) Tools - Usability Geek
With the growing access to online services, websites and web applications have developed to become increasingly complex. If you are reading this article, the chances are you use the Internet not only to relax but also for work. Perhaps even for running your own business. The success of every business depends on aligning business goals with customer needs. You can use variety of online tools that w
ノンデザイナーこそ押さえておきたい! UI/UXが学べる神スライド7選 | Find Job ! Startup
競合に負けないWebサービスをつくるため、UI（User Interface）、UX（UserExperience、ユーザー体験）にこだわるのは、もはや常識。良いUI/UXはチーム全員で考えることが、良いサービスをつくる秘訣です。 エンジニアやWebディレクターも学んで損はしません。もちろん、本職デザイナーの方々にも役立つ7つのスライド厳選まとめです！ 目次 基礎知識 １．UXのためのUIデザイン ２．UX is not UI ３．ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス：前編 応用編（Webサイト） ４．ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス：後編 ５．コンテンツで改善する UI デザインの極意 応用編（スマホアプリ） ６．UI＆UX / 重要なのは、毎日さわって嬉しいUI UX! 応用編（タブレットアプリ） ７．ニコニコ超デザイン-
UI/UX設計の教科書、About Face 3輪講の資料を公開します - ninjinkun's diary
一昨年に社内で行ったAbout Face 3輪講の資料を公開します。実は今までずっと公開されていたのですが、存在を知られていなかったので、改めて周知します。 About Face 3はUI/UX設計の教科書で、ユーザーストーリーやペルソナなど、基本的な内容が押さえられています。ディレクター、デザイナー、エンジニア、サポート等、プロダクト制作に関わる全員の共通知識として使える内容だと思います。 About Face 3輪講概要 1. ゴールダイレクテッドデザイン 2. 実装モデルと脳内モデル 3. 初心者、上級者、中級者 5. ユーザーのモデリング : ペルソナとゴール 6. デザインの基礎 : シナリオと要求 8. 優れたデザインの総合 : 原則とパターン 10. オーケストレーションとフロー 11. 間接的な操作を取り除く 12. 良き振る舞いのデザイン 13. メタファ、イディオム、ア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
坪田 朋の3928年のノート
UX Check
日本中の「UI/UX」の参考になるスライド資料を気合いで全部集めました！（たぶん） | BtoBサービスキューレーション Boxil（ボクシル）まとめ！
ログイン - はてな
[UX]は投げ捨てろ！![[UX]は投げ捨てろ！](https://cdn-ak-scissors.b.st-hatena.com/image/square/d35e44c1834305f0f591517f44342e50419b879c/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fsendai-150131020702-conversion-gate01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
ユーザーエクスペリエンスの分解
