突然ですが、あなたは今、居酒屋にいるとします。 「15分前に注文した生ビールがまだ運ばれてこない状況」を想像してみてください。 あなたはどのような気持ちになりますか？ もう一度店員に声をかけようとするでしょうか。 それとも、諦めてお勘定を済ませようとするでしょうか。 いずれにしても、楽しくビールを呑むはずの時間を、不快感や残念な気持ちを抱きながら過ごすことになるでしょう。 お店側から「もう少々お待ちください」という一声があれば良いのに… そうは思いませんか？ 同じようなことが、アプリを利用している最中にも起こりうるのです。 1つのボタンを押しても反応がない時や、ページが推移した後に何も表示されない時、ユーザーはアプリから離脱しようと考えるでしょう。 この離脱を避けるためには、アプリがユーザーに対して「プロセスを実行している」ことを視覚的に伝えられなくてはなりません。 この記事では、その役割

Jonathan Courtney氏はデジタルプロダクトエージェンシーの AJ&SmartのCo-Founderです。2017年7月26日にDesign Thinking vs Design Sprints, what’s the difference?というブログ記事をMediumに投稿しました。本記事は、本人の許可を得た上でそれを日本語翻訳、一部編集したものです。 では、食べ物を例に説明してみますね。 （※もともとこの記事は、ここで投稿したものです。もしコメントやハイライトなどを見たい場合には、参照してみてください） 私がデザインスプリント（Design Sprints : DS）について何か書いたり、デザインスプリント・ワークショップを行ったり、ポストイットを使った何らかのプロセスについて投稿したりするときに、いつも同じようなコメントが寄せられています： 「つまり、それってデザイン思

こんにちは！UIデザイナー/グラフィックレコーダーの香林です。 グラフィックレコーディング（以下グラレコ）を始めて1年3ヶ月経ちました。 約60週間で、練習含めて描いた数は600枚以上。日で割ると1日1枚以上描いたことになります。 グッドパッチのUIデザイナーは、日常的にサービス設計の上流工程に関わります。チームメンバーと共に良いプロダクトを生み出すため、創意工夫しながら前に進んでいます。私の場合、そのための武器がグラレコになりました。まったくのゼロから無我夢中でグラフィックレコーダー（以下レコーダー）と名乗るに至った結果、果たして何を得られたのか？それをこの記事で改めて振り返ってみたいと思います。 グラレコとの出会い｜始めたのは自分のため 会議がいっこうに進まない、声の大きい人に引っ張られる、参加者のモチベーションが低い…議論の場におけるこのような課題は国内外問わず存在するようです。円滑

こんにちは。デザインリサーチャーのKeikaです。 以前上海へ訪れた際に、現地のデザイナーたちに「GoodpatchではProttを使ってプロトタイプを作る」という話をしても、ほとんどの人に「Prottって何？」という反応をされました。 一体彼らはどんなプロトタイピングツールを使い、どのようにしてプロトタイピングを行なっているのでしょうか？ この記事では、気になる中国のUX・UIデザイナーたちのプロトタイピング方法をリサーチしましたので、その内容をご紹介します。 （「プロトタイピングってそもそも何？何のために行うの？」という人は過去記事をご参照ください。） 実務で活かせる！プロトタイピングの具体的な進め方とは？ プロトタイピングが社内に平和をもたらすのはなぜ？ 上海・アクセンチュア｜Axureを選ぶ理由 国際的にビジネス展開している大手コンサルティングファーム・アクセンチュアに10年も勤め

Goodpatch Blogをご覧の皆さんの中には、デザイナー見習いの人や、勉強中の人も多いことと思います。 今回のGoodpatch Blogは、そんな皆さんのためにお届けします。 「デザインのトレンドが知りたいけど、何を参考にすればいいの？」「もっと色んなところからインスピレーションが欲しい！」 という悩みに直面したことはありませんか。 そこで、Goodpatchのデザイナーがよく覗いたり、参照しているサイトをピックアップしてご紹介します。 あなたの仕事をもっと効率的で楽しくしてくれるデザインリソースとして、参考にしてみてください。 1. インスピレーションが得られる Dribbble https://dribbble.com/ デザイナーが使うポートフォリオサイトと言えば、有名なのがDribbbleではないでしょうか。 招待制のサイトであることから、作品のクオリティが高い点が特徴です

