grooves社内勉強会：長谷川恭久さんに学ぶ「品質向上に繋ぐデザイン指標の作り方」 | 株式会社Grooves
デザイン品質とビジネス指標に挟まれるデザイナーgroovesでデザイナーをやっている中原です。突然ですが自社プロダクトにかかわるデザイナーの皆さん、こんな悩みはありませんか？ 「デザイン品質（実現すべきUX）とビジネスゴールが対立しがち」 本来であれば ユーザーさんが喜んで使ってくれるサービスにする ↓ 売上が上がる となり相反するものでは無いはずなのに ユーザビリティの改善ではなくビジネスゴールを達成するためのUIデザインをしなければいけない短期的なビジネスゴールを達成するためにユーザーの体験設計がおざなりになってしまうみたいなことで悩むことはないでしょうか？ あるよね？ 私はあります。 「品質向上に繋ぐデザイン指標の作り方」イベント再演そんなある日、長谷川恭久さんに「品質向上に繋ぐデザイン指標の作り方」というイベントでお話されていた内容をgrooves社内向け勉強会として再演していただ
CI&UIリニューアルしながらデザインシステムを作った話｜Yoko Nishida
「コデアル」という求人サービスのデザインシステムを作ってみました。CIリニューアルに伴う全スタイル＆コンポーネントの刷新、エンジニア＆デザイナー間の協業、そして約3ヶ月運用してみた感想をつづってみます。 実際に使っているドキュメント、Sketchファイルはこちら↓ ・Codeal Design Guideline ・Codeal UI Kit.sketch ・Sketch Tips for Codeal Design Guideline Codeal Design Guidelineの中身はこんな感じ。 1. デザインシステムとは組織やサービスの形態によって解釈は分かれると思いますが、私はデザインシステム＝ブランド、設計、開発をつなげるガイドラインだと認識しています（引用：結局デザインシステムは何なのか） スタイルガイドやテンプレートだけではなく、それらをチームでどう活用するかを言語化して
ユーザーをイライラさせないIn-App Walkthrough（アプリ初回起動時の説明スライド）の作り方 - 小さなごちそう
スマートフォン・アプリを初めて起動したときの説明スライド（In-App Walkthrough）の必要性は、いつも悩むところだ。 不要派の主張はだいたい以下の通りだ。 ユーザーは早くをアプリ操作したい どうせ読まれない AppStore上の説明パネルで事足りる 要は「作成コストがかかる割には効果がないのでは」ということだろう。いちユーザーとしては僕も確かにそう思う。ただ、提供側が期待するほどユーザーの理解力は高くない。実際にユーザーテストをしてみると、一通りアプリを操作したもらった後でも、作り手の意図が思った以上に伝っていないことがわかる。 操作画面では思った以上に伝わらない、アプリの価値 操作UIだけで「なぜこのアプリが必要か」「どんな問題をどのように解決しようとしているのか」というアプリのバリュー・プロポジションを十分に伝えるのは非常に難しい。 ユーザビリティを考慮してログイン後の操作
エンジニアが知っておくべきデザインの基本。「デザインガイドライン」と「コンポーネント」を学ぶ！ - エンジニアHub｜Webエンジニアのキャリアを考える！
エンジニアが知っておくべきデザインの基本。「デザインガイドライン」と「コンポーネント」を学ぶ！ Appleをはじめとする多くの成功企業がデザイナを役員に据えるなど、デザインに対する重要度が年々上がっているこの時代、若手のうちにUIデザインに関する基本的な考えを身につけ、より良いプロダクトを制作できるエンジニアを目指しましょう。 こんにちは。 グロースデザイナ/フロントエンジニアとしてWebサービス開発に携わっている右寺（@migi）と申します。最近は複数の企業で、数値解析から企画提案、開発も含めてサービスを成長させるためのお手伝いをしています。 現在はフリーランスとして活動していますが、直近では株式会社グッドパッチというUI（ユーザインターフェイス）デザインに特化した会社に勤めており、そこではデザインとの距離がとても近いところで開発をしていました。 そんな私の経験から、この記事では「エンジ
ビズリーチ流、新卒デザイナーを即戦力へと育成するノウハウ｜オンライン動画授業・講座のSchoo（スクー）
田中 裕一 ビジョナル株式会社 執行役員 CDO 制作会社、インターネットサービスのメガベンチャーを経て、2017年4月に株式会社ビズリーチへ参画。事業づくりを通じてデザインのチカラで世の中の課題解決と価値創造を成し遂げるため、CDOとしてデザイン戦略を計画・推進。2020年2月、グループ経営体制への移行に併せ、ビジョナル株式会社 執行役員 CDOに就任。
アップルのデザイン責任者「世の中の物体のほとんどが適当にデザインされている。」 / リーディング＆カンパニー株式会社
ジョナサン・アイブはスティーブ・ジョブズの最も近い友人であり、iPad、iPhone、iPod,そしてMacBook Airなどのデザインの責任者を務めました。 ジョナサンがデザインしたプロダクトは現在、食事をする時、仕事をする時、旅行に行く時など様々な場面で使われていますが、彼いわく、消費者の99％はアップル製品をデザインするのにかかった苦労を知らないとして、次のように述べています。 「80％の仕事はすべて失敗に終わる。大切なのは良くないと感じたら、すぐに作業を辞める勇気を持つ事だ。ジョブズはいつも口癖のように言っていた。”これで十分か？”、”これが正しいことか？” ってね。」 ↑ジョナサン「アップル製品のデザインにどれだけの想いが込められているか、99％の人は知らない。」(Simon D:Flickr) デザインチームはたった18人の小さ
人と機械の新しい関係を作るUIを求めて---ユーザビリティテスト、実世界GUI、デザイン思考
ユーザーインタフェース（UI）をテーマにしたイベント「Android Usability Seminar 2012」（主催、日経BP ITpro Android Application Award 2012事務局）が2012年1月28日、都内で開催された。Suica改札機を手がけた山中俊治氏、携帯電話やiPhoneの日本語入力システムを開発した増井俊之氏、医療など様々な領域で「デザイン思考（Design Thinking）」に基づくプロジェクトに関わっている奥出直人氏ら著名な講師が、実プロジェクトに基づきUIの本質的な問題についての議論を展開した。 ユーザビリティ調査が作るUI、Appleの常識外れなデザイン 山中俊治氏 山中俊治氏はLEADING EDGE DESIGN代表として様々なプロダクトデザインにかかわるとともに、慶應義塾大学大学院で教授として教鞭もとっている。東京大学工学部の在
2011年 UI / UX トレンド
2011年の1月。まだ年が始まったばかりでしたが、今年の Web デザイントレンドという記事が発表されたりしていました。その後、数々のトレンド記事が国内外で数多く紹介されていますが、ルック＆フィールに関する話題、又は技術的な側面から見た話題が多くを占めています。こうしたトレンドを知ることは重要ですが、トレンドの全体像として捉えるには多少偏っていると思います。そこで今記事では、UI / UX デザインの側面からみた 2011 年のトレンドを幾つか紹介していきます。 この記事で挙げる幾つかのトレンドが現れるキッカケを作ったのは、テクノロジーと Web が今まで以上に強い連携が可能になったからです。デスクトップ（又はオフライン）アプリケーションと同等の能力を Web で実現出来るようになったことで、UI デザインの考え方も大きくシフトしました。Ajax が大きな注目を浴びた 2005 年頃も同じ
studio-L 山崎亮さん｜ユルツナ大学
株式会社studio-L代表取締役、そして京都造形芸術大学 教授および空間演出デザイン学科長である山崎亮さんは、ハコだけを扱うデザインから、人とのつながりのデザインに取り組みさまざまな領域で数多くの実績をあげていらっしゃいます。その成果は近著『コミュニティデザイン：人がつながるしくみをつくる（学芸出版社）』にぎっしりと詰まっておりますが、日本の社会問題のド真ん中を突き、それを見事にデザインで解決されている様は私たちに勇気と希望を与えてくれます。通常インタビュー内容はある程度編集してしまうのですが、山崎さんのお話しぶりもぜひ皆さんに感じて頂きたいと考えお答えいただいた内容ほぼ全文を掲載しました。では、山崎さんの授業はじまりです。 東海市生まれです。そこから大阪に移って4年ごとに移動しています。２歳まで東海市でその後 大阪の枚方へ、それから兵庫県の西ノ宮、名古屋市の瑞穂区、愛知県の長久手町、そ
event/インクルーシブデザインワークショップ
インクルーシブデザインワークショップに参加してみました † 小森です。 12月5日、つくば市で開催されたインクルーシブデザインワークショップ http://tsukuba-cu.net/course_eventlist/2009/12/post-33.html に参加してきました。 講師は京都大学の塩瀬隆之さんで、笑いと写真と具体例を交えてのとても面白い内容で、 個人的には、目からうろこがボロボロ落ちた気がしました。 ほとんどメモではありますが、気づきが多かったので、ここに残したいと思います。 京都大学インクルーシブデザインユニット http://www.museum.kyoto-u.ac.jp/inclusive/ ↑ インクルーシブデザインとは？ † 「高齢者や障害のある人など、特別なニーズを抱えた消費者をデザインプロセスの上流工程へと積極的に巻き込んでいく手法」（京都大学インクルーシ
High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ | warikiru
2009-11-24 High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ ラベル: performance CSS Nite in ISHIKAWAで話をしてから1ヶ月経ったので、薄れゆく記憶の復習も兼ねて思いの丈を綴ってみたｗ High Performance Web Design 1. What's High Performance?ここでいうパフォーマンスというのはWebサイトの表示高速化についてです。つまり、ページをいかに早く表示させるかという課題です。でも、そうゆうのってサーバー側の問題でしょ？システムエンジニアの管轄じゃないの？と思われがちですが「ハイパフォーマンスWebサイト」の著者であるSteve Soudersの調査によると、80:20。一般的にユーザーの待ち時間の実に80%がブラウザ側、フロントエンドで費やされて
10の累乗： ユーザーエクスペリエンスにおける時間スケール
ユーザーインタフェースのデザインには0.1秒から10年以上まで数多くの異なる時間枠があり、そこには各々、固有のユーザビリティの論点がある。 Powers of 10: Time Scales in User Experience by Jakob Nielsen on October 5, 2009 ユーザーエクスペリエンスの分野には、そのバージョンの『パワーズ・オブ・テン』（10の累乗）*がある。我々にとって、物が10倍以上に大きくなったり、10分の1以下に小さくなったりすることはあまりない。つまり、たいていのユーザーインタフェースの物理的大きさはほぼ同じである。なぜならば、人間の身体との連携が必要だからだ。例えば、BlackBerryのキーボードはPCのキーボードの約5分の1の大きさだが、10分の1になってしまうとうまく機能しないだろう。そして、壁サイズのディスプレイを除けば、PCのも
見た目と使いやすさの素敵な関係
Web は、受動的に「観覧する」というより、能動的に「利用する」という特色が強いです。それゆえ、高いユーザビリティが求められますし、試行錯誤を続けている方もいると思います。ユーザビリティを洗練させることで、より人に使ってもらえる (売り上げに貢献する) Web サイトになると考えがちです。極端な例だと Google がそうで、見た目はともかく使いやすいさ、使い心地を徹底的に追及しています。では、使いやすければ好感度も高く満足されるサイトなのかといえば、実はどうでもないようです。 Wichita State University にある Software Usability Research Laboratory で、サイトの見た目とユーザービリティの関連性について調査を行っており、その結果が Web サイトに公開されています。 Visual Appeal vs. Usability: Wh
Dスクールのコンセプト: 人机交互論
法政大学で開催された『「スタンフォード大学Dスクール」－イノベーションを生み出すデザイン教育－』に参加してきました。具体的なデザイン手法の話などはなかったのですが、インスピレーションが湧くようなキーワードやイラストが出てきたのでご紹介します。 なお、講演会では資料の配付がなかったので、ほぼ同一内容と思われるドキュメントや画像を検索しました。 d.manifesto コーヒーハウスで"伝説"のナプキンの裏に書かれたというDスクール設立の宣言文。 出典： http://www.stanford.edu/group/dschool/manifesto.html TECHNOLOGY, BUSINESS, HUMAN VALUE Dスクールの基本コンセプト。成功の鍵は人間・ビジネス・技術の交点にある。
第4回アックゼロヨン・アワード表彰式を行いました | 第4回 アックゼロヨン・アワード：お知らせ
アックゼロヨン表彰式を行いました（9月8日千代田区立内幸町ホール）。第4回アックゼロヨン・アワード入賞者の入賞認定証授与、優秀賞の発表と授与、大臣表彰、グランプリ認定証授与を行いました。 グランプリ作品認定 「どんな？文科！数字で見る文部科学省」 内閣総理大臣賞 株式会社ビジネス・アーキテクツ 大臣表彰 国土交通大臣賞「EVポータル -EV(電気自動車)に関連する総合情報ポータルサイト-」 総務大臣賞「山梨県ホームページ」 厚生労働大臣賞「加齢黄斑ドットコム」 経済産業大臣賞「富士フイルム株式会社 コーポレートサイト」 農林水産大臣賞「kusudama」 優秀賞認定 デザイン表現評価軸「kusudama」 アイディア評価軸「ニッコールレンズ ポジショニングマップ」 技術評価軸「kusudama」 情報構造評価軸「パナソニック株式会社 コーポレートサイト」 ユーザビリティ評価軸「ソフトバンク
Alertbox: バナーは目に入らないのか？〜新旧の知見（2007年8月20日）
ウェブサイト上の広告にユーザが目をやることはほとんどない。ユーザの視線を惹きつけ得る4つのデザイン要素のうち、1つは倫理的に許されるものではなく、広告ネットワークの価値を貶めるものである。 Banner Blindness: Old and New Findings by Jakob Nielsen on August 20, 2007 アイトラッキング調査で分かったことの中に一つ、あまり取り上げたくないものがある。非倫理的なデザインが功を奏するという結果が出てしまったからだ。 1997年にも、似たような知見の公言を控えたことがあった。OK ボタンとキャンセル ボタンをそれっぽく並べたダイアログボックス風のバナー広告はユーザにクリックしてもらいやすい、という事実である。“インターネット接続に失敗しました。”のようなシステムからのメッセージが表示されるわけではなく、そのバナーにはダイアログボ
派手な体裁や奇をてらった言い回しは無視される
あるサイトでは大方まともな作りをしていながら、最重要タスクの成功率が14％という無惨な結果に終わった。その原因は？ ページ内で成功の鍵を握る領域が広告枠に似ていたせいで、ユーザがそれを無視してしまったのだ。 Fancy Formatting, Fancy Words = Looks Like a Promotion = Ignored by Jakob Nielsen 2007年9月4日 典型的なユーザが抱いているおもな問いへの答えは、トップページの一番上に大きな赤い文字で書いておけば、高度なユーザビリティが保証できるというのは本当だろうか？ いや、それは間違いだ ―― 少なくともアメリカ合衆国国勢調査局のホームページに関しては誤りだった。このサイトでは、大きな赤い文字で表示された現在の全国人口を86％のユーザが見つけそこなったのである。 テスト対象となった http://www.cens
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「デザイン経営」宣⾔
TechCrunch | Startup and Technology News
Good night, Posterous