デザインを伝えるときに気をつけるべきこと｜Goodpatch Blog グッドパッチブログ
私がGoodpatchでプロダクトデザイナーとして働きはじめて、約1年半が経とうとしています。もちろんデザインのスキルを向上することが入社する前から抱いていたゴールですが、クライアントワークに関わる中で「デザインするだけでは物足りない」ということを実感しました。良いデザインをつくることと同様に、どのようにデザインを伝えるかが重要であることに気がついたのです。 ここでは、私がこの1年半で経験したクライアントワークの中で学んだことを記します。クライアントとパートナーになり、お互いを尊重しながらより良いサービスを作るためには欠かせない学びばかりです。国内のクライアントワークに関わる人に限らず、デザインをする全ての人のチームやクライアント、ステークホルダーと関わる際の参考になれば幸いです。 本記事は英語で執筆されたものを意訳したものです。元記事はこちらをご覧ください。 1. ミーティングには必ずア
2018年 導入してよかったデザインツール｜灰色ハイジ｜note
Twitterのタイムラインで「2018年なんとかまとめ」というリンクをよく見かけることで年末を感じている灰色ハイジです。こんにちは。 日々いろんなツールが増えていますが、個人的に今年導入してみて良かったデザインツールをまとめてみました。 - Contrast - Principle - Figma - RealtimeBoard - IconJar - UXKit - Notion - ConceptsContrast WCAG（ウェブコンテンツ・アクセシビリティ・ガイドライン）が定めた数値で色のコントラストチェックができます。これまでにも同様のツールはありましたが、Sketchのプラグインだったり特定のソフトウェアでしか使えなかったものが、これだとMac Appでメニュー バーから起動できるのでどのソフトウェアでも使えます。 Principle アニメーションやインタラクションがつくれ
新卒デザイナーのデザインブラッシュアップ方法 | remark
デザイン事務所にてアートディレクターとして企業ブランディングを中心に広告、商品企画、プロダクト開発、Webプロモーションなどに従事。自分たちの働き方もデザインの一部と捉え、自らのほしい未来をつくるために2015年9月ツクルバに参画。Web、グラフィックなどツクルバに関わるデザイン業務を担当。[柴田のインタビュー記事](https://studios.tsukuruba.com/remark/1524649191951) まずは自由に作ってもらう 円香：バナーできたので見ていただいてもよいですか〜。 柴田：これ、CLASKA（イベントの会場）ってのがビジュアルから伝わってこないのだけど、素材これしかないの？ 円香：これしかないんす…公式のビジュアルがこれで 柴田：ならしょうがないな…全然わからん。CLASKA側からこれ使ってくれって？ 円香：絶対これってわけでないとは思いますが、送られてきた
デザイナーが教える『誰でも絶対に今すぐデザインがうまくなる』方法 | ベーコンさんの世界ブログ
みなさん、デザインを作るとき、ソフトはIllustratorですか？ Word？PowerPoint？affinity designer？Canva？ デザイナーが教える『誰でも絶対に今すぐデザインがうまくなる』方法をお教えします。 ちなみに、使うソフトはどれでも大丈夫！ あ、そうそう、ぼくの仕事はグラフィックデザイナーのベーコン（@dogdog464646）です 実はもともとデザイン力がある方ではありませんでした。 喋りだったり、企画力だったり、バイトだったりをしながら、なんとかフリーランス生活を10年間食いつないできました。 だから、いまだにコンプレックスがいっぱいあります。 ぼくだって本当は、デザイン力だけで切り開くかっこいいデザイナーになりたかったけどね… でも、それが自分には適正ではなかったんですね、それに気づいてからは違う力を伸ばしはじめましたが・・・しかし、デザインの制作業務
マイクロサービスって知ってる？メルカリの「伝わるデザイン」のプロセスを大公開！｜Mercari Design｜note
こんにちは。 メルカリデザイナーの とってぃ [ tottie ]です。 今回は最近担当したプロジェクトのデザインについて、制作プロセスを含めてお話をさせていただきます。その名も「MICROSERVICES PLATFORM」です。 ● 目次 ・きっかけ ・ヒアリングと情報整理 ・コンセプトメイキング・デザイン ・おわりにきっかけある日、デザインチームにこんな相談がきました。 「Microservices Platform Team （マイクロサービスプラットフォームチーム）のイベントを行うので、デザインをお願いします。」 話を聞いてみると、どうやら社内の新しい取り組みを行うエンジニアチームのロゴとイベントグラフィック等の制作依頼のようです。 ところで、Microservices Platform Team（マイクロサービスプラットフォームチーム）ってご存知ですか？ ● Microserv
渡邊恵太「インタラクションコストとアプローチャビリティ」 | ÉKRITS / エクリ
インタラクションには行為のコストがある。インタラクション自体のみならず、その行為を始めるまでのインタラクションのコストを考えることが大切だ。今回のテキストでは、主にVR（ヴァーチャルリアリティ）やAR（拡張現実）におけるインタラクションの問題を例に、「インタラクションコスト」について考察していく。 ここで注目するのは、プロダクトやサービスを利用する際のインタラクションではなく、その体験の「外部」で生じるインタラクションである。インタラクションコストという用語で示したいのは、利用状態に入るまでのインタラクションが、行為を始める上での障壁になるということだ。 体験の外部にもあるインタラクション 現在「VRとインタラクション」について聞くと、没入感を高めたり酔わないようにする設計など、VRコンテンツというVR空間の「内部」に関わる話がほとんどだ。そこにも多くの課題はあるものの、筆者が常々思う課題
「DMM.R18」から「FANZA」へ 世界No.1のデザイン企業が挑むアダルトなリブランディング
POPなポイントを3行で 成人向けサービス「DMM.R18」が「FANZA」へと名称変更 新ブランディングを担当したのはSpotify、Nikeを手がけるCOLLINS 担当者のニック・エースが語るアダルトサービスのリデザインとは？ 8月1日、成人向け（アダルト）サービスである「DMM.R18」の名称が、新たに「FANZA（ファンザ）」へと変更された。3月にDMM.comから成人事業を継承された株式会社デジタルコマースが、引き続き運営を担当する。 「DMM.R18」はインディーズAVの配信サイト「DMM」のサービス開始から20周年を迎え、エンターテインメントとしての性をユーザーに提供し続けてきた日本最大のアダルトコンテンツプラットフォームだ。 様々な性的嗜好に対応したコンテンツの豊富さから、一つの文化としても認知される日本のエロ。海外でも「bukkake」や「Hentai」などの日本語がそ
FOLIOリブランディングの裏側 ──構想からリリースまでの8ヶ月の軌跡──｜広野 萌
株式会社FOLIO CDO（Chief Design Officer）の広野です。 この度、オンライン証券サービス「フォリオ」の正式リリースに伴いまして、思い切ったリブランディングをおこないました。 ビフォーアフターはこちらです。 ご覧の通り、今回のリブランディングプロジェクトはいわゆる「ロゴリニューアル」に留まらず、サービスを提供する上でのスタンスを改めて定義し直した、新たなブランドとしてのフォリオを再誕させることになりました。 パット見のビジュアルでいうと、安心を感じさせる「青」から、躍動感のある「赤」に変わるのですから、FinTech系スタートアップとしてはかなり挑戦的なリブランディングのようにも思われるかもしれません。 ここまで辿りつくのに紆余曲折ありましたが、包み隠さずリアルな8ヶ月の軌跡をここに記したいと思います。 【目次】 1. 危機感 2. 幕開け 3. 壁 4. 光 5.
UI Sources | Mobile Design Patterns and Interactions
If you're facing payment issues, send me an email at abhinav@uisources.com for alternative methods Real design inspirationBrowse recordings of end to end user journeys from the top grossing apps to reduce iteration cycles, gain insights, identify trends & benchmark against your competitors and industry’s standard. Stop spending time reinventing the wheelAre you and your team spending time figuring
縦組みのデザイン - Hatena Design Group
こんにちは。現在カクヨムのデザインを担当しておりますデザイナーの id:murata_s です。 先日、カクヨムでは縦組み機能をベータリリースしました。これは文字通りウェブブラウザ上で小説を縦組みで表示することができる機能です。リリース後書き手ユーザーの皆さまを中心に多くの反響がありました。 この機能開発では、基本的な組方向に関する変更に加え、画面のデザイン的にも新しい試みを行っています。そこで、今回はウェブにおける縦組みのデザイン事例としてこれを紹介します。 小説を縦組みで読みたい ウェブ小説を縦組みで読みたいという、シンプルなモチベーションで始まった縦組み機能の開発ですが、アイデア自体はサービスの立ち上げ当初からチーム内で挙がっていました。日本語で紡がれた物語を縦組みで読みたいという欲求は、小説文化に親しみのある者なら誰もが思うことだと思います。実際にご利用いただいているユーザーさんと
IGTVをいち早く使って分かった勝ち方｜ゆうこす
こんにちは！ゆうこすです！ 2016年の頭にInstagramを初め、今ではフォロワーさんは36.5万人に。 いつの間にか「インスタグラマーのゆうこすちゃんですよね？」と声をかけてもらえるようになりました。嬉しいなあ〜 私の人生を変えてくれたInstagram。大好きです！なぜこんなにも好きかというと、時代のニーズに合わせてめちゃくちゃ早くアップデートしてくれるから。(ストーリーズやライブ機能やショッピング機能等) Instagramがアップデートしてくれるから、私は時代に合った発信ができる。ファンのみんなに溶け込むように発信ができる。感謝しかないんです。 そんなInstagramが先日IGTVの導入を発表したので、発表されたその日にいち早く使ってみたよ！ みんなももう知ってるよね！IGTV！ Instagram上で最長60分の縦型動画がアップできるようになりました。 そこで気づいた IG
新しいデザインはしない、というデザイン｜小野圭介 / ONO BRAND DESIGN
2017年10月マルマン株式会社さんより、「図案スケッチブックの60周年ロゴ」のご依頼いただきました。私はこれまでマルマンさんのスケッチブックやノートをたくさん使ってデザインしてきましたので、大変うれしいお声がけでした。 ■ご依頼内容と完成したデザインメールを頂いてから数日後、中野坂上にあるマルマンさんの本社に打ち合わせに伺いました。そして、周年ロゴを作る目的として、 ・60周年を迎えたことを往年のファンに伝える。 ・新しいユーザー層に図案スケッチブックを知ってもらう。 ・スケッチブック表紙に60周年ロゴを表示し、記念商品として発売する。という点をご共有頂きました。 ワクワクしながらデザインをスタートし、さまざまな検討経て完成したのがこちらです。 この写真を見ると、今までと変わらない図案スケッチブックのデザインに、「Sketch Book」と似た文字で「60th」と載せただけに見えるかもし
質の高いスタイルガイドを作成するために考えておくべきこと ｜ Tips Note by TAM
TAMでは規模の大きな企業さまと仕事をすることが多いので、スタイルガイドを使った案件も比較的多いです。 数百ページ規模のサイトのスタイルガイドを作成してきましたが、考え方が少しずつ固まってきました。そして、この考え方はコードを書く人だけがもっていればいいわけではなく、ディレクターやデザイナー、部分的にはクライアント（発注者）にも共有しておく必要があると感じています。 この記事を読んだあとに、スタイルガイドを作るうえで考えておくべきことを知り、全員のスタート地点を揃えることができればいいなと思っています。 コーディングの知識がないとわからない箇所もありますが、冒頭にコーディング担当者以外に向けた要約を入れているので安心してください。 内容は以下のようになっています。 スタイルガイドを使うメリットとデメリットを共有する コーディング前に情報設計とデザインを固めておく ページの量産までにスタイル
言葉を曖昧に使うの、やめませんか？ ツイッターを使った“言葉の筋トレ”のススメ | キャリアハック（CAREER HACK）
こんなお題に「モテたい（目的）」「５kg痩せる（目標）」「毎朝走る（手段）」と例をもとに解説してくれた平野友規さん。ツイッターの「＃本当は良くわからないまま使っている用語を整える」というハッシュタグで密かな話題となっている人物。彼にツイッターでできる“言葉の筋トレ”についてを伺いました。 言葉は、武器になる 上司に相談する。 企画書をつくる。 クライアントにプレゼンする。 そんな時、私たちは必ず「言葉」を使っています。たとえば、「その言葉、どういう意味で使っていますか？」とツッコミがあった時、説明できないと恥ずかしいもの。 「なんとなく言葉を使うのではなくて、自分なりに言葉をちゃんと定義しておく。説明できるようにしておく。そのためには、事前の準備と訓練が大切です」 こう解説してくれたのが、デザイナーの平野友規さんです。 彼の習慣は、気になる言葉を、イラストや図を使ってスライド一枚にまとめる
「Redirectable UI」という考え方｜dely design
こんにちは、dely CTOの大竹雅登（@EntreGulss）です。 UIデザインの世界は日々発展しています。先日のWWDC 2018で、Apple Human Interface Design Teamが「Designing Fluid Interfaces」と題して発表を行いました。非常に有益な内容で自分たちのプロダクトにも応用できそうなことが多かったので、単に内容をまとめるのではなく自分なりの考察も含めて書きたいと思います。 はじめに 本編 ・Fluidインターフェースの注目点：Redirectable UI ・iOS標準のRedirectable UIの例「Swipe Back」 ・iPhone XのRedirectableなホームジェスチャー ・Redirectable UIを採用しているアプリ事例 ・Redirectable UIの実装方法 まとめ Fluidインターフェース
noteのロゴをリファインしました。｜佐賀野 宇宙｜note
どうも、ピースオブケイクでデザイナーやってる佐賀野です。 突然ですが、本日noteのロゴをリファインしました。 リファイン、と一口に言ってもいろいろですが、今回はロゴの印象を大きく変えることはせずに、全体的な整合性を高める方向に注力しました。 リファイン前後の比較がこちら。ご覧の通り全体的な印象はほぼそのままです。 リファインの目的さて、なぜ今回リファインに至ったかについてですが、大きく2つあります。 1. 以前から社内においてデザイン面で気になる点がいくつか指摘されていた 2. リアルイベントなどで配布するノベルティを作る前に、1つ目の問題を解決しておきたかった特に2つ目については直近でcakes note フェスが控えているので、それに間に合わせたいというのが大きな理由です。 今回のリファインはロゴとしてのバランスを良くすることが最大の目的なので、ロゴの印象を大きく変えてしまうような修
まずデザイナーから貢献できる４つのTips｜佐野 彩
トレタでデザイナーとして働いている佐野です。こんにちは。 トレタではアプリ改善でもオプションサービス立ち上げでも、デザイナーが上流から関わり、主体性を持つことを求められます。最初はその文化に嬉しさを覚えつつもなかなか上手くいきませんでした。そんな二年前の自分に向けたつもりで書いてみようと思います。 下記は自分が実践したなかで効果があったことをまとめて、プロジェクトを進める時に気をつけている点をいくつか挙げました。文中での私の役割はPMやPOではなく、デザイナーです。 【1】 改善のタネはいつも手の中に握っておくあれやりたい、これやりたい、ということをこまめにエンジニアやPOに雑談ベースで話しておくと、お互いに心づもりがしやすくなりますね。 すぐに改善したいことを、プロジェクトの序盤などに１つ差し込んでおくことで自分の居場所を見つけやすくなります。 さらに改善されるユースケース（具体的なクレ
カスタマージャーニーマップをファシリテーションするとデザインめっちゃ捗る｜茂木 栞 Shiori Mogi
タップル誕生のデザイナーをしているもぎです。 4月にリリースしたタップルの新機能「24時間以内にデートのお相手が見つかる」おでかけ機能のデザインを担当しました。 今回は新機能の開発をスムーズにするためにやって良かったことの１つ、「カスタマージャーニーマップ」について備忘録として、良かったポイントをメモしておきます。 ポイント0：相手から聞き出すのと自分で考えるの両方一緒にできて時短で頭の整理になる ポイント①：議論が迷走しても立ち戻る場所があるのでワイヤーからとにかくブレない ポイント②：資料の読み解きを効率化して制作する時間を確保できる ポイント③：仕様が固まってきたら更新しなくてもOKにして、肩の荷を降ろせる※チームメンバーで認識合わせや、足りないこと・懸念の洗い出しをする本来の目的ももちろんありましたが、今回はデザイナーとしてよかったことにフォーカスして記載 ※ライブ感のある自由な口
マリオメーカーのUI/UXデザイナーが語る「弱点を克服する娯楽UI」の原点とは | 超ゲームウォーカー!
2018年4月27日（金）、東京は渋谷ヒカリエ11Fにて、UIデザインをテーマとした勉強会「UI Crunch」が開催された。2014年に開催された第1回目の開催から本年で4年目、通算13回目となるUI Crunchだが、今回はいつも以上に開催前から話題が絶えなかった。それもそのはず、普段なら多い時でも参加枠に対する応募倍率は3〜5倍程度なのに対して、今回はなんと、まさかの30倍超え。 その理由は明白だ。マリオやゼルダなどの歴史あるゲームシリーズを手がけ、近年ではスプラトゥーンやARMSといった新規IPの開発にも余念がない、我らが日本の世界的ゲームメーカー「任天堂」のUIデザイナーが登壇するからだろう。 普段からあまり対外的な発表やコミュニケーションが控えめな印象である任天堂の社員が、珍しく、それもUIデザインという文脈でイベントに登壇するというのは、過去にあまり例がない。 今回登壇したの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイン原則の実践｜dely design