今回は、GoodpatchのUXデザイナーに、UXデザインを理解するためのおすすめ本を教えてもらいました。これからUXデザインを学んでいく初心者の人や、ユーザー中心の視点でプロジェクトを進めたい人に向けて、目的別に6つのカテゴリに分けてご紹介します。2021年最新版のブックリストです。 1. UXデザインを基礎から理解する 初心者向けに、まずは「ユーザー体験(UX)」という捉えにくい概念について理解するための教科書のような本をご紹介します。 ■ UXデザインの教科書 UXデザインを「知る・理解する・実践するための教科書」といえるでしょう。本書ではUXデザインをひとつの学問領域として捉えており、歴史的背景から理論、プロセス、手法までを体系的に学ぶことができます。 教科書という名の通り、体系的でボリュームがある内容なので、基礎的なプロセスを理解している中級者レベルの人だとスムーズに読み進められ

今回は、GoodpatchのUIデザイナーにヒアリングし、UIデザインを理解するためのおすすめ本をまとめました。 次のような人に特におすすめです。 UIデザイナーになったばかりの人 もっとUIデザインについて勉強したい人 サービス、アプリ開発に携わるエンジニア・ディレクターの人 目的別に6つのカテゴリに分けてご紹介します。あなたの関心に沿ったトピックから、 気になる本を見つけていただけると嬉しいです。 1. UIデザインを基礎から理解する ユーザーインターフェース（UI）とは何なのか、どんなデザイン要素があるのか、UIが機能する環境とは？、どうやって作ってリリースするのか…UIデザインを始めるために、まずは基礎知識を網羅しましょう。 ■ はじめてのUIデザイン 改訂版 この本は、著者の1人である吉竹遼さんが「UIデザインを体系的に学ぶための本が少ない」という課題感から企画されました。そのた

こんにちは。iOS Developer（当時）のusagimaruです。 先日WWDC 2017が閉幕しましたが、グッドパッチでもデベロッパーを中心にWWDC報告会が開催されるなど、とても注目度が高いイベントでした。個人的には、リフレッシュレートの120Hz化によって今後UIやコンテンツがどのように変わるのか、UIKitレベルで統合されたドラッグ＆ドロップによって体験がどのように変わるのか、HEVC/HEIFコーデックによってコンテンツはどこまで進化するのか、ARKitによってUIがどのように進化するのかが気になります。 WWDCで気になったデザイン系セッション さて、6月後半でそろそろWWDCの熱狂が落ち着いてきた頃合いだと思いますが、平熱に戻った今だからこそ改めてWWDCを振り返ってみたいと思いました。デベロッパーとしては、これからがある意味でWWDC本番なのかもしれません。今回も気に

みなさんはじめまして！エディターのFukkaです。 私は現在、美術大学でUIデザインとUXデザインを学んでいます。 現役大学生の視点から、デザインについて様々な記事をお届けしていこうと思います！ 今回取り上げるのは、おすすめTwitterアカウントです。 私がデザインを学び始めた頃、情報のキャッチアップに悩んだ経験があるので、社内のメンバーに「フォローするべきTwitterアカウント」を聞いてみました！ 1. 日本のトップクリエイター 原研哉 @haraken_tokyo Follow @haraken_tokyo 無印良品や蔦屋書店など、有名な案件を手がけるアートディレクター。原デザイン研究所代表。 領域に捉われないデザインが生まれる理由を、彼の思想に触れることで少し理解できるのではないでしょうか。 ああ、東京に帰ってきた。厦門と北京、中国はちょっと行かないとすぐに変わる。電子決済は素晴

