こんにちは。UXアーキテクトの坂田です。 7月21日〜24日まで、HCD-Net（人間中心設計推進機構）が主催するツアーに参加し、サンフランシスコの教育機関や研究機関、UX（ユーザーエクスペリエンスデザイン）コンサルティング会社を訪問する機会を得ました。 そのなかでもAdaptive Path社とLUXr社で見聞きしたことが大変興味深かったので、こちらを紹介しようと思います。 《Adaptive Path》 Adaptive Pathはご存知の方も多いかと思いますが、サンフランシスコを拠点とする、世界初のUXを専門とするコンサルティング会社です。Ajaxの父でありVisual Vocabularyを作った人でもあるJesse James Garrett（JJG）が率いていることでも知られています。 僕たちがAdaptive Path社を訪問した時にはJJGに加え、デザインディレクターのPa
本コンテンツを体験するためには、最新のFlashPlayer をインストールし、 JavaScriptをONにする必要があります。
5月もまもなく終わりますが、来月6月よりグッドパッチは渋谷に移転します！というわけで、この記事が秋葉原オフィスから更新する最後の記事です。渋谷オフィスでは社外向け勉強会なども開催する予定ですのでお楽しみに！それでは今回も毎月恒例の今月のまとめをお楽しみ下さい！ 過去のまとめ: 新しいものが大好きなグッドパッチで4月に話題になったアプリ、サービス、デザインまとめ（2014） 新しいものが大好きなグッドパッチで3月に話題になったアプリ、サービス、デザインまとめ（2014） 新しいものが大好きなグッドパッチで2月に話題になったアプリ、サービス、デザインまとめ（2014） Avocode http://avocode.com/ Photoshopを開かなくても、PSDからCSSやSVGなどのデータを取得出来るツール。現在はプライベートベータ版で、サイトからリクエストを送ることが出来ます。 Pipe
Behanceに「Google Visual Assets Guidelines」の紹介がありました。 これは、Googleのプロダクト・アイコンや、サービス・ロゴ、UIパーツについて、形状や色のガイドラインを定めたものです。 アイコンのデザイン原理 丸や単純な矩形の組み合わせできています。 アイコンやピクトグラムをデザインする際はレゴで遊んでいたときのことを思い出すとよいです。 パーツの組み合わせのおかげで、アイコン間の統一感も生まれます。 image by Behance image by Behance image by Behance ほかにも3つルールをピックアップ。 3D禁止 image by Behance 影のルール 真っすぐか45度、ソリッドに。 image by Behance 色のコンビネーション・ルール image by Behance こうした資料は、アイコンやロ
Appleのジョナサン・アイブのインタビューAppleのジョナサン·アイブが語る「英国と自身とAppleのデザイン」とAppleのジョナサン·アイブが語る「アイデアが形になるプロセスとチームワークと今後のApple」の２つを最近アップしたが、今回はLondon Evening StandardのSir Jonathan Ive: The iMan comethを翻訳してお届けしたい。 Appleの仕事の進め方や特徴、ジョナサン・アイブが考える成功の秘訣について語った興味深いものだ。早速読み進めてほしい。 サー・ジョナサン·アイブ：iManが来る ― 英国の鬼才が語るAppleのアイコン的商品設計の背後 サー・ジョナサン・アイブ、愛称ジョニーは、間違いなく世界で最も影響力のあるロンドナー（ロンドンっ子）だ。チングフォードに生まれた彼は現在45歳。サッカー選手ベッカムと同じ学校に通ったという。
First Time User Experiences (FTUEs) というコレクションを集めている方がいます。このコレクションでは文字通り、サービス対ユーザーの最初のタッチポイントとなるコミュニケーションを司る「First Time User Experiences（ファーストタイム・ユーザエクスペリエンス）」をアプリ中心の事例と共に紹介しています。 （(c) First Time User Experiences） これからご紹介するブログ記事「Patterns for new user experiences」ではその彼女が趣味で集めてきたコレクションを分析し、見出したファーストタイム・ユーザエクスペリエンスにおける8つのパターンを紹介しています。解説はもちろん、長所と短所、デザイン上の課題、及びその事例を各パターンごとに丁寧に紹介しています。 Show Interact, don
サービスデザインを最近勉強しています。 サービスデザインは「インタンジブル（無形）のデザイン」とも置き換えることができます。特徴は、サービスとユーザ間のタッチポイントを形成するステークホルダーや利用文脈をデザインすることに焦点をあてていることです。 つまり、エンド・ユーザ観点で語らてきたエクスペリエンス・デザインの文脈にエンタープライズ（企業や事業が提供するサービス）の観点が加わりました。今年春に日本で初めてのサービスデザインをテーマとするカンファレンス Serivce Design Japan Conference 2013 が開催され、当イベントの基調講演にて Service Design Network の発起人である Birgit Mager 氏は言いました。 Service Design aims to ensure service interfaces are useful,
UI/UXという並列表記は基本的に信用しない。これは、長谷川さんと話していると良く話題に上がります。 ((c) The Gap between UI and UX Design - Know the Difference) UI/UXの並列表記問題 某中途採用の求人検索サイトで "UI/UX" と入力して検索してみたところ、900件以上の UI/UXデザイナーの求人が掲載されていました。職域や必要なスキルは実に様々で同一の枠を争っている様子があまり見られないことが特徴です。"UI/UX" という旬なキーワードを盛り込み、場合によってはすべてをお任せしたい、そんなミーハー感が漂っているようにも思えます。長谷川さんのブログでも「UXの本質」と題して言及されていますが、UI/UXという誤用の弊害のひとつに、課題意識を狭めてしまうことがあります。 ("UI/UX" の検索数はここ1年間で2倍に)
今日は、海外ブロガーさんのクリエイティブなフラットデザインにおけるフォームについての記事をご紹介したいと思います！ フラットデザインでフォームを作成する機会がある！というときに是非参考にしてみてください！ 長文になりますが、最後までお付き合いいただければと思います。 それでは、どうぞ！ —–以下、翻訳記事になります—— Flat UI and Forms この記事は、「Ｆ」で始まる2つの言葉についてです。その言葉は、Flat（フラット）とForm(フォーム)。 フラットＵＩ（ユーザーインタフェース）はただの流行りとか、 スキュアモーフィックデザイン（リアルデザイン）の反対反応だ、と非難されている。なのに、多くのWebデザイナーは、グラデーションとか、ドロップシャドウ、ボーダーなどのビジュアルスタイリングが減って 「インタフェースがシンプルできれいだ」という理由でフラットアプローチを採
Expert-led video courses for beginners and other skill levels Find all the instructions you need to get an entry-level job in tech, even if you’ve never coded. Not a beginner? Test out of subjects you already know with Compass. In-demand topics for Developers and Designers Stay up to date with your skills. Learn the languages, frameworks, and principles required for the most in-demand careers in t
2013年ふりかえりと2014年の予想でも書いたように、ここ1年でモバイルアプリのプロトタイプを作れるツール・サービスが数多く登場しています。 もうけっこうな数が出てきましたので、これからプロトタイピングを検討しようとしている方の参考に、また自分自身の把握のために、一度整理してみたいと思います。 なお、例によって後半は息切れ気味です。気付いたら1万文字近く書いてた… (2014.08.15)記事書いてから半年くらい経って、各種サービスもアップデートしたりがあったのでいろいろと追記しました プロトタイピングとは何か そもそもプロトタイピングって何ぞやというお話なのですが、Wikipediaにいい感じの解説が載っておりましたので転載します。 "プロトタイピング（Prototyping）とは、実働するモデル（プロトタイプ）を早期に製作する手法およびその過程を意味する。その目的は、設計を様々な観点
連載目次 ◇本連載の趣旨 ユーザー・エクスペリエンス（以下、UX）とは、大ざっぱにいうと、ある製品（アプリケーション）をエンド・ユーザーが使った際に経験する「楽しさ・心地よさといったプラスの感情」を、（エンド・ユーザーに提供する）価値として重視するコンセプトだ。具体的には、見た目のみではなく、使い勝手や信頼性などの側面を重視した設計を行い価値を実現する。（UXの詳細な定義については後述）。そのUXが注目されるようになって久しい。が、UXの定義や意味するところ、もたらされる恩恵は、一般の開発者レベルまで伝わっているだろうか。 開発者にUXについて尋ねると「UXはデザイナーの仕事（なので、自分には関係がない）」というような意見を持っている方に出会う。本当にUXに関係のない開発者がいるのだろうか。 アプリケーションに対するエンド・ユーザーの不満を例に、不満の原因が誰の責任か見てみよう。 これら、
Movida Japan様の Seed Acceleration Program の一環として、今回も5期生の方々を対象とした Lean UX を題材としたワークショップ を開催しました。 監訳を務めさせていただいた「Lean UXーリーン思考によるユーザエクスペリエンス・デザイン」の出版後初となるワークショップのため、今回は本書の内容を掻い摘んで以下の構成で半日ワークショップを実施しました。 Lean UX とは？ CPS 仮説検証モデル Lean UX ワークショップ プロトタイプ Lean UX Workshop at Movida Japan #3 from Kazumichi Mario Sakata 先ずは Lean UX と基盤となるユーザエクスペリエンス・デザインの概要を簡単に紹介し、ユーザビリティの改善を目的とした人間中心設計の普及からエンジニアリング領域へのドメインの拡
『Lean UX』の著者である Jeff Gothelf（ジェフ・ゴーセルフ）氏が日本に初来日し、1日 Lean UX ワークショップが開催されました。 ((c) Goodpatch Inc.) Lean UX を主題としたワークショップと言えば今年の2月にも Lean UX の第一人者である Janice Fraser氏による Lean Startup マスターワークショップが同じくデジタルガレージにて開催されました。 比較的規模の大きい会社で UX のディレクターとして活躍された Jeff氏と、スタートアップ界隈で UX デザインを基軸とした多くのコンサルティング経験を積んでこられた Janice氏。有利/不利ではなく、それぞれの経験と工夫が深みとなり、ワークショップに現れています。 Lean UX の理論構築 ((c) Tokyo Graphic Recorder) チームの共通理解
先日、日本デザイン学会 情報デザイン研究部会主催の研究会「エンジニアとの協業におけるデザイナーの役割と自負」が開催されました。発端となったのは、デザイナーによってどのような価値が生み出されているのか？更には、デザイン活動をする前に、その価値を相手に理解してもらい、価値創造を主体とした取り組みを増やしていくためには何が必要か？といったオンラインコミュニティ内で展開されていた議論でした。 （主査の山崎真湖人さんより背景のご説明） デザイナーがどんな価値を生み出しているのか？が周囲に伝わっていなければ、そのプロセスには誰も振り向いては来れません。これは、デザイナーが新しい価値を創造することが前提となっているインハウスのデザイナーや研究機関に所属するデザイナーの方々にはあまり重要には思えないかもしれませんが、デザイン活動は明らかに新しい価値を創造していくことを中心とした活動であるにもかかわらず、S
約10年続いたこのブログを止め、note に移行します。 note.com これまでと変わらず、自分の専門領域である UX デザインやプロダクトマネジメントについて触れていく予定です。今後とも変わらずによろしくお願い致します。よろしければ Twitter もフォローしてやってください。 坂田一倫 この記事では、プロダクトやサービスの提供価値を言葉でシンプルに説明する方法をご紹介します。 -- プロダクトやサービスを開発している中で、聞かれるとちょっとドキッとしてしまう質問があります。 そのプロダクトの価値ってなんですか？ なぜドキッとしてしまうかと言うと、どのような言葉で説明すれば納得がいく回答になるのか、戸惑ってしまうためです。 プロダクトやサービスは何かしらのユーザーないしは社会の問題を解決しています。解決しているからこそ、存続していると思っています。そのため、プロダクトやサービスの価
ソシオメディアは各種ビジネス向けデジタルプロダクトのデザイン支援を行うデザインコンサルティング会社です。業界をリードする OOUI（オブジェクト指向ユーザーインターフェース）設計、独自ガイドラインをもとにしたエクスパートレビュー、クリエイティブ組織を構築するデザインマネジメント支援など、様々な角度から御社のデザイン戦略をサポートし、デジタルトランスフォーメーションを実現します。 もっと読む 多くの方からご要望をいただいておりました OOUI メソッドの解説書『オブジェクト指向UIデザイン ― 使いやすいソフトウェアの原理』が、2020年6月5日、技術評論社より遂に出版されました。 オブジェクト指向ユーザーインターフェース（OOUI）とは、オブジェクト（もの、名詞）を起点としてUIを設計すること。タスク（やること、動詞）を起点としたUIに比べて劇的に使いやすくなり、開発効率も向上します。 ブ
サンフランシスコと東京に拠点を持つエクスペリエンスデザイン会社btraxが提供するサービスの1つであるグローバル・デザイン・コンサルティングをご紹介。 本サービスでは、各地の市場やユーザー調査、ターゲットユーザーへのヒアリング、ブランドのローカライゼーション、そしてプロモーション戦略までを一括でご提案致します。 日本のブランドがグローバル展開をする上で直面する課題 グローバル展開において最適な市場やターゲットユーザーをどう発掘できるのかわからない 現地のユーザーにブランドバリューをどう伝えて良いかわからない 『ローカライゼーション＝現地の言語でのウェブサイト構築』と思いがち 日本のブランドがグローバル展開を検討する際、上記に挙げた問題のいずれかに直面する傾向にあります。そこで、弊社は本サービスを通してクライアント様が参入する新たな市場におけるブランドバリューの認知、そしてサービスやプロダク
皆さん、タスク管理ツールって何を使ってますか？ GoogleTasks？Chatwork？ あるいは「色んなことやってみたけど、結局紙が最強だ！」なんて方もいるかもしれません。実は僕自身もかつてありとあらゆるタスク管理ツールを試し、結果として紙に落ち着いていました。しかし、どうやらその認識を改めないといけないようです。 「Todoist」の存在を知ったからです。 紙にはもう戻れない！Todoistに惚れた理由 「Todoist」のすばらしさはホントに色々あるんですが、ざっくり説明すると以下のような部分に機能として惚れてしまいました。 各デバイスごとに用意されたネイティブな実装方式 とにかく早い！軽い！そして美しい。 強力すぎる多数ユーザー間共有・依頼機能 即時有料版を契約してしまったナイスなメモ＆添付機能 実際には書ききれないほど魅力が溢れかえっていて、自由に書きだすといつまでも長文を書い
【2014/10/07 更新！】Producteevの評価を上げました チームでのタスク管理が上手くいかない…。どのタスク管理ツールを使っていいかわからない…。そんなお悩みを持ったそこのあなたに！巷に溢れるタスク管理サービスを本気で試してみた私が、チーム・コラボレーションに適していると思われるタスク管理系Webサービスを４つに厳選したので、紹介してみたいと思います！ セカイラボのディレクターがお届けする記事一覧 チーム向けタスク管理Webサービスに求めること タスク管理ツールを選ぶときは、入力が簡単、期日を指定できる、詳細を追加できる、並べ替えができる、マルチデバイス対応、使っていて気持ちいい…といった観点で選ぶと思います。さらに今回はチームでの利用を想定しているので、次の５つが満たされていることも重要だと思っています。 ・他人にタスクを割り振ることができ、そのタスクを監視できる。 ・タス
Mac OS X Yosemiteの変更されたUIデザインを細かく見てみる2014.06.15 13:007,529 mayumine 新しいMac OS X Yosemite。 より明るくフラットに、アイコンも一新、フォントも変わって、透明になったデザイン。Yosemiteのヴィジュアルデザインの変更点を細かくおさらいした米ギズモードによるファーストインプレッションをご紹介します。ちなみに以下のスクリーンショット画像はPixelapseにアップされているものです。 良いところログイン画面がすっきりに Mac OS X Yosemiteのログイン画面がすっきりと滑らかな雰囲気になりました。 かすかにフェーディングするアニメーションも初めて新しいOSにログインするユーザーを優しく出迎えてくれているようです。 Mac OS X Yosemiteのログイン画面は良い感じ。 新しくなったアプリアイ
ZBrushは、業界標準のデジタル彫刻ソフトウェアです。最新バージョンには、アンカーをメッシュに適用し、操作を行うことでメッシュを直感的に変形させる更新されたAnchorsシステムが特徴です。Knifeブラシは、パーツを切り離して保持するパーツへの分割機能でデザインの柔軟性が向上しました。Insert Meshブラシは、Strokeメニューオプションと互換性があり、視覚的可能性の幅を広げています。サーフェイスのディテールをデザインし、モデルにセカンダリ要素を追加することは、類似パーツに繰返す機能により、より容易に達成できるようになりました。新しいドラッグスタンプストロークオプションは、サーフェイスの詳細を進めるのに役立ち、Crease UnmaskedやUncrease Unmaskedのボタンは、ダイナミックなエッジコントロールを行うための設定をします。ギズモとトランスポーズ機能には、両
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
