おおとろが読んだオススメ記事まとめ

フロントエンドエンジニアから、デザイナーさんに意識してほしい10のこと

フロントエンドエンジニアとデザイナーさんは日々協力してプロダクトを作っていく関係にあります。デザイナーさんが作ってくれたものをエンジニアが素早く実現できるよう、いくつかエンジニアから意識してほしいことをまとめました。なんでこんな話になったのか（前置きなので次の章まで飛ばしてOKです）デザイナーさんから「この画面をこんな風に作ってください」とXDやSketch、PSDなどいろいろな形で渡されることがあると思います。僕の個人的な意見・経験ですが、いざ実装するぞとなったと

「要件定義」のまえに、「要求定義」

多くのアクセスがあったので無料化しました要求定義テンプレも記事内でDLできます。はじめにはじめましてUX プランナーのShoty(@shoty_k2)です。今回は「要求定義」をつかった、UX デザインについてご紹介します。実践用テンプレートも記事内にて配布しておりますので、参考にしてください。「要求定義」とは要求定義とは、「事業や施策によって実現したいこと」です。ユーザーにどのような状態になって欲しいのか・何をしてほしいのか、ビジネスで何が必要なのかなどを取り決

メルカリロゴリニューアルの裏側、見せます。

こんにちは。メルカリデザインブログです。メルカリは2018年10月31日にロゴのリニューアルを行いました。リニューアル後のロゴは、プレスキットよりダウンロードできます。ロゴのリニューアルを起点としたリブランディングは、社内に新設されたCXO Design Team主導による、社内外を巻き込んだ大きなプロジェクトです。企業の大々的なリブランディングは頻繁に行われるものではありません。だからこそ、その舞台裏や背景、補助線となるような情報を広く共有し、デザイン

レイアウトデザインの視点を増やす思考＆Tips

はじめにこのnoteは、私がTwitterで発信した「デザインの思考＆Tips」のなかから、レイアウトデザインに関する内容を編集してまとめたものです。普段のデザイン業務で私が意識している、webデザインを中心としたレイアウトの考え方やTipsを紹介します。「レイアウト」といっても、ただ単にドキュメント上に要素を置くのは誰でもできます。どんな素材にするか、どんな動線にするかを考えて位置を決めていくのが「デザイン・レイアウト」。こちらがデザイナーの仕事ですね。デザイナーは、達

UXデザインを学ぶデザイナーが絶対に読むべきnote厳選21本

去年書いたこちらの記事で実は「UXデザイン」というカテゴリーもつくる予定だったのですが、それだけで3、4つだけ選ぶのが難しいぐらい神noteが存在していたので、今回はUXデザインのみで記事をまとめてみました。これからUXデザイナーを目指す方や現役UXデザイナーの方はもちろん、全ての方に学びになることが書かれているので、ぜひ読んでみて頂ければ幸いです。 1、SNS時代のマーケティングフレームワーク「DRESS」とは？ 2、「Amazonのプライムビデオが難しい」というお

デザインに便利なツール18選

※はてブの総合ホッテントリと、noteの公式マガジンに入りました！こんにちは。Kazutaka Shimizuです。

10,000

デザイナーの育て方

なぜこのnoteを書くのか近年は圧倒的なデザイナー不足だ。世の中デザイン、デザイン思考が大事と言われて久しいが、どの会社もデザイナー採用に苦しんでいる。いや、厳密にはデザイナー自体はいるのだが、圧倒的にデザイン能力の高い一部の事業会社や、クリエイティブ会社に一局集中しているという言い方の方が正しい。そのような世間の中で、もはやいいデザイナーを見つけて引っ張ってくるよりも、「未経験からいかにいいデザイナーを育てるか」の方が余程重要性があると感じている。しかし、いかにい

広告バナーをデザイン論で語らずに「ビジネス思考」を学んでみよう！

以前Twitterで投稿した内容を少し深掘りし、バナーがどれほどの経済効果を生んでいるのかを解説したいと思う。ご注意 : 登場する数値は「実数値ではなく編集した目安」の数値です。弊社顧客の数値とは関係ありません。はじめにTwitterではクリック率とCV数(購入数)を書きましたが、そこから掘り下げて広告に対しての費用対効果まで考えてみます。・数は獲れるが赤字になる・効率は良いが数が足りないこの２点は「目標数値からの逆算」をしながらバランスをとるしかありません。

アプリUIデザインで使ってるツールまとめ。

2月から、実践型デザイン学習サービス『Cocoda!』で、毎日1つ出されるお題に沿ってアプリUIなどのデザインをするDaily Cocoda!にチャレンジしています。（今日までで25日連続ー！） Webデザインも昨年からやっているレベルなのですが、UIデザインはまたそれとは結構別物で、初心者ながら見よう見まねで頑張っています。さてさて、私の練習作を見てくださった方からツイッターで「スマホの枠とかアイコンはどこで手に入れられるの？」という質問をもらったりしたので、今回は私

フォント選びに迷ったら見返したい、おすすめ定番フォント31選まとめ (欧文編)

こんにちは！トライブグループという会社でCDOをやっています、原田佳樹 @yoshigorouu といいます。前回はこんな記事を書きました！今回の記事では、デザイナーが抑えておくべき定番欧文フォント31個(+おまけ)をまとめました。世の中で使われている大体のフォントをまとめてあるので、何かデザインするときの辞書的な感じになれば嬉しいです。 1. フォントの世界に魅入ったきっかけ私のデザイナーとしてのキャリアはスタートアップ歴が長いので、スキルセットがサービスデザインに寄

脳を騙す小さいデザインで行動を変える

小学生くらいからモテたくて人間心理に興味を持っていましたが、この1年間で興味が爆発し、なぜ人の行動が起こるのか、どうすればよりよい行動が起こせるのか。書籍と実践（普段の仕事＋個人で始めた新規サービスの失敗）から学んだことを生かして考えてみました。結論は脳の仕組みに小さい工夫をこらせば、いい意味で脳を騙しよりよい認知や行動に導くことは出来るということです。ただし人はとても複雑なようで簡単。そして流されやすく、感情的で怠惰であり、100％の確率で行動を変えられるわけではありま

伝わる図のつくり方

こんにちは、くぼみ(@kubomi____)です。「グラレコのヒミツ」では、グラフィックレコーディングの実践で気づいた学びを紹介していきたいと思います。前回、伝わる絵を手早く描くスケッチのコツについて解説したところ、多くの反響をいただきました。ぜひこちらも合わせてご覧ください。今回は、図のつくり方についてです！前回お教えしたスケッチは、議論の具体化に役立つのに対し、今回解説する「図」は、議論の「構造や論理」を表すのに役に立ちます。グラレコでは、ただ文字に絵をそえる

デザインなんて知らない〜僕らの考えるモノの価値〜

2019年の7月頃。東京工業大学の学生さんから、こんなメールをいただきました。「うちの学生は機能と価格のみに価値を置きがちです。でも、御社が作り出す製品の価値は、それだけじゃない気がするんです。それは何なのか。それはどうすれば作り出せるのか。その点を東京工業大学でお話いただけませんか？」せっかくの機会なので、僕たちアイドントノウと、僕たちがいつもお世話になっているお店アシストオンさんとで価値についてお話させて頂くことにしました。題してデザインなんて知ら

#デザイン