グッドパッチには多くのデザイナー、エンジニア、プロジェクトマネージャーといったクリエイティブな人材が在籍していますが、彼ら彼女らを取りまとめる「マネージャー」というポジションの人間もいます。 現在のデザイナー・エンジニア組織は、専門性ごとのグループ単位でマネジメントが行われています。 クリエイティブな人材をマネジメントすることは、とてもチャレンジングなことです。 多くの人が自分で考え自分でものを生み出せるので、タスクレベルの指示や期日の管理などの細かいマネジメントよりも、向かう方向性を合わせて、そこに向けた動きをフォローするようなスタンスの方が合っていると感じています。 そういった考えの中で、常日頃、コミュニケーションのポイントとなると考えているのが、フィードバックです。 今回は、フィードバックをクリエイティブコミュニケーションの１つの手法と捉え、フィードバックする側・される側の心構えを共

一方で、グラフィックデザイナーやファッションデザイナーなど、時にはアート的な表現を含む、ビジュアルデザインをメインとするデザイナーも、世の中には多く存在します。 デザインには、「設計」と「装飾」という得て非なる二面があるようです。もう少し、深く勉強してみたくなりませんか？ そこで、社内のUIデザイナー、UXデザイナーに「デザインを理解するためのおすすめ本、教えてください！」と聞いてみました。 ビジネス職でキャリアをスタートさせたばかりの人や、デザイナー以外の職種の人が、「デザインとは何か」を勉強したい時に役立つ本をご紹介します。 初心者でも読みやすいものをピックアップしてみたので、参考にしてみてください。 おすすめ本、教えます 1. ノンデザイナーズ・デザインブック ノンデザイナーズ・デザインブック インタビューを開始して、デザイナーとエンジニアの両方から薦められたのがこの本です。 「基本

実は2017年5月に、Mobikeの体験設計を手がけたデザイン会社に直接訪れる機会がにありました。EICOはGoogleやAmazon、Alibabaといった大企業から、MobikeやOnePlusなどのスタートアップまで満遍なく手がけています。また、関わるサービスのフェーズも0→1から1→10までさまざまです。 今回は、彼らの組織編成やデザインプロセス、気になるクリエイティブなプロダクトのデザイン戦略について聞いてきました！ EICOってどんな会社？ EICOは、製品やブランドの真の価値を創造するために、デザインコンサルティング事業に特化したスタートアップです。現CEOである张伟（Rocky）と许士彦（Ricky）が2004年に北京で設立し、現在13年目。社員数は現時点で約60人、そのうちの90%がデザイナーなのだそうです。みんなプロフェッショナルでデザインに熱意のある人ばかり！ 彼らの

ビジネスパーソンの皆さんは、仕事の現場で「デザイン思考」「Design thinking（デザインシンキング）」という言葉を耳にする機会が増えたのではないでしょうか。 「デザインって、思考じゃなくて行動じゃないの？」 「デザインはデザイナーの仕事でしょ？」 こんな風に考える人が多いのではないかと思います。 世間一般的には、デザイナーというとファッションデザイナーやグラフィックデザイナーを想像しますし、デザイン＝表層的な装飾、というイメージが根付いています。 ですが本来、Design／デザインという言葉は「設計」と訳す事ができます。 設計とは、順序立てたプロセスに沿って何かを製作することなので、デザインが持つ装飾的な意味合いとは違うのではないか、と感じるかもしれません。 しかしデザイン思考は、まさに設計の意味に近いアプローチの方法なのです。 そして、今やビジネスの現場で、デザイナー以外のビジ

2015年3月のApple Watch発表直後、Twitter社でデザインディレクターとして勤務しているMike Kruzeniski氏は“Jony’s Patience”というブログ記事を発表しました。本記事は、本人の許可を得た上でそれを日本語翻訳、一部編集したものです。 ジョニーの忍耐 数ヶ月前にジョナサン（ジョニー）・アイヴについての話を聞かされて以来、それについて随分考え続けている。その話によると、6〜7年前にとある大会社がジョニー・アイヴを採用して自社のデザインを受け持ってもらおうとしたらしい。ジョニーは謹んでそれを断った。その時ジョニーが会社側に伝えたのは、過去10年間必死に頑張って、やっと自分のやりたかった仕事が出来る場所へとAppleを到達させることが出来たのだから、そこを離れようとなどしていない、ということだった。彼は、Appleでの自分の仕事は始まったばかりなのだ、と伝

