2022年8月9日 ある企業さまでの研修「45分間で『ユーザー中心のものづくり』ができるまで詰め込む」のスライドです。登壇枠が45分という限られた時間のなかで、UXデザイン・UXリサーチのもっとも大切なエッセンスを凝縮してお伝えするようにしました。Read less

TrelloのUI（UX）が素晴らしすぎます。UIと言っても表面上のデザインだけでなくて、基本的な要素の手触りが良すぎます。 とくに上の写真にあるDescriptionがすごい。ここだけで作り込みがすごすぎてビックリする。 これはカード（Todoリストでいうタスク）の説明欄です。入力はtextareaででき、URLなどが入力されると表示される際はリンクになります。ただそれだけの要素ですよ。 ただそういう次元じゃないんですよね。たとえば以下の機能があります。 Descriptionが空のときは「Add a more detailled description...」を表示する Descriptionが空のときはマウスホバーで背景色を濃くしてクリックを促す Description内に描画する内容があるときは、 cursor: pointer にするだけで背景色は変わらない Descriptio

2018-05-18電子カルテの経験から、複雑なプロダクトデザインのアプローチを考えるこんにちは。プレスリリースや前回の平山のブログでも紹介がありました、患者とつながるクラウド型電子カルテ「CLINICS カルテ」のデザインを担当しているマエダです。 この電子カルテは、医療情報という複雑かつ独特なデータを扱うため、これまで自分自身が取り組んで来たような Web サービスとは違ったデザインのアプローチが必要でした。 今回は、そんなデザイナーの苦悩と葛藤についてお話します。医療に限らず、複雑な業務フローの業界でデザインに悩む人のお役に立てれば嬉しいです。 デザインに取り掛かる前の準備CLINICS カルテは「日医標準レセプトソフト（ORCA）」を完全内包しているカルテなのですが、医療にかなり詳しい人でないと、「レセプトソフトって？」というところから疑問ですよね。 自分も同様で、レセプト？オーダ

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

「デザイン」の捉え方が多様化している昨今。これからのデザイナーの役割とはどのように変化するのだろうか。約90名のクリエイターが所属しているDeNAのデザイン戦略室。その室長である上田龍門さんの考えに迫った。 DeNAデザイン戦略室 室長 上田龍門とは？ デザイナーの仕事はグラフィック制作や情報の設計だけではなくなっている。 そんな話をよく聞くようになった。Webの世界でもプロトタイピングや実装を行うなど、彼らが力を発揮する領域は広がっているといえるだろう。「デザイン」の捉え方が多様化しているなか、サービスにおけるデザイナーが担う領域はどう変化していくのか。その答えを探るべく、株式会社ディー・エヌ・エー（以下DeNA）のデザイン戦略室を訪ねた。 DeNAのデザイン戦略室に所属しているのは約90名のクリエイター。彼らを統括するのが上田龍門さんだ。上田さんのキャリアはとてもユニークである。もとも

こんにちは。デザイナーの遠藤です。 私は今クックパッドiOS/Androidアプリのデザインを担当しています。 みなさんは、既存の機能を別のプラットフォームに追加する際に、あまり考えずにそのまま追加してしまい、後で後悔したことはないでしょうか？今回は、web版にある機能「料理の基本」をクックパッドアプリへ追加した時のことを交えて、より良いデザインにするために大切にしたいと思っていることをご紹介します。 料理の基本について レシピをみて料理を作っている際に、「あれ、半月切りって何だっけ？」「水にさらすってどれだけやればいいんだろう」のような、基本的なことさえわからず手が止まってしまったことはありませんか？クックパッドでは、そんな方のために料理の基本を提供しています。今回私は、この機能をiOS/Androidアプリのレシピページに追加する際、デザインを担当しました。 この機能の使い方は、レシピ

冊子版 ストーリーはそのままに、まんがを全編描き直してフルカラーにアップデートした「新版」を販売しています。

Visual learners are people who think in pictures[1] and use words to communicate that picture to others. About 60%[2] of the world population are visual learners. (I am one of them and I am guessing that since you are reading this article, you are one, too. Many of us do not know yet that we are visual learners because schools force us to learn textually most of the time.) So, how do you talk to u

Webサイトのデザインの方向性決めというのは、検討が長引いたり、スケジュールの遅れに繋がったりする要注意ポイントの一つです。弊社も例外ではありませんが、一方で、デザインに至った過程を丁寧に解説することで、スムーズに進めることは可能であるとも感じています。ここでは、デザインコンセプトを自然に理解していただくために弊社が行っている提案方法を共有しようと思います。 以下のスライドは、実際に使われたスライドです。公開用に細部は少し変えましたが、内容はほとんどそのままです。 クライアントは、株式会社マネジメントサービスセンター（以下、MSC）という企業の人事戦略や人材育成の支援を行っているB2B企業です。ターゲットは人事部や経営層などで、前段として戦略、設計が完了し、ベースとなるデザイン案を初めて提案する際に使ったものです。こちらを元に、ステップごとに細かな解説をします。（スライド中に出てくる検討プ

転職・求人情報サイトのtype エンジニアtype スキル 現代のデザイナーは実装できて当たり前？GunosyのUIデザインチームが考えるエンジニアとの理想の関係 2015.07.29 スキル BASEのCTOえふしん氏は今年1月の弊誌連載の中で、モバイルファーストの時代においては「フロントエンドを担う人材の作業範囲が、ビジュアルデザイン主流から実装主体へと移ってきている」ことを指摘していた。 >> UIデザインは結局誰の仕事なのか？スマホ時代のサービス設計で必要なスキルを再考する【連載:えふしん】 その作業範囲は時にはバックエンドにまで及ぶ。これだけの広範囲を適切にカバーできる人材は、それほど多くないというのが現実だろう。 そんな中、情報キュレーションアプリ『グノシー』を提供するGunosyのUIデザインチームは、所属する3人のデザイナー全員が日常的に実装までを担っているという。 Gun

