くすぶってるデザイナーに、「デザイナー」の在り方を再定義したい。｜ぐら
こんにちは、ぐらです。 ここ3ヶ月間ぐらい、会社の案件獲得のためにコンサル営業に入っているんですが、コンサル営業ってビジネスやデザインの理解から、フロントコミュニケーションにドメイン知識まで、求められるスキルセットが多くて毎日忙しくしてます。 なんでコンサル営業までやろうと思ったかというと、デザイナーって「赤ちゃん」が多いと思ったからなんですよね。 それも含めて、今から本題の話ができればと思います。 ※ この記事では主観的な表現がとても多く書かれていますが、あくまで個人の感想と見解になります。 デザインに依存するデザイナー達赤ちゃんって何かについて説明したいんですけど、デザイナーってものづくり的で職人的な側面が強いし、想像以上にビジネスのことを知らない気がしてるんですよね。P/L・B/Sとか読めない人も全然いると思います。 これって、そもそもデザイナーのビジネス知識が不足しているのもあるん
エンジニアのための Figma 知識
本記事の多くは Inspect モードを前提に解説しています。 下記に Dev Mode に対応した解説を書いてみたのであわせてご参照ください。 https://codezine.jp/article/detail/18000 エンジニアにデザインツールの知識・習熟は必要か？ しなくても仕事はできると思うのですが、あるとよりクオリティの高い仕事ができることは間違いありません。 という訳でエンジニアがエンジニアとしての仕事をしていく上で「Figma のこういうことを知っておくと良さそう」という知識をまとめてみました。 ユースケースを考える まず始めにデザインは作らないはずのエンジニアが Figma を使う時にどんなユースケースがありそうかを考えてみます。 デザインを元に実装する時 デザインから何かを生成したい時(コードとか画像とか) 自分でちょこっとデザイン修正しちゃう この辺りがあるかな〜
邪悪なUIチェックポイント - その先へ
ハロー、@seto_hiです。 北海道で避暑をしています。 アプリ開発をしていると様々なコンバージョン率がKPIになることは多いですが、誠実さを欠いたUIを作ると数字がよく伸びることが稀によくあります。 そういったものは一時的な利益には繋がりますが、長期的な利益には繋がらないと考えています。 自分が今後そういったUIを作らないための予防線としてこの記事を書きます。 不利益の排除 ・不利益な動線を奥深くに隠す ・ユーザーが設定を変更する手間を増やす ・「メールマガジンの解除にはメッセージを送ってください」 ・「メールマガジンの解除にはログインが必要です」 ・過度に警告を表示する ・「この設定をOFFにするとアプリが正常に動作しなくなる可能性があります」 ・「本当にOFFにしてよろしいですか」 ・不利益な動線を目立たなくする ・不利益な動線のシグニファイアを消す ・スマートフォンならスクロール
社長の横に、アートディレクターを。あるいは、組織はなぜ「ロゴ」にこだわるべきなのか。｜KEITA MAKINO | DE Inc.
「たかがロゴひとつでそんなに高いの？」 「あんなシンプルなものすぐできるでしょ？」 「どうしてロゴにこだわるべきなの？」 そんな言葉をもらうことがある。それらは質問というより、疑問に近いものだ。とても複雑で本質的でややこしい疑問だ。広告業界で働き始めて10年、デザインの会社を経営して3年の自分も 「むむむ」と口ごもり、すぐに返答はできない。これに対する明快な答えを持っているデザイナーも少ないように思う。 クラウドソーシングに五万円も出せば、すぐに100案くらい集まる世の中だ。検索すればそれらしいサービスはわんさかでてくる。そんな時代に、わざわざ「いいデザイナー」に「いいロゴ」を「高いお金を払って」つくってもらう必要があるだろうか。便宜的に「ロゴ一つで100万円は高いのか？」という問いにしてみる。 さて、「ロゴ一つで100万円」は高いだろうか？ 僕がロゴの議論をするときに、いつも例にあげるロ
強度の高いUIをデザインする｜池内健一
デザイナーの池内（@KD6JOE）です。アプリのUIデザインなどをやっています。この記事ではUIをデザインを始めたばかりの人向けに、強度の高いUIをデザインをするための手順をご紹介します。 最低限の品質のUIをデザインできるようになることがこの記事の趣旨です。ここで紹介する手順はあくまで一例で、ガチガチにこの通りに進める必要はないし、ケースバイケースです。自分のやり方に取り入れられるところだけ取り入れてください。 強度の高いUIデザインとは強度の高いUIデザインとは以下のものを指しています。 ・あらゆるUIパターンの検討がなされている ・どのUIパターンを採用するかロジカルに決定している ・仕様漏れがなく開発がスムーズに進む逆に強度の低いUIデザインとは、パターン検討がほとんどされず、ツッコミどころがありまくり、仕様が二転三転するものです。結果開発スケジュールの遅延を引き起こします。 ただ
最近のUXデザインにおける、スマホアプリのインターフェイスに使用されているアイデアのまとめ
ここ数年の間に、スマホは単なる電話以上に多くの機能を持つようになりました。スマホはさまざまな目的のために使用され、わたし達の日常のアシスタントをこなしています。 そんな便利なスマホアプリのユーザーインターフェイスに注目し、最近のUXデザインにおけるクリエイティブなすごいコンセプトを紹介します。 15 Creative UX Design Concepts for Everyday Needs by Tubik Studio 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 植物の水やりを管理するアプリ 安眠アプリ ハンバーガーショップのアプリ TODOアプリ 料理のレシピアプリ ベジタリアン用のレシピアプリ アラームアプリ 家電操作アプリ 家計簿アプリ 名刺管理アプリ バランスアプリ ファイナンスアプリ フィットネスアプリ カレン
ユーザーのコンピュータスキルの分布： ユーザーのスキルはあなたが思う以上に低い
先進33か国において、コンピュータ関連の高い能力を持つ人は人口の5％にすぎない。また、中程度の複雑度のタスクを完了することができる人は全体の3分の1しかいない。 The Distribution of Users’ Computer Skills: Worse Than You Think by Jakob Nielsen on November 13, 2016 日本語版2017年3月16日公開 身につけるのがもっとも困難なユーザビリティの教訓に、（訳注：デザインプロジェクトに携わっている）「あなた方はユーザーとは違う」というのがある。これこそがユーザーのニーズについての推測が大失敗に終わる理由だ。デザイナーは大半のターゲットオーディンエンスとあまりに異なっているため、いいと思っているものや利用しやすいと思っているものが見当違いになるだけでなく、そうした自分たちの個人的好みによって判断す
簡単すぎて驚いた！ユーザーフローとプロトタイプが短時間で作成できてしまうツール -Overflow
Webサイトやスマホアプリのデザインで重要なのは、単一の画面ではなく、ユーザーがどのように遷移するか全体の流れを通して画面をデザインすること。 しかし、ユーザーフローやプロトタイプを作成するのは、なかなか面倒です。 Sketch（Photoshop, Adobe XDにも対応予定）ファイルからアートボードを自動同期し、ユーザーフローとプロトタイプを簡単に短時間で作成できるツールを紹介します。 現在はベータ版でmacOSのみですが、Windows版のリリースも予定されています。 Overflow Overflowの特徴 Overflowのダウンロード Overflowの使い方 Overflowの特徴 Overflowは、ユーザーフローとプロトタイプを簡単に作成することができるデスクトップ用のツールです。 オンラインツールではないので、安心して利用できると思います。 ユーザーフローの作成 Ov
あなたが「グーグル式仕事術」を完コピすべき理由
クックパッド株式会社プロダクトマネジメント担当本部長。クックパッドには2010年から所属し、国内の利用者の拡大に責任を持ち、WEB・モバイルアプリの戦略やレシピ検索、クックパッドニュースの立ち上げなどに関わる。現在は国内のレシピサービスおよび、毎日の料理を楽しみにするためのレシピサービスにとどまらない新規サービスの立ち上げの責任者を担う。 SPRINT 最速仕事術 Googleで開発され、GV（グーグル・ベンチャーズ）で洗練された究極のスピード術「SPRINT」。GoogleとＧＶが成功を生んできたその秘密のノウハウを、開発者自身が手取り足取り公開する。仕事に最速で最大のブレイクスルーを起こす、その画期的な方法とは？ 世界23ヶ国で刊行の世界的ベストセラーの驚愕のメソッドが、いま明らかに！ バックナンバー一覧 料理レシピ投稿・検索サービスとして圧倒的な利用者数を誇るクックパッド。同社ではど
デザインする上で知っておきたい「近接」「整列」「反復」「対比」の4原則 - NxWorld
webサイト・アプリ・雑誌・チラシなど媒体は問わず、見やすくて内容が伝わりやすいデザインする上で知っておきたい「近接」「整列」「反復」「対比」の4原則を紹介します。 近接 - PROXIMITY 関係性の近い各要素の距離を近づけて配置することで位置的にそれらが関係があるものと認識され、見ている人に理解されやすいデザイン・レイアウトを作ることができます。 その際、近接を上手く活用したいときに気を付けたいポイントは余白で、何となくでつけるのではなく関係性があるものとそうでないものでそれぞれ異なる余白にすることです。 上のイメージは様々なスポーツのボールイメージと競技名を並べたものですが、近接が考慮されていないためにそれぞれどのボールがどの競技なのかがわかりづらい印象があります。 これを近接を意識して配置し直したのが下のイメージで、関係性がわかりやすくなり上のイメージに比べてどのボールがどの競技
【2018年版】アプリUXデザインのトレンド12選
モバイルアプリ領域の動きは非常に早く、UXデザインにおいて成功するためには、デザイナーは先見の明を持ち、新たな課題に備えなければなりません。 ここでは皆さんのタスクを軽減するために、2018年において影響力がもっとも大きいであろうトレンドをリストアップしました。 １. ユーザージャーニーの簡略化 アプリやWebサイトを使用する場合、ユーザーには特定の目的があります。その目的を達成するために費やす労力が少ないほど、より良い体験となるのです。 リニアユーザフロー リニアデザイン体験とは、ユーザーが各ステップを１つのアクションで完了できるようにするための開始・途中・終了があるUXのことです。タスクを完了するために必要な時間を見積もることができるため、リニアユーザーフローはユーザーのためになります。
インフォグラフィック制作で目指したこと – 狂気が生む極端は心地よい。 / PLOG
「これって本当にユーザーにとって心地よい？気持ち悪さはないだろうか。」 「このクリック部分はどんな体験になる？想定しているシナリオは？」 「モックで実体験をどこまで積めて、そこからどれだけ回せるかが勝負だね。」 顧客体験を大事にするプロダクト開発に関する議論に聞こえると思います。 ところがこれは、弊社プロダクトのKARTEについて…ではなく、ローンチ３周年に合わせてリリースしたインフォグラフィックについての議論でした。 インフォグラフィックで体験？モック？なぜ？ プロダクト開発のような雰囲気のインフォグラフィック制作。そのリリースまでの道のりを公開します。読み進めていただくことで、きっとなぜこんな議論になったかもわかっていただけると思います。 申し遅れましたが、プレイドのJames(@k-james)です。はじめまして。 普段はPLAIDのビジネスサイドとして、KARTEの機能開発やブラン
https://link.medium.com/1jsAtPLA6T
デザイン思考は、問題を探索・解決するための方法です。リーンは、私たちの信念を試し、適切な成果につなげる方法を学ぶためのフレームワークです。アジャイルは、ソフトウェアの変化していく状況に適応するための方法です。 デザイン思考は、能力と学習に関するものです。スタンフォードd.schoolのCarissa Carter主任は、デザイナーを高める能力について、素晴らしい記事を書いています。たとえば、曖昧さ、共感的学習、統合、実験などが、その能力として挙げられています。意味を生み出し、問題の枠組みを設定し、潜在的な解決策を探索する、デザイナーの能力が重要なのです。 『誰のためのデザイン？』の著者であるドナルド・ノーマンは「デザイナーは最初のアイデアに満足しない」と述べています。あなたも考えてみてください。最初のアイデアが最高のアイデアだったことはありますか？意味や新しいアイデアが生まれるのは、物事を
プロトタイピングは、何のため？ プロトタイピングを中心とした開発プロセスとは | SELECK [セレック]
スマートフォンアプリやWebサービスの世界でも、「プロトタイピング」を中心とした開発プロセスが広がっています。 プロトタイピングとは、いきなり完成品を作るのではなく、不完全なものを少しずつ作り、そのつどフィードバックをもらいながら軌道修正を行う開発プロセスです。 プロトタイピングを行うためのツールも、世界中でいくつも登場しています。これまでSELECKでも、数多くのツールを紹介しました。 プロ級のアニメーションをKeynoteの手軽さで！最新プロトタイプツール「Kite」 プロトタイピングツールを徹底比較！プロトタイプを簡単に作れる5ツール 上記の記事では、「Kite Compositor」「Pixate」「inVision」「Flinto」「Prott」といったツールをご紹介しています。 そして今回は、プロトタイピングを中心とした開発プロセスについて、解説したいと思います。 ▼目次 1.
![プロトタイピングは、何のため？ プロトタイピングを中心とした開発プロセスとは | SELECK [セレック]](https://cdn-ak-scissors.b.st-hatena.com/image/square/915da9215bf6c8cb8112edb9bb77558eb523c400/height=288;version=1;width=512/https%3A%2F%2Fdpd29bjwmgbr8.cloudfront.net%2Fwp-content%2Fuploads%2F2016%2F06%2F01095823%2Fb175b22d-ce8f-4e99-8468-6b8d70b5d5341.jpg)
組織のデザイン「こんな感じ」 – Yamotty – Medium
この記事に満足した方はBitcoinの投げ銭をお待ちしております。僕のアドレスです。 17zMHweRbNGHxUydaZV3YjGgJGLrq7RHYF
新人UIデザイナーとエンジニアのための、デザインで即戦力になるための4つのトレーニング
4月になり、新卒で会社に入られた方や転職して新しい環境に移られた方がたくさんいらっしゃると思います。おめでとうございます。今回の記事では、新たな環境でUIデザインに取り組むデザイナーの方や業務でデザインの知見が求められるエンジニアの方に向けて、即使える知識やセンスを磨く方法をまとめてみました。 デザインの基礎、４大原則を知る デザインの４大原則は、『ノンデザイナーズ・デザインブック [第4版]』という本に書かれている重要なキーワードです。この４つを組み合わせることによって、誰にでもカッコイイ資料やWebサイト、アプリのUIを考えることが可能です。それが以下の４つです。 ・近接 ・整列 ・強弱 ・反復 ふだんの生活の中でこの４つを意識しながら色々なものを見てみると、それを作ったデザイナーの意図が感じられるようになってくるでしょう。 ノンデザイナーズ・デザインブック [第4版] プラットフォー
デザインの基本日記 「配色編」｜Design Beginner
配色がうまくいかない場合の多くはたくさんの色をついつい使ってしまった結果招いていることが多い。まずは2色で配色をしてその上で少しずつ色の調整をすることによって、まとまりのあるデザインが作りやすくなる。 一般的に言われている配色は、ベースカラー7割、メインカラー2割、アクセントカラー1割。一番表現したいことをアクセントカラーにすることで表現したいことが何かはっきりわかりやすくなる。 なんとなく落ち着いていて物足りない場合、色相環で反対の色をアクセントカラーに持ってくるとインパクトがでる。この色相環の反対の色を反対色や補色といったりもする。 逆にガチャガチャして色がうるさい場合は、色相環の隣り合った色数色を選び配色することで全体的にまとまった印象になる。この色相環の近くにいる色のことを近似色と呼ぶ。 配色を決める場合、いくつかの軸があるが、何を表現しなければいけないかというテーマによって配色を
なぜ急成長しているスタートアップではUI/UXが優れたサービスを作れるのか？｜～高垣のりこ～自分100年戦略ノート
本日は、LBSのEntrepreneurship Clubが主催するMONZO社のプレゼンがあったので、聞きに行ってきました。MONZOはRevolutと並ぶ、ロンドンを拠点とするFintechの雄で、オンライン銀行口座やコンタクトレスデビットカードといった一般ユーザー向けの金融サービスを提供する企業です。 （HPはこちら→https://monzo.com/） User Interface（UI：ユーザーがサービスを使用する際に触れるウェブサイトやアプリのデザイン）やUser Experience（UX：ユーザーが製品・サービスを使用する経験）に定評があり、LBSの学生にもユーザーが沢山いる有名な企業です。 さて、ユーザーにとって良いデザインのプロダクトを作ることを目指し、実際に非常に使いやすいアプリを作っているMonzoはどうやって優れたアプリを作っているのでしょうか。 答えは「徹底的
デザインの筋トレ〜伝説の世界的デザイナーに教わった観察力を磨くとっておきの訓練法〜｜ヤマシタ マサトシ
先日話した寸法感覚の話に続いて、今日は観察力を磨く方法の話をしましょう。 ちなみにこのトレーニング方法、僕のオリジナル・・・ではなく、世界的インテリアデザイナーであり天皇陛下から芸術選奨と紫綬褒章まで授与されている、偉大なる恩師の故・内田繁先生直伝の方法です。 内田先生曰く 「これをちゃんと毎日続けて3年間やれたなら、お前はきっとすごいデザイナーになっているだろう。」と言われていました。 実際、僕は3ヶ月で挫折してまた再開しては挫折して・・・を繰り返していますが、それなりに食べていけるレベルのデザイナーにはなれました。 それくらいこのトレーニング法は効果絶大です。学生時代から10年くらい続けていたらヤバいレベルに到達できるかもしれません。 その方法とは・・・ と、本当は秘密にしておきたいところですが、未来のデザイナーの卵たちのためにトレーニング方法を丸っと公開しておきます。 （900超えの
もう縦スクロールって疲れません？進化する私たちの指と視野｜ワカモノのトリセツ
こんにちは！現役女子大生二人組による若者の今を伝えるメディア「ワカモノのトリセツ」です。 春休み満喫中の私たちは、自然と携帯を見る時間が増えました。 そんな時に、 「あれ？最近縦スクロールするのがもう嫌になってきたぞ？！」と思うようになったことに気づいたのをきっかけに、今回は縦スクロールについて私たちの最近の価値観をお話しします。 ■ 縦スクロールで満足できていた時代縦スクロールコンテンツで代表的なものはこちら。 ・Instagramのフィード投稿 ・コスメやファッション、旅行系のキュレーションメディア ・Twitterのタイムライン ・クックパッド ・Safari、Chromeなどのウェブブラウザたち 昨年の夏頃までは、まだ縦スクロールへのストレスが薄かった気がします。20件、30件とインスタのフィード投稿を見るのが全く辛いと感じませんでした。コスメやファッション、旅行系のキュレーション
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
