デザインとは課題解決である。では課題解決の思考法は？｜Goodpatch Blog グッドパッチブログ
「デザインとは課題解決である」とよく聞きます。 サービスをデザインする時はユーザーの課題やビジネスの課題を、組織をうまくデザインして発展させていくためには組織的な課題を解決します。どのような仕事も課題解決の連続です。課題解決がうまくできれば、仕事のスピードやクオリティの向上に直結します。 この記事では、個人的に意識している課題解決の思考法をご紹介します。 1. 課題の特定 課題とは現状と理想の状態のギャップです。現状を正確に把握した上で、理想を明確に定義する必要があります 現状の把握 サービスに関する課題であれば、定性・定量の調査から現状を把握します。組織的な課題であれば、1on1やKPTで意見をすいあげるのが有効的です。 理想の定義 理想の定義が曖昧だとあれこれ意見が発散して悩んだ結果、結局意見がまとまりません。ゴールやコンセプトという形で明確に理想の状態を定義できると、チームメンバー全
ホットペッパーに勝つ方法はあるか？
前回は「メディアビジネスは今すぐやめましょう」というテーマでした。記事はフェイスブックで1,300いいね！をいただき好評でしたが、やはり抽象的な内容だったせいか「そもそも行動モデルはどのようにデザインすればいいのか？」とご質問を多数いただきました。なかなか1つの記事では説明しきれないものですね。 また「行動モデル」のわかりやすさを優先するため、グルメ系サービスの「ホットペッパーグルメ」を例にしましたが、「結局リクルートがもっていくのかよ」との悲観的な意見もいただきました。お気持ちはよくわかります。 しかし、そんなことは決してありません。私はリクルートに対抗するための方法論として「行動モデル」を提示したつもりです。そこで今回は「ホットペッパーに勝つ方法はあるか？」というテーマで、「行動モデル」の基礎的なデザイン手法を解説したいと思います。 受動的アプリは「大逆転」できる？ まず、前回のおさら
「メディアビジネスは今すぐやめましょう」
KOMUGIの「相談する」コーナーには、毎日のように、さまざまなプロダクト（サービス・製品・企画）が持ち込まれます。新規開発の案件が多くほとんど記事には書けないのですが、とても勉強になっています。「耳学問（他人から聞きかじった知識）」をモットーにする私にとっては大変にありがたいことです。 そのなかで、もっとも多いのが「メディアビジネス」のご相談です。私自身がメディア業界に所属しているからなのでしょうか。「どうしたらメディアやコンテンツを収益化（マネタイズ）できるか？」と聞かれます。 メディアビジネスの収益源は基本的に2つしかありません。読者や視聴者から直接的におカネをいただく「購読料」と、商品を宣伝したい広告主から間接的におカネをいただく「広告」です。 電波メディアの延長である「動画メディア」と、紙メディアの延長でありテキストと写真/図版が主体の「Webメディア」では、メディアビジネスの性
ロゴデザインを依頼する側と制作する側にある金額の相違について思うところ ｜https://wp.yat-net.com/name
こんにちは、YAT（ @yat8823jp ）です。つい先日ツイッターでこういったアンケートを取っていました。 ロゴデザインをデザイナーにお願いしようと思った時、いくらぐらいかかるという印象を持っていますか？ — YAT (@yat8823jp) 2017年11月23日 初日で1,600件ほど投票を頂き、多くの方から御意見頂けて感謝しています。 アンケート自体はまだ実施しているので是非どんどん投票してください。 ツイッターの仕様上、選択肢が４つまでしか出せなかったのですが、ロゴデザインを行う場合100,000円でお受けできないケースも当然あります。制作と価格に対する意識や感覚は、アンケートを見た人がデザインについてどこまで精通しているかで受け取り方が違うのではないか？と思っています。 ロゴデザインにおける価格 まず、このアンケートを取ろうと思ったきっかけは、あなたの職業はいくら稼げる？フリ
フレンドファンディングアプリ、polcaのLPをトレースして気づいたこと。｜haseshun
polcaのLPをトレースして気づいた事を備忘録的にまとめました。 トレース結果 文字についてトレースした目的の一つに有名サービスのLPはどのようにタイポグラフィを定義しているのかを知りたいというのがありました。 今回のケースでは、14pxをhtml全体のフォントサイズの基準として、emでその他のフォントサイズを決定しているようでした。Sketchでトレースしていてなんかテキストがうまく重ならないな、というときはフォントサイズが小数点になっていないかブラウザの開発者ツールで調べてみるといいと思います。 色についてメインのテキストカラーは#333ですが、情報の優先度を落としたい場合に、#666を使用していました。例えば、注釈のテキストよーく観察してみると、米印と数字の部分は#333なのですが、そのあとに続く文章は#666になっています。また、例外的にフッター部分だけは#000が使用されていま
デザイン作業のイライラ解消！効果的なデザインフレームワークの作り方【2017年版】
もしあなたがウェブデザインに携わっていれば、「デザイン・フレームワーク」や「UIフレームワーク」、「UIキット」、「パターンライブラリ」などの言葉を聞いたことがあるかもしれません。これらはどれも、商品やサービスに利用される設計基準やテンプレート、UIパターン、コンポーネントとそのデザイン言語全般を指します。 これまでデザイン・フレームワークを作成したことがない人は、時間のかかる作業に見えるかもしれませんが、一度作成してしまえばデザイン制作をスピードアップさせ、全体的な作業の効率化を実現できます。 まず、デザインフレームワークが解決できる問題点や、デザインフレームワークが必要な理由、そしてデザイン制作時に必要なコンポーネント素材について詳しく見ていきましょう。 デザイン・フレームワークとは？ すべてのユーザーインターフェース・デザインは、真っ白のアートボードからはじまり、デザイナーはそこに機
デザイナーと働くなら知っておきたい4タイプのデザイナー像 | ベイジの社長ブログ
世間一般ではデザイナーは一括りに語られがちですが、デザイナーも千差万別、一人一人に個性があり、異なる価値観を持っています。この多種多様なデザイナーを一種類にまとめて扱うことは、デザイナーとのミスマッチに繋がり、デザイナーを擁する組織のマネジメントにとって、深刻な問題を引き起こすこともあります。 自分自身は経営者兼デザイナーとして仕事をし、今まで多くのデザイナーを見てきました。その私の経験則でいえば、デザイナーは大きく4つのタイプに分類できると考えています。例えば採用面接などで新たにデザイナーと出会った際には、まずはこの4タイプを手がかりにして、その方の理解を深めていったりします。 私が考えるデザイナーの4つのタイプとは、縦軸に「挑戦的」「保守的」、横軸に「感覚的」「論理的」を置いた4象限で表現できます。以下がその図です。 ここからは、理想実現型、成果追求型、共同作業型、実務遂行型の順に、そ
飲食店のメニューだってユーザー導線を考慮しよう | UX TIMES
今回は大阪でワークショップを行った際に食事をした飲食店のメニューのわかりにくさについて勉強会で話し合ったので、改善方法を含めてご紹介いたします。 飲食店メニューの問題 スタッフの1人が名物である「肉つけ麺」を選び注文しました。すると、注文を受けた店員は 「風味は、”ゆず胡椒”と”海老だし”と”ごま味噌”、また、麺は”太麺”と”細麺”、盛りは”ひや盛り”と”あつ盛り”のどれにしますか？」 と注文したスタッフに選択を委ねました。 そんなオプションがあることを知らなかったスタッフは、結果的に店員を待たせてしまいました。 オプションに気づきにくいメニュー 注意深く見なければ、肉つけ麺を選んだ後に「風味」と「麺」と「盛り」を選ばならければならないことに気がつきませんね。 単なるメニューがお客さんを正しく誘導する このメニューの最大の問題はレイアウトが悪いことでお客さんを惑わせていることですが、それに
Flexboxでスマートニュース（SmartNews）風のレイアウトを実装する方法 - Design Color
スマートニュース（SmartNews）風の表示とは 「スマートニュース（SmartNews）」とはスマートフォン用のニュースアプリです。巷では略して「スマニュー」なんて呼ばれています。 読み込みが速いため、いつも情報収集にお世話になっているアプリですが、レイアウトも見やすいんですよね。縦だけでなく、2〜3列で横並びになったりと見た目に変化があって記事が見つけやすいんです。 SmartNews ただ、この見た目をfloatやdisplay: inline-block;で実装しようとするとかなり面倒…と思っていたそんな時、柔軟に対応できるFlexboxの存在を知りました。次からは、Flexboxを使った実装方法をお伝えしていきますよ！ 以下が実装用のコードです。「CSS」のタブをクリックして確認してみてください。 See the Pen Flexboxでスマートニュース（SmartNews）風
会員登録率を15％上げた方法 ~noteの改善の現場から~｜justin / iOSエンジニア
こんにちは。ピースオブケイクでnoteの開発をしているjustinです。 10月に深津さんがCXOに就任して、早2ヶ月が経とうとしています。 週１回グロース会議を行い、そこで話し合われた内容がどんどんリリースされています。 定期的に深津さんがnoteのカイゼン施策をノートにまとめていますが、現場でどんなことが行われているのかはあまり公開したことがありませんでした。そこで、この記事では少しだけ施策の裏側をお話したいと思います。 この記事では「最近のnoteカイゼン(11月中半)」で紹介された、 課金時のユーザー離脱を下げるチューニングを施しましたにスポットをあてます カイゼンの流れざっくりですが、カイゼンの流れは以下のようになります。 1. 購入導線を洗い出す 2. データを取る 3. 数字の著しく落ちているところを探す 4. 改善案を考える 5. 実行する 6. 評価上の流れはcakesの
デザインを「伝える」ためにすべきこと - Speaker Deck
Transcript σβΠϯΛ ʮ͑Δʯ ͨΊʹ͖͢͜ͱ ຐ๏͍ ݟश͍ ͡Ί·ͨ͠ ֯ాҁՂ � ͢Έ͔ͩ͋ 8FCσβΠφʔ �ΠϥετϨʔλʔ ����ɹϑϦʔϥϯε TQJDBHSBQI ����ɹגࣜձࣾΩςϨπϝϯόʔ ͘ ͡ ʮ͑ΔσβΠϯʯͷ ϫΠϠʔϑϨʔϜͱͷ͖͍͋ํ σβΠϯΛʮ͑Δʯ ʮ͑ΔσβΠϯʯͷϏδϡΞϧදݱ 01 02 03 ʮ͑ΔʯΛͭ͘ΔৗͷΞτϓο τ 04 ·ͱΊ 05 Θͨ͠ͷܦྺ 2002 2006 2012 2017 ݣࣾһ ࣾһͳͲ ϑϦʔϥϯε ϑϦʔϥϯε��ੜ �ੜ ग़࢈ Θͨ͠ͷࣄͷׂ߹ ੍࡞ձࣾ 9 1 ΫϥΠΞϯ τ ίʔσΟ ϯά 6 3 3.5 0.5 8FC σβΠ ϯ %51 σβΠ ϯ Π ϥε τ Θͨ͠σβΠφʔͰ͢ σβΠφʔ࣮ ʮઃܭ࢜ʯ ग़లɿ8JLJQ
CSS Gridで、Webページでよく使うレイアウトを実装したシンプルなHTML/CSSのテンプレートのまとめ
CSS Gridを使って、ヘッダ・フッタ付きの2カラム、3カラム、カード型といったレイアウトをはじめ、テキストはグリッドに揃えて画像は全幅で表示など、Webページでよく使うレイアウトを実装するシンプルなテンプレートを紹介します。 来年からは、CSS Gridで実装するのが主流になりそうですね。 CSS Grid Starter Layouts CSS GridとFlexbox、それぞれどう使いこなせばいいだろうという方は、下記ページが参考になると思います。 Webページのこれからのレイアウトテクニック！FlexboxとCSS Gridは一緒に使用してこそ価値がある 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSS Gridで実装するヘッダ・フッタ・3カラム（聖杯レイアウト） CSS Gridで実装するヘッダ・フッタ・2カラ
常時HTTPS化＋ドメイン名変更、SEOの悪影響ゼロで進めた手順をすべて公開！ | 初代編集長ブログ―安田英久
今日は、常時HTTPS化とドメイン名変更に関する話題を。Web担では10月にこの両方を一気に進めましたが、検索エンジンからのトラフィック減など一切なしに完了しました。そこでやった手順をお届けします。 ドメイン名を変えるなら常時HTTPS化もWeb担では、オープン当時の社名に基づくドメイン名「impressrd.jp」を長らく使っていましたが、すでに会社が「株式会社インプレス」になっているため、全社的な統一性の観点からドメイン名を変えることにしました。 そして、ユーザーログイン機能があるサイトであるため、Wi-Fi環境でのセキュリティ担保なども目的として、常時HTTPS化を行いました。 旧URL： http://web-tan.forum.impressrd.jp/ 新URL（ドメイン名変更＋HTTPS化）： https://webtan.impress.co.jp/ 実は、この移行作業には
2017年、デザインガイドラインについて考える。｜Yuya Furusato｜note
株式会社rootのUIデザイナー 古里祐哉です（@remmyfurusato）。 rootでは、サービスの立ち上げやリニューアルに伴う、UI/UXデザインをご支援しています。 さて、今年を振り返えると「デザインガイドラインに注力した」年でした。デザインガイドラインを必要とされるクライアント様には共通点があります。 ・レイアウトパターンやパーツの使い方が定義されていないで、設計者やエンジニアが迷う。 ・結果、サービス全体の一貫性がなく使いづらい。 このような課題を抱えるクライアント様からのご依頼を多くいただきました。サービス開発の現場で、徐々にデザインガイドラインの重要性が広まってきているのではないでしょうか。 デザインガイドライン作成を通して考えたことをまとめたいと思います。 デザインガイドラインとは？ デザインガイドラインの定義は「サービスやプラットフォームのデザイン方針を示したドキュメ
CJK Type Blog | CJK Fonts, Character Sets & Encodings.
What in the world could オントロ (ontoro) and グスーム (gusūmu) possibly mean? (If you wait a few seconds, a hint will flash in the animated GIF above.) Continue reading… The UTC #160 meeting took place last week at Microsoft’s HQ in Redmond, Washington. For CJK enthusiasts, the big news is that the UTC accepted CJK Unified ideographs Extension G (aka IRG Working Set 2015), which includes 4,939 characters
Adobe XDでLINEデザインを作ってみた【使い方解説】
Adobe XD CCってどういうツール？ Adobe XD CCはWebサイトやスマホアプリなどを手軽にデザインするためのツールで使い方も簡単。さらに、デザインした複数のページを簡単につなげて、実際に動いているかのようなプロトタイプを作る事もできるんだ！ Adobe XD CCはそれらを直感的な操作で仕上げる事ができ、軽量で使いやすいUIになっているので、人気がぐんぐん上がっているのだ。 まずは完成形のデザイン 今回はAdobe XD CCで「ドラえもんのLINEグループ」というコンセプトで簡単にデザインしてみた。作業時間だけで言えば「15分」もあればデザインできてしまう。 今回はこのデザインを元にAdobe XD CCの使い方を学んでいこう！ Adobe XD CCのスタート画面の使い方 Adobe XD CCをインストールしたら最初に次の画面が立ち上がり、デバイスから選ぶ形でアートボ
「お金の流れが逆流し始めている」 AnyPay木村氏が“個人のつながり”にみる経済圏の変化
ビットコインは“紙幣”か、“ゴールド”かーー。アジア最大級のスタートアップ向けのカンファレンス「Tech in Asia TOKYO2017」で、「いつでも、どこでも：AnyPayが変える日本のFinTech」が行われました。AnyPayを経営する一方で、エンジェル投資家としてさまざまなFinTechベンチャーへの出資も行う木村氏。そんな木村氏から、日本のFinTechはどのように見えているのでしょうか。 エンジェル投資家で経営者でもある“木村新司”の内訳 古川健介氏（以下、古川）：こんにちは。よろしくお願いします。 木村新司氏（以下、木村）：よろしくお願いします。 古川：AnyPayの木村さんにいろいろ聞きたいなと思っているんですが、せっかくなのでAnyPayの話だけではなくて、そもそも木村さんが金融やFinTech、貨幣など、お金についてどう考えているのかみたいなところを聞ければなと思
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PDF JPEG 変換 - PDFのイメージを抽出する無料ウェブアプリ
TechCrunch | Startup and Technology News