この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……？ 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では

こんにちは！デザイナーの鈴木です。 都内では梅も咲き始め、いよいよ春の気配が感じられるようになってきましたね。 それでは、今月Goodpatchで話題になったアプリ、サービス、デザインを紹介します！ 過去の月間まとめはこちらからどうぞ！ https://blog.pinterest.com/en/search-outside-box-new-pinterest-visual-discovery-tools Pinterestの新しい機能「Lens」のベータ版がアメリカで公開されました。 ユーザーが撮った写真に関連するテーマやイメージを提供してくれるというものです。 また、「Shop the Look」という写真で検出したアイテムを購入につなげる機能も公開され、これまでPinterestをあまり利用してこなかった新しいユーザー層を獲得することを狙いとしていることが伺えます。現実世界とPint

こんにちは！デザイナーの鈴木です。 寒さが日に日に増し、キリッとした冬の空気になってきましたね。 今月はGoogle、Microsoft、Appleと、ハードウェアが多く話題に上がる月でした。 それでは、今月Goodpatchで話題になったアプリ、サービス、デザインを紹介します！ 過去の月間まとめはこちらからどうぞ！ UberEATS https://ubereats.com/tokyo/ 9月末に東京一部地域でサービスを開始したフードデリバリーサービスのUberEATS。 アプリを立ち上げて会員登録すれば、料理を選び、配達してほしい住所を指定するだけで美味しい料理が食べることができます。その簡単さもあって、グッドパッチでは、新しいもの好きの社員たちのほとんどが利用するほどの盛り上がりを見せたサービスでした。 Flinto for Mac version2 http://blog.flin

こんにちは！新卒デザイナーの鈴木です。 日差しの強さはまだまだ残っていますが、空気がだんだんと秋に近づいてきました。 季節の変わり目に体調を崩されませんよう、ご注意くださいね。 それでは、今月Goodpatchで話題になったアプリ、サービス、デザインを紹介します！ 過去の月間まとめはこちらからどうぞ！ Isotope – Periodic Table This Material Design App Will Make You Want to Study Chemistry Again マテリアルデザインを取り入れた周期表アプリです。 このアプリは、デザイナーのAnders Bjarnleが、かつてMaterialUpに載せたデザインが他のクリエイターから話題を呼び、 ぜひ実現化してほしいという多くの声を受けて作られました。 そこからもわかるように、化学が苦手な人でもついつい触ってみたくな

みなさんこんにちは！UIデザイナーの、のがちゃんです。 だんだん暑くなってきましたね！いよいよ4月も終わりです。 それでは、今月も話題になったアプリ、サービス、デザインをたくさん紹介します！ 過去の月間まとめはこちらからどうぞ！ JINS MEME https://jins-meme.com/ja/meme/ Goodpatchがお手伝いさせていただいたJINS MEMEのアプリがリリースされました。JINS MEMEは、センサーを搭載したアイウェアです。アプリを使うと、眼から得られるデータをもとに集中力・活力・姿勢など「ココロ」と「カラダ」の状態・バランスを可視化できます。 Near Lock http://nearlock.me/ iPhoneを持ってMacから離れると、自動でMacのロックがかかり、近づくとロックが解除されるアプリです。iPhone・Mac両方のアプリを起動し、Blu

みなさんこんにちは！ Goodpatchの須佐です！もうすぐ４月で桜が咲き始めましたね！季節の変わり目に体調を崩さないよう気をつけていきます。それでは今月も、新しくておもしろいサービスやアプリを紹介していきたいと思います！ 今までのまとめはこちらからどうぞ。 mercury 「mercury」は、iOSバージョン9.3対応のUIコンポーネントを無料でダウンロードできるサービスです。 UIコンポーネントは「Adobe Illustrator」と「Sketch」に対応したものがそれぞれ用意されています。ナビゲーションバーやセグメントコントロールなどの豊富なコンポーネントを用いることで、iOSアプリのモックアップを素早く作れます。また、80以上の純正アプリがフルスクリーンでストックされており、マージンの大きさなどを正確に参照することができます。無料で手に入りますので一度ダウンロードしてみてはいか