User Experience、略して「UX」。デザイナー、エンジニア、ディレクター、プロダクト開発に携わる人であれば、一度は耳にしたことがある言葉だろう。この「UX」について、新たな切り口からイベントを定期的に開催していこう動きがある。 リクルートのメディアテクノロジーラボが先週末開催された「UX Sketch」は、「UXと事業開発」をテーマにした勉強会だ。 「UX Sketch」が行ったのは、UXが本来その前段階にあるはずの「事業計画」とあまりセットで語られてこなかったことへの問題提起だ。「事業計画（経営）」と「UX（デザイン）」。この2つについて語り合う機会を設けるべく、今回の勉強会を企画した。 当日は、ランサーズでチーフデザイナーを務める竹中 哲氏、リクルートテクノロジーズの馬場 沙織氏、root代表取締役の西村 和則氏の3名が登壇した。 チームにUXカルチャーを導入 ランサーズで

ウェブサイトをデザインをするときに、ワイヤーフレームを作るのって 私にとっては「どこに何を置いて、どういう動きをするのか」というメモのようなもので。 手描きでレポート用紙に描いて、 スキャンしてプロジェクトフォルダへ入れておくことも多いのですが デザインの前に「こういう配置でいいですよね？」って共有したいとき 清書するアプリを時々探してしまうんですよね。まだしっくりくるものがなくて。 最近調べてすごいなーとおもったアプリや、無料でもざくざく使えそうなものまでご紹介。 Moqups Free Plan (offers 2 active projects and 5MB of storage) Monthly：Standard active project 10 で $9〜 ログインしなくても無料で組めます。 960gsグリッド表示可能です。 ほぼコンポーネント揃ってます。ほぼ装飾なしなステン

※この記事は2015年2月4日に執筆された記事です。 1月も過ぎ2015年のトレンド予想も出そろった頃でしょうか？ 王道な話題が語られるなか、数名の海外デザイナーからマイクロデザイン、マイクロコピー、マイクロインタラクション、マイクロUXといった言葉があがっていたのが気になったデザイナーTXです。 このマイクロデザインという言葉、概念としては新しくないのですが、 日本ではまだまだ認知度が低いようなので今回はその”マイクロ”な部分をクローズアップしていきたいと思います。 目次 マクロデザインとマイクロデザイン マイクロコピーとは？ マイクロインタラクションとは？ マイクロデザインとブランディング まとめ マクロデザインとマイクロデザイン マクロ/マイクロデザインを家で例えるなら、マクロデザインはその家の外観でマイクロデザインはドアの種類や階段の形などの細部のこと。 WEBデザインでいうと、マ

「2014年にグッときたコレ」がテーマになる Fenrir Advent Calendar 2014 の24日目です。 マテリアルデザイン デザイナーの大西です。マテリアルデザインそのものへの記事は既に多くの方々が取り組まれているので、少し目先を変えてガイドラインについてです。 このガイドラインが最高に実践的でグッときました。 UI・UXについてのガイドラインは面白くて勉強にもなるのですが、理解して実践するところにまで到達するのには中々のエネルギーを使いませんか？ マテリアルデザインは英語のドキュメントなので最初は尻込みしましたが、読み進めるうちに内容の充実っぷりに引き込まれました。ここまで親切なガイドラインは珍しいと思います。和訳も欲しいところですが、用例として画像がたくさん挙げられているので翻訳サイトを使えば充分理解できると思います。 豊富なテンプレートと素材 750種類以上のアイコン

何処でも照明をコントロールできるスマートスイッチ 照明の世界で画期的な取り組みが行われている。どこでも自由に置けて、押すだけでLEDライトのオン・オフ、光の調節を行なうことができるというものだ。この石ころみたいなデザインのスイッチを使用すれば、もはや電源スイッチやコントローラーが不要になる。 この画期的なワイヤレススイッチはオランダ発のLED照明とスイッチの企業Boooが開発するSmart Boooだ。 今ではLED照明は相当普及してきているが、LEDライト専用のリモコンや部屋のスイッチを使用するのが当たり前だ。しかし、このワイヤレスなスマートスイッチSmart Boooと、Boooランプを使用すれば、部屋のどこにいても自由に照明のコントロールをすることができる。本日は新たなスマートホームの一例をご紹介。 石ころのようなインテリアスイッチは部屋の照明を楽しくする この一見石ころのように見え

FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

ゼミでは「クリーン（きれい）にする」というテーマで、情報デザイン的アプローチによるデザイン開発のプロセスを全員でワークショップ形式で実施しています。実は、安藤研１期生13名のうち、情報デザインコースはわずか2名。ほとんどがプロダクトデザインコースの学生のため、情報デザインのアプローチの様々な方法論や言葉が共有されていないんですね。そこで、まずは基本を押さえましょう、ということで、全体ゼミの時間を１時間ほど使って順次実施しています。 これまで、フォトエッセイおよびフォトエッセイを使ったインタビューを行いました。フォトエッセイとは、もともとはデザイナー自身に内省を促し、気づきを得る方法として発達しました。最近僕は、フォトエッセイをユーザー調査の時に実施し、インタビューの材料として利用しています。こうすることで、インタビューが得意でない人でも、ユーザーから深いレベルの意識を把握することができるよ