効率的なアプリ開発のためにデザインガイドラインを作成した話 - ZOZO TECH BLOG
こんにちは。デザイナーの権です。 アプリ開発に関わるデザイナーの方々は、仕様とデザインが決まって実装に移る際、どのようにチームでやりとりしていますか？ それぞれの開発体制や状況に合わせて進めていくので、会社によって様々だと思います。弊社でも効率的な開発のために、デザインデータや仕様書、指示書、プロトタイプの準備等、日々試行錯誤しながら最適な方法を探しています。 数ある開発手段の中で今回は、弊社が運営するサービス「iQON」の機能改善やデザインリニューアルに効率的に対応できるよう新たに作成した、デザインガイドラインについてご紹介したいと思います。 デザインガイドライン作成の背景 弊社では1年ほど前からデザイナーが5人に増えたことにより、プラットフォームごとに一人づつオーナーシップをとって制作を進める体制に変更されました。 私も以前は、アプリデザインや広告のデザインなどジャンル関係なく携わって
60点以下の仕事はなくなる。深津貴之＆drikinが語る「デザイナーの新しい働き方」 - デザイン情報サイト[JDN]
東京・青山のTHE GUILD（以下、ギルド）オフィスに集まった2人のクリエイター。かたや、ユーザーエクスペリエンス（UX）の設計やコンサルティングを手がけ、ピースオブケイク社のCXO（Chief eXperience Officer）にも就任した、ギルドを主宰する深津貴之さん。一方、サンフランシスコ在住のソフトウェアエンジニアで、ガジェットを自腹で散財しつつ日々の生活を動画で発信するYouTubeチャンネル「DRIKIN VLOG」も人気のdrikin（以下、ドリキン）さん。先日ラスベガスで行われたAdobe MAXに参加した2人が、更新されるテクノロジーとクリエイティブの関係から「新しい働き方」について語る。 新しいカタチの組織「THE GUILD」 ドリキン：まず深津さんが主宰する「ギルド」からして新しい働き方だと思うんですが、そもそもギルドはどういった組織なんですか？ 深津：フリー
![60点以下の仕事はなくなる。深津貴之＆drikinが語る「デザイナーの新しい働き方」 - デザイン情報サイト[JDN]](https://cdn-ak-scissors.b.st-hatena.com/image/square/0fd0429141942984801cc0338c52ad5d44eb7620/height=288;version=1;width=512/https%3A%2F%2Fwww.japandesign.ne.jp%2Fwp%2Fwp-content%2Fuploads%2F2017%2F11%2FGT85010-1.jpg)
「物乞い」の行為をデザインする
Summary*English report here ストリート・ディベートは路上で問題提起をし、世論を硬貨で可視化する職業である。これは、路上での「ものごい」に代わる行為でもあり、尊厳を損なわずにお金を稼ぐことができる誰もが出来る方法である。 路上で暮らすことを余儀なくされた人々が、友好的な会話を通して社会へ対等な立場で再接続する最初のステップとなることを目指している。 ロンドンではストリート・ディベートで１時間に平均13.5ポンドを稼ぎ、12.5人を議論に巻き込むことが明らかになっている。 Why I started designing the act of beggingもしあなたが、ロンドンやパリといったヨーロッパの都市を訪れたなら、道端で「ものごい」を行なう人を見ることは、そう珍しいことではないだろう。
手書きチラシの効果●実証編 - チラシで集客
チラシの効果は「論より証拠」 いきなりですが皆さん、次の①両面チラシと②片面チラシの２つを見比べて頂けますでしょうか。どちらも同じ美容院さまのチラシです（画像はあえて粗くしてあります）。 ①業者に委託したチラシの表面 ①業者に委託したチラシの裏面 ②自作の手書きチラシ この２つのチラシ、どちらが効果があったと思われますか？ ①の業者に委託したチラシは１２５００枚印刷し、業者によるデザイン費とポスティング費用を含めてチラシ作成にかかった全経費は２０～３０万円だったそうです。このチラシでの新規来店数は５名。もちろん大赤字ですよね(^-^; ②の見よう見まねで初めて作った自作の手書きチラシは、５０００枚印刷し、チラシ印刷代１３０００円とポスティング代行業者費２１０００円の計３４０００円。このチラシを見て来店した新規来店数は１３名で、新規売上１２１０００円を達成。 ほとんどの人の常識的な感覚を粉々
大規模デザインシステムを作る：いかにしてアメリカ連邦政府のデザインシステムを作り上げたか - カタパルトスープレックス
原文："Building a large-scale design system: How we created a design system for the U.S. government" by Maya Benari, October 3, 2017 現在、ほぼ30,000の米国連邦政府のウェブサイトがありますが、それらウェブサイトの間に一貫性はほとんどありません。テクノロジーの分野で働く数十万人の政府機関の職員がいますが、彼らの携わるウェブサイトの構築や管理方法に共通点はありません。 その結果、政府はユーザーが十分に満足できないサービスに多くのリソースを費やしています。連邦政府のウェブサイトは行政が提供するサービスの正面玄関です。アメリカ政府と何らかの接触をはかるときユーザーが最初に出会う場所です。米連邦政府一般調達局のFederal Front Doorイニシアチブの調査からウ
決して止まらないカイゼン体制を作りたい | 深津 貴之 (fladdict) | note
中長期のための大きなデザインも大事だけど、そのために日々の改修が犠牲になってはならない（その逆は言語道断）。そんなわけで、しばらくの間は、1〜2日で終わる小さな改修を、コンスタントにnoteチームに提案したいなぁと考えている。 もちろん、「リソースが許せば」だけれども。なぜならpiece of cakeにはまだデザイナーが1人しかいないことだ。そんなわけで、中長期でどういうチームを作るべきかウンウン唸っている。 並行して走るスロットが3-4つ欲しい理想を言えば、デザイン/開発リソースを3つのグループにわけたい。「大局リソース」、「開発リソース」、「カイゼンリソース」の3つだ。これらはそれぞれ独立しているのが望ましい。複数のレイヤーを1人のスタッフが兼任していると、どれかが忙しくなると、他の全てがストップしてしまうからだ。 大局リソース ガイドライン、コンポーネントなど、会社全体にストックさ
フォントオタクなデザイナーが本気で選んだ「美しいフォント」24選【フリー＆有償】
『Soldi』は、複数の企業と提携し情報を提供しており、当サイトを経由して商品への申込みがあった場合には、各企業から報酬を受け取ることがあります。ただし当サイト内のランキングや商品の評価に関して、提携の有無や支払いの有無が影響を及ぼすことはございません。また当サイトで得た収益は、サイトを訪れる皆様により役立つコンテンツを提供するために、情報の品質向上・ランキング精度の向上等に還元しております。 名古屋の事業会社でデザイナーをやっているAkitaと申します。 プロのデザイナーとして、デザインで気にしているところは沢山ありますが、中でも一番こだわっているのは「フォント」です。 「フォントの選び方でデザイナーの実力が分かる」というのは、私が最初にデザインを教わった先輩の言葉でした。 世の中にはどんどんクオリティが高く、美しいフォントが登場しています。 広告・パッケージではやはり有償フォントが目立
読みやすさのデザイン備忘録 | 深津 貴之 (fladdict) | note
noteのコア体験は、「読む楽しさ」と「書く楽しさ」だと考えています。 本来ならコア体験は、調査でしっかりと導くべきものです。しかしアカデミックなUXとは異なり、実際のスタートアップ環境では時間とリソースに限界があります。このため調べながらも、走り出さなければなりません。 まず序盤はヒューリスティック（経験）ベースのデザインを行いつつ、調査やテストが可能なところから、裏づけやチューニングを行う流れになりそうです。 以下、「読書体験」における「可読性」のパートのメモ。noteチームにとりあえず提案する予定の諸々です（現時点では個人の見解です）。基本的には「当たり前のことを、当たり前に」やる予定。「これもやっとけ」的なことがあれば、タイポグラファーの諸先輩の方々には、ぜひご意見をお伺いできればと。 書体をサンセリフ系に変えるべきか？デジタルでは、一般的にサンセリフ体の可読性は、ローマン体よりも
みんなでデザイン、あなたもデザイン
Wordcamp Tokyo 2017で発表したプレゼンテーションです。 動画： https://wordpress.tv/2017/09/28/yutaka-sekiguchi-%E3%81%BF%E3%82%93%E3%81%AA%E3%81%A7%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%80%81%E3%81%82%E3%81%AA%E3%81%9F%E3%82%82%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/ -- WordCamp Tokyo 2017 https://2017.tokyo.wordcamp.org/ hanarenoheya http://www.hanarenoheya.com/
iPhone X対応におけるデザイン上の注意ポイント | fladdict
iPhone Xが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneのUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。 ざっくりデザインガイドラインを読んでの、気になったところメモ。 画面サイズ サイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。 想定されるインパクト 表示可能な情報量が増える 縦スクロール系コンテンツのコンバージョンが増加 スクロールで隠れるナビゲーションの必要性が低下 画面上部のボタンのコンバージョンが低下 ゲームなどの全画面イラストに、黒枠が出たり、見切れたりする グラフィッ
Francfranc Brand Identity Guidelines - Francfranc Brand Identity
Episode ブランドの始まり 1992年7月、Francfrancの第１号店が天王洲アイルにオープンしました。 そこでFrancfrancが提案したのは、型にはまらず、自分の「好き」「楽しい」を大切にする南仏のライフスタイル。家具や雑貨をただ売るのではなく、新しい価値感や豊かな暮らし方を示しました。 Background 時代背景 当時、日本の家具のデザインは、木目やベージュ系、グレー系など彩度の低い色合いの家具が中心でした。そこにFrancfrancは「鮮やかな色」をデビューさせました。 〜空と海の碧（あお）と蒼（あお）、オリーブの葉の深い緑、山間（やまあい）と街に深い影を刺す太陽の光、そして土色の壁と大地を華やかに彩る花の色など、南仏の自然からインスピレーションを得た「鮮かな色」を暮らしに取り入れた新しいライフスタイルの提案です。 Principles 哲学 既成概念にとらわれるこ
Webデザインのスタイルガイドの作り方
Webサイトの制作はどんどん複雑化しており、１人で行う仕事ではなくなってきています。サイト制作では、ビジネスの目的に合わせた一貫性のあるデザインによって、快適なユーザー体験を作り出すことが重要です。 Webサイトを分割してチームでデザインをするときにチームメンバーが共通認識を持つには、デザインドキュメントまたはWebデザインのスタイルガイドを作成することが有効です。これは、エンジニアがデザインを変更してしまうことを防ぐのにも役立ちます。 異なるページの間に一貫した体験を作り出すために、スタイルガイドを用意するのはとても有効です。また、今後の開発やサードパーティ製品が生まれた際も、ブランドのガイドラインに沿い、ブランドの一部として知覚されるようにやすくなるでしょう。 Luke Clum氏は、Webデザインの第一歩としてスタイルガイドを利用することについて、昨年簡単に紹介をしました。この記事で
ユーザーインターフェイスにおける明示的アクション／暗黙的アクションの違いと設計の考え方 – usagimaru – Medium
明示的アクション／暗黙的アクションについてずっと言語化できていなかったので、このたび記事にまとめてみました。馴染みのあるMac OSそしてiOSを例に、画面上のオブジェクトを操作するための二つのパラダイムについて説明します。 2005年頃の Apple Human Interface Guidelines (HIG) を開いてみると、そこには「Explicit and Implied Actions – 明示的および暗黙的アクション」と呼ばれるデザイン原則が示されています。Mac OSのユーザーインターフェイスでは、明示的アクションと暗黙的アクション、この二種類の操作体系が同時に提示され、ユーザーは好きな方法を選択することができるようになっています。 明示的アクション明示的アクションとは、すなわち画面上に明示された手段を選択してコマンドを実行するというものです。Macを例にすると、ユーザー
良いところを指摘する方がデザインは良くなる - not simple
デザイナーという職業柄 クリエイティブやサービスやアプリなどなど デザインという観点で 意見を求められることが多いのですが こういう時って気を抜いているというか油断してると 悪いところの指摘が先行して 良いところの指摘を忘れるので 気をつけているという心がけがあります デザインに対して 特に見た目に関しては 悪いところを言語化するのは 非常に難易度が低くやりがちで 逆に良いところを言語化するのは 難易度が高く 意識してないとあえて言わないケースが 多くなるのかなあと デザインの 良いところを意識して言うようにしてるというのは 悪いところの改善をしやすくするためという文脈があり 悪いところだけ指摘すると そこだけ直して整合性が取れなくなったり 逆に良いところを改悪してしまう場合があるため 良いところを指摘して認識してもらうというのは 重要だと思っています あと 単純に 褒めてから足りないとこ
キャンセルのキャンセル問題から考えるダイアログデザイン｜Goodpatch Blog グッドパッチブログ
この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……？ 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CASH｜ポジティブな「お金」の表現
https://designer-draft.jp/articles/20
移動しました - SmartHR Tech Blog
Backlog UI リニューアルの舞台裏 / Backlog Renewal UI
ログイン - はてな
