デザイナーの育成で大切にしたこと
ここ4年、育成に関わらせてもらって過ごしてきたのですが、久々に育成する人がいない4月を迎えるので、新卒デザイナーを育成する際に気をつけていたことを、この機会に振り返ってみようと思います。 自分のことはどうにかなってきた20代中盤、「デザイナー育ててね」と突然言われても何から始めればいいのかもよく分からないし、どうやってアドバイスしたらいいかも分からなかった当時、デザイナーの育成に関する記事があまりに少ない印象だったので、同じような境遇の人の役に立てば嬉しいです。 本人が課題を感じて初めて成長する突然ですが、他人に言われた時よりも自分で課題を認識できた方時の方が腹落ちしませんか？ どれだけ教える側（メンター）が一方的に課題感を感じていたとしても、一方通行では意味がなくて、逆に本人と課題感を共有できると、認識してるゴールが明確になるので、お互いに成長実感を得やすいです。 どうやって課題を共有す
新しいプロフィールアイコンのデザイン | Twitter Blogs
この7年の間にTwitterのアカウントを作られた皆さんは、始めのプロフィールアイコンが卵だったのを覚えていらっしゃいますか？これは「卵からスタートし、そこからかえった鳥がタイムラインにツイート（さえずり）をお届けする」という思いを込めてデザインされました。でもそろそろ、皆さんが、ご自分ならではの画像や写真をアップロードしてもっと自己表現したくなってくださるものに変更したいと考えました。そこで、デフォルトのプロフィールアイコンの新しいバージョンのご紹介です。 なぜこのデザインに変更したかを順を追ってご説明しましょう。 これまでブルーやグレー、ホワイトを主な色として使っていたTwitterが、最近、他のカラフルな色も使っていることにお気づきでしょうか？昨年、世界各地からいろいろな情報や考え方が集まるTwitterらしさをより表現できるよう、ブランドをリフレッシュしました。この考え方をプロダク
デザイナーが伸び悩まないためのスキル18分類【基礎スキル編】 | CyberAgent Developers Blog
これらのスキルが全てパーフェクトに備わっていなければならない訳ではありません。人それぞれバラつきがあって当然です。 あくまでもデザイナーとしての成長過程で、自己理解をしながら取り組むべき課題を可視化して成長してもらうことが目的となります。 フィードバックの方法 個別のスキルの説明に入る前に、フィードバックの方法がかなり重要なので、触れたいと思います。 9分類の中から “ 良いところ ” と “ 期待したいところ ” （指摘や注意など）を必ずセットで2〜3つづつをフィードバックします。どちらか一方のフィードバックでは、最悪なコミュニケーションになってしまうことは、想像できると思います。ここでは、個人のスキルをポジショニングして、可視化することが重要です。 例えば… 絵作りや装飾を作り込むことが得意なデザイナーが、バナーのような限られた空間でのデザインがうまく行かず苦戦するケースがあります。本
これでもう悩まない！2017年のデザイントレンド完全ガイド
2016年も毎年と同じように、デザインについて新しいことを学んできました。今回は、ウェブからグラフィックやロゴデザインまで、デザイン全般に関する2017年のトレンドを掘り下げてみていきましょう。 デザイントレンドはメディアやテクノロジー、ファッション業界、そして最近では「使いやすさ」を追求するユーザビリティーなどに影響を受けています。トレンドは徐々に細かく枝分かれし、いつの間にか同じように消えていきます。 基本的にデザイントレンドの寿命は1〜2年。2017年のデザインは、2016年のトレンドを引き継いだものとなり、雰囲気もここ数年よく利用され、親しまれているものと言えるでしょう。Google マテリアルデザインの影響力は今年も強く、対応にはいくつかの変更が必要になります。 Adobe が2017年デザイントレンドを発表！確認しておきたいポイントとは？ 2017年のWebデザインはどうなる？
7つの実例で学ぶ「ワイヤーフレーム通り」のデザインから脱却する具体的な方法
「ちょっと〇〇君！これワイヤーフレームそのままじゃない！」 Webデザイナーなら、できることなら聞きたくないセリフですよね。私自身ももれなく、こう言われた経験はありますし、逆に後輩に対して同じく「これだとワイヤーフレームのまんますぎるね。。」と伝えたこともあります。 この「ワイヤーフレーム通り問題」は、Webデザイナーなら誰しも一度は経験するあるあるの一つと言えますが、なぜ「ワイヤーフレーム通り」と言われてしまうのでしょうか。また具体的に何をすれば、ワイヤーフレーム通りではなくなるのでしょうか。今回はそのあたりの原因と対処方法を考えてみたいと思います。 「ビジュアルを作る力」と「情報を理解・提案する力」 ズバリ結論を言いますが、ワイヤーフレーム通りじゃん…と言われてしまう人は「ビジュアルを作る力」と「情報を理解・提案する力」が弱いと言えます。 ビジュアルを作る力は幅広い表現の中から適切な手
ブルームバーグがTOPページを再発明、その脅威の集客力：月間PVが7倍に増加 | DIGIDAY［日本版］
パブリッシャーは、トップページへのトラフィックの全体的な減少に苦しんでいる。だが、ブルームバーグメディア（Bloomberg Media）は、その対策を見つけたと考えているかもしれない。10月にテクノロジーセクションを再開した際、各記事を下へスクロールしていくと、トップページが現れる仕様したのだ。 パブリッシャーは、トップページへのトラフィックの全体的な減少に苦しんでいる。だが、ブルームバーグメディア（Bloomberg Media）は、その対策を見つけたと考えているかもしれない。10月にテクノロジーセクションを再開した際、各記事を下へスクロールしていくと、トップページが現れる仕様にしたのだ（Technology – Bloombergのトップからどれか記事を選んでスクロールしてもらいたい）。 「メディアでは、全体としてトップページへのダイレクトなトラフィックが徐々に減少する傾向がある。新
デザイナーを採用する時には、仕事を分解して何をする人を採りたいか考える必要がある | Supership Tech Blog
デザイナーを採用したい！という時に・・・インターネット企業において、デザインというのは非常に重要です。エンジニアと同様、とてつもなく大事なクリエイティブの戦略ですし、アプリ時代になり、手触りや使いやすさををあげていくために最前線で戦う人です。 しかし、デザイナーを採用したい！となったときに、デザイン知識がない人がやると、よくギャップが起こりやすいです。僕も、デザイナーではないので、いまいち詳しくわかっておらず、面接で苦労したりしました。 そこで、デザイナーを採用するときの、ギャップについて説明したいと思います。 デザイナーの仕事の分類まず、一言で「デザイナー」といっても、何の仕事をする人か、というのをちゃんと把握しておく必要があります。「そりゃデザインでしょ？」と思うかもしれませんが、その中でもいろいろな性質の仕事をやっていたりするので、整理をする必要があります。 たとえば、弊社Super
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
有意義な批評・評価をするためのデザイン原則
ニュアンスを明文化するという行為 大企業のように Web 上で公開しなかったとしても、デザイン原則はどの現場でも必要です。ステークホルダー、クライアントそしてチームメンバーと対話をする際「本プロジェクトにおける良いデザイン」を予め定義しておくことで、ファシリテーションの難易度を下げることができます。見た目はもちろん、機能実装や画面設計も「これは原則に沿ったものだろうか？」という質問を投げかけることで、感情や直感だけに頼らないデザインが決めやすくなるでしょう。 わたしたちデザイナーがよく使う「利用者にとって分かりやすく、使い易い」「素早くタスクを完了できる」「シンプルで見やすい」といった言葉は、実はそれほど明確な表現ではなかったりします。シンプルも捉え方で様々な見た目が生まれますし、使いやすさも個々の知識や経験に大きく委ねられる場合があります。何をもってシンプルと見なすのかを明確にしないまま
リーンブランディング、ビジネスで活かすサービスデザインなど……本が大好きなSTANDARDで8月に話題になった新刊16冊 | UXデザイン会社Standardのブログ
立秋も過ぎ、お子さん達の夏休みも終わりを迎え、気がつけば暦の上ではセプテンバー。 秋と言えばいろいろありますが、本好きの集まるSTANDARDとしては、やはり読書の秋を推したいところです。 （最近はKindle Unlimitedも始まり、積ん読が加速しているメンバーもいるとかいないとか……？） STANDARD社員の読書の情報源のひとつになっているのが、社内Slackにある#booksチャンネル。ここには日々新刊情報や気になる本が投下されています。 今回の記事ではいつもと少し趣向を変えて、8月に#booksチャンネルに投下された中からおすすめの本をまとめてみました（買ったけど未読、というパターンも混ざっていますが、そこはご愛嬌ということでお許しを????）。 1月にはデザイナー向けおすすめ書籍の記事も書いておりますので、気になる方はこちらも合わせてお読みください。 7月下旬〜8月に発売さ
デザイナーが実践してきた『誰にでもできる』センスの磨き方 | OMGmag
デザインを仕事にしていない人たちにとっても、クリエイティブな思考が求められる機会が増えてきました。 いわず物がな、クリエイティブ思考の原点は「センス」です。ぼくはデザイン業界に身を置いて約10年になります。学生時代から含めると、さらに長い時間クリエイティブ分野に触れている事になります。 「私にはセンスが無いから…」デザインの現場で働いていると、お客様からたまにこんな言葉を聞きます。センスというとクリエイターに与えられた特別な力と認識されている方が多いですが、何も特殊な能力ではありません。 センスとは何か？ まずは「センス」の言葉の意味を理解するところからはじめます。 senseの意味を調べると １ 物事の感じや味わいを微妙な点まで悟る働き。感覚。また、それが具体的に表現されたもの。「文学的な―がある」「―のよくない服装」「バッティング―」 ２ 判断力。思慮。良識。「社会人としての―を問われ
根拠や成果を超えたデザインに思いを馳せる
人間中心設計だけでは見えないこと 今では見なくなりましたが、ひと昔の MacBook Pro や Power Mac の本体側面にあるスリープインジケーターや電源ボタンは、スリープ時に点滅をしていました。これがただの点滅ではなく、まるで人が眠っているときの呼吸のような動きをしていました。Apple はこの点滅のデザインの実現のためにコストをかけ、特許も取っています。 Apple 製品は小型化・薄型化が進んでいるので、こうした『演出』が少なくなっていますが、今振り返るとスゴいなと思うわけです。誰も気にしないディテールに拘るという点はもちろんですが、製品に実装してしまっていること自体がスゴいなと。 最近は「利用者のニーズを引き出して、実装しましょう」「そのデザインに効果があったか数値化しましょう」という文脈の中でデザインが語られることが多いわけです。たぶん、そうした中で「電源ボタンを人間の呼吸
フリーエンジニアのIT案件ならレバテックフリーランス
「デザイン思考」は世界中でその有効性が認められている理論であり、デザイナーも非デザイナーも学んでおきたいことのひとつです。 しかし、デザイン思考について一言で表すことは難しく、その上専門性も高いため、理解に苦労している方は多いのではないでしょうか。 だからといって目をつぶったままでは、デザイン思考を理解することはできません。 そこで今回は、非デザイナーがデザイン思考を学ぶ際に役に立つ記事・書籍をまとめて紹介します。 デザイナーが読んでも役立つ内容となっていますので、デザイン思考を学び直したい方もぜひご覧いただければと思います。 自分に合う案件を提案してもらう デザイン思考を学ぶ際に役立つ記事 世界最高の授業。IDEOに学ぶ「デザイン思考」の真髄──2014.3.7 Night School / ライフハッカー［日本版］ http://www.lifehacker.jp/2014/04/14
Ingress、ポケモンGOの開発現場。Niantic川島優志さんに聞く。【前編】
さて、日本でもとうとう「ポケモンGO」がローンチされました。皆さんも恐らくご存知の通り、一足先にリリースされたアメリカではもはや社会現象になっています。ローンチからたった一週間ですでにモバイルゲーム歴代最高のユーザー数を獲得し（！）、アクティブユーザー数ではTwitterを追い越しました。僕が住む比較的郊外でさえ、道を歩けばポケモンGOをプレイしている人と何度もすれ違います。アメリカに住んで12年、こんなことは初めてです。とにかく話題で持ちきりのポケモンGO、このゲームを任天堂と共同で開発している会社がサンフランシスコにあるNiantic, Inc.です。 Niantic, Inc.は元々Googleの社内スタートアップとして始まり、これまでにIngressというモバイルゲームを開発してきました。Ingressのゲームコンセプトは陣取りゲーム。ゲームフィールドは私たちが住む現実の世界そのも
Atomic Designの考え方と利点・欠点 – wkr.
Atomic Design はデザインシステムを作る方法論となります。 デザインシステムというのはスタイルガイドやブランドのガイドラインなどを指すようです。 日本だとAbemaTV（アベマ TV）で使われています。 （Atomic Design を実案件に導入 - UI コンポーネントの粒度を明確化した結果と副産物 | ygoto3.comより） Atomic Design は今までのページ単位と違いコンポーネント単位でデザインカンプを作る考え方です。 作ったコンポーネント同士の組み合わせでページを作ります。 Atomic Design はコンポーネントの単位を 5 つに分けています。 その 5 つの単位は Atoms（原子）・Molecules（分子）・Organisms（有機体）・Templates（テンプレート）・Pages（ページ）です。 各コンポーネントの詳細は次のとおりです。
デザイナー横断組織の変遷 - クックパッド開発者ブログ
こんにちは。デザイナーの池田（id:tikeda）です。6月末までユーザーファースト推進室というデザイナーを中心としたユーザー体験について横断的に責任をもっている室の室長を勤めていました。7月からこのユーザーファースト推進室をなくし役割を各部室に分散させる体制変更を行いました。 ユーザーファースト推進室については、過去のインタビューやブログのエントリーをご覧ください。 はじめに サービス開発では、デザイナー・エンジニアといった職種毎に部を構成し各プロジェクトに派遣するようなスタイル（A）、ディレクター・デザイナー・エンジニアといった役割の異なる職種で部を構成するスタイル（B）、またこの2つを組み合わせたハイブリットのような組織が存在しており、弊社だけでなく開発の現場ではよりよい開発が行われるよう試行錯誤が行われていると感じています。 クックパッドではここ数年、アプリケーションエンジニアは各
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Logobook - Discover the worlds finest logos, symbols and trademarks
海外「クリエイティブすぎる！」 日本人アーティストが毎日作るミニチュアカレンダーに外国人感動 : 海外の万国反応記＠海外の反応
ユーザー体験設計とウェブサイト構築から導く企業ブランディング
Google Design
