Rails Developers Meetup 2018 Day 3 Extreme で発表させていただきました - https://techplay.jp/event/679666 - 質問: https://railsdm.herokuapp.com/issues/76 協力: Fly…

Digital Transformation Agency は政府が提供している公共サービスのデジタル化を助けるガイドの役割を担っています。記事中で「再設計された」と書かれていますが、どうやらこれまで https://www.dta.gov.au/ だったのを、試験的に https://beta.dta.gov.au/ へ移行・アップデートしているようです。DTAの役割についてaboutを見ると 政府のサービスに対する人々の経験を向上させることを約束します。これは、政府内でこれらのサービスを提供するスキルを向上させることを意味します。 私たちは他の代理店と協力して、シンプルで明確で使いやすいサービスの作成を支援します。人々は私たちのすべての中心です。私たちは、能力に関係なく、あらゆる場所、あらゆる場所でサービスを提供することにコミットしています。 これを行うために、われわれは平易な英語を使

｜DMM inside

【加筆あり】 マツモトキヨシのロゴデザイナーが言った『UXの本質』と、IT業界の根本的なズレが致命的になるについて 今も「UI/UX」の議論が増えていますが、日本人が好きな表面的な手法論から、そもそもの深い部分の議論になっているのは、すごい良いと思っています。 特にIT業界が「UI/UX」が盛んに見えますが、そもそもの議論が「アプリ」「WEB」に限定されており、狭義の議論になっているので、本質的な話をしないとこの問題は解決できないと思っています。 私自身も以前はカスタマージャーニーなどもやっておりましたが、マツモトキヨシのロゴデザインをしたデザイナーの小谷中さんと、地元千葉で縁があり一緒に仕事をさせていただいた時に、施設のパンフレットデザインを見せた際に言われた、『パンフレットが置かれる現場に行ったみた？』 が今でも忘れられない一言であり、UXの本質的な言葉だと思っています。 デザイナーの

最近、相談を受ける事が多いデザインマネージャーの役割を経験をもとに書き出してみました。長いですが、迷った時の辞書代わりに使ってもらえるとありがたいです。 ここでは会社の規模が30名以上、デザイナー5名程度を超えた組織をイメージしてます。ユーザー体験に責任を持つサービスデザイン責任者と組織責任者の話は混同しないほうが良いので、今回は組織責任者にフォーカスしてます。 全体のストーリーはこのスライドで掴めると思いますが、もう少し具体的に実行した事などをリスト化したので参考になればと思います。 デザイン責任者として実行した事まとめデザイン責任者の仕事は何かを学ぶために行動してみた ・実績を上げてる会社へ一週間研修に行かせてもらい、成果をあげてる理由を分析して、100ページ位のレポートを作った。 ・池田さん、土屋さん、深津さんなど有識者に相談して感覚を掴んだ。 ・それらの行動は自分自身の勉強にもなっ

Transcript σβΠϯΛ ʮ఻͑Δʯ ͨΊʹ͢΂͖͜ͱ ຐ๏࢖͍ ݟश͍ ͸͡Ί·ͨ͠ ֯ాҁՂ � ͢Έͩ͋΍͔ 8FCσβΠφʔ �ΠϥετϨʔλʔ ����೥ɹϑϦʔϥϯε TQJDBHSBQI ����೥ɹגࣜձࣾΩςϨπϝϯόʔ ΋ ͘ ͡ ʮ఻͑ΔσβΠϯʯͷ ϫΠϠʔϑϨʔϜͱͷ෇͖͍͋ํ σβΠϯΛʮ఻͑Δʯ ʮ఻͑ΔσβΠϯʯͷϏδϡΞϧදݱ 01 02 03 ʮ఻͑ΔʯΛͭ͘Δ೔ৗͷΞ΢τϓο τ 04 ·ͱΊ 05 Θͨ͠ͷܦྺ 2002 2006 2012 2017 ೿ݣࣾһ΍ ࣾһͳͲ ϑϦʔϥϯε ϑϦʔϥϯε��೥ੜ ฼�೥ੜ ग़࢈ Θͨ͠ͷ࢓ࣄͷׂ߹ ੍࡞ձࣾ 9 1 ௚ ΫϥΠΞϯ τ ίʔσΟ ϯά 6 3 3.5 0.5 8FC σβΠ ϯ %51 σβΠ ϯ Π ϥε τ Θͨ͠͸σβΠφʔͰ͢ σβΠφʔ͸࣮͸ ʮઃܭ࢜ʯ ग़లɿ8JLJQ

デザイナーさんと昼飯を食っていたら急に「どういうデザイナーとだと仕事しやすいですか？」と聞かれ、しばらく考えて色々話したけれどいい感じに伝えられなかったのでここに書き出しておきたい。 先に言っておくと、これはデザイナーさんの良し悪しの話ではなく、あくまで自分の経験的にこういうことを意識してくれていると楽だったなーやりやすかったなーという感想でしかない。人によって仕事のスタイルが違うのは当たり前だし、やり方を強要するつもりはない。ただ、お互いにこういう振る舞いだと仕事しやすいというのを伝え合うのは大事だと思うので、あくまでこういう風に考える開発者もいるんだなぁくらいにとらえてもらうのがいいのかもしれない。 1回目に見せるラフを作るまでがとにかく速い 人に見せる時に、今の完成度やどういう粒度のフィードバックを期待してるかを先に伝えられる 何かフィードバックを受けた時に、なぜ自分がそうしたかを論

はじめまして！最近ペパボにJOINしましたデザイナーのモニカです。 これまでWebやグッズデザインの経験はあってもプレゼン資料は作ったことのなかった私ですが、先日、経営企画グループのデザイナーとして ペパボの決算説明会資料 を作成させていただきました。 そこで、本記事では デザイナーがスライドデザインを作成する際のTIPS と、 なぜ「資料」をデザインするのか？ をお話ししたいと思います。 決算説明会とは GMOペパボ株式会社では四半期に一度、業績や戦略などをアナリストや投資家に説明する「決算説明会」を行っています。 そこで使用するスライドが「決算説明会資料」です。 デザインTIPS 資料自体はPCの液晶モニターで見ながら作りますが、実際にプロジェクターで壁やスクリーンに写し出される環境下での見え方は大きく違います！ 大きなモニターなのか、スクリーンに映し出されるのか、会場ではどのくらい遠

ユーザーエクスペリエンス (UX) デザインを少しでもかじったことのある人であれば、ヒットするプロダクトやビジネスの成功におけるユーザー体験の重要さが理解できると思う。 「これからの企業に不可欠な三種の神器とは」でも説明されている通り、グローバル規模で成功している企業が提供する商品やサービスの裏には、優れたユーザー体験がその成功の秘密として隠されている。 また「ユーザー体験こそがマーケティング戦略の主流になる ~UX for Marketing~」でも語られている通り、現在話題になっているスタートアップ企業やユニコーン企業も正しいユーザー体験を通じて多くのユーザー獲得につなげている。 UXにおいて何が優れているのか?そもそもUXにおいて「優れた」とか「正しい」とされる要素は何であろうか？一般的にはユーザー側から見ると、利用していて”心地良い”とか”楽しい”などの要素。そして提供側から考える

Marcinは製品デザインのプラットフォームである、UXPinのCEOおよび共同創設者です。2010年にUXPinを共同創設して以来、彼はポーランドのシリコンバレーオフィスの製作チームをリードし手助けしてきました。 「ワイヤーフレームの時代は終わりました。インタラクティブなプロトタイプこそがすべてです。」 私たちは少なくとも７年間は、この主張を聞き続けてきました。もしこのような議論に対して、人気がすべてを証明するというなら、真実はこの主張の逆と言えるでしょう。なぜならワイヤーフレームは終わったらしいと議論され続けているという事実自体が、ワイヤーフレームは顕在で、デザインプロセスにおいて少なくとも一部のプロジェクトやデザイナーに適合する形で存続していることを証明しているからです。 ワイヤーフレームはどのように生き残ってきたのでしょうか？　実はワイヤーフレームは進化し続けています。 ワイヤーフ

※この記事は2022年1月に最新の情報に更新されています。 デザインがブロダクトやビジネスの成功においても重要な要素であると唱えられるようになって久しい。しかし、そもそも「優れたデザイン」とは一体どんなものなのか。 見た目が綺麗だったり、斬新だったりすることだろうか？それとも、誰でも使いやすいことだろうか？この問いに対してドイツ出身の世界的デザイナー、ディーター・ラムスが明確な答えを出している。 彼のデザインはApple社のiPodのデザインにヒントを与えたと言われており「Less, but better (より少なく、しかしより良く)」がモットーのミニマリズムの巨匠である。 ここでは、彼の唱える『優れたデザインを構成する10原則』を紹介したい。 優れたデザインを構成する10の原則1. 優れたデザインは革新的である常にイノベーションの可能性は存在している。技術的な進展は革新的なデザインにい

サインアップのフローであれ、マルチビュー・ステッパーであれ、ありきたりのデータ入力であれ、「フォーム」はデジタル・プロダクト・デザインにおいて最も気を遣わなければならないものの1つです。 そこで、今回は一般的にフォーム・デザインで何をやり、何をやらざるべきかについてお話したいと思います。あくまで一般的なガイドラインですので、そのようなものとしてご理解頂いた上で、皆さんの参考になれば幸いです。

デザイナーでなくとも、デザインについてのいくつかのルールを知っておくと、日々の生活で何かと役に立つ。今回は、誰もが知っておくべきデザインの基本原則・テクニックを紹介する。 1.デザインの基本原則を覚えよう 1-1.「1/3ルール」を覚えよう レイアウトや写真の構成を考えるときには、黄金比*1よりも「1/3の法則」が便利だ。上の図のように、全体を9等分割したとき、各線の交点（図の丸点）に主張したいモノを配置するようにする。これだけで、不思議とスッキリとしたデザインになる。技の1つとして覚えておこう。 1-2.端をそろえて線をつくろう 写真や文などの「要素の端」をきちんとそろえると、きれいに整理されて見える。これはデザインにおいてとくに重要な基本ルールだ。全てをそろえる必要はないが、縦にいくつか要素を並べる場合は常に意識しよう。 1-3.視線の流れを意識したデザインにしよう 情報がたくさん詰め

エンジニアが自分一人でアプリ開発などをしているとかなり困るのが画像素材の作成。（もっというとデザイン全般ですが。。。） その中でもアプリアイコンを作る際に個人ではどうしているかを晒してみようと思います。 アイコンを作る手順 ざっくり手順を言うと以下２つです。 Inkscapeで元アイコン作成 makeappiconで全サイズのアイコン画像作成 Inkscape アイコン作成といえばIllustratorやPhotoshopを使うのが一般的かと思うのですが、非デザイナーにとってこれらのソフトはまだまだ高価で簡単に手を出せるものではありません。 そこでこのInkscapeです。 公式サイトはこちら。 Inkscapeはオープンソースの無料のベクター画像編集ソフトです。（ものすごく簡単に言うとIllustatorと同じことができる無料のソフトです） 無料ですが、基本的なアイコン作りには困らない機

知り合いのデザイナーさんから「iOS&Androidアプリをデザインする時に何か知っておくべき事ってありますか？」と質問を受けたので、思い浮かんだ事をずらっと書いてみました。他にも何かありましたらコメントお願いします！ツッコミも歓迎(´ﾛ｀) #iOS ##モバイルアプリデザインの原則とiOS 量が少し多いが、公式のiOSヒューマンインターフェイス ガイドラインは必読。(※ダウンロードに時間かかるので注意) iOSだけに限らず、モバイルアプリのデザインをするにあたって重要な事がまとまっている。 ###載っていること ヒューマンインターフェイスの原則 アプリケーション設計戦略 iOSテクノロジーの使用に関するガイドライン 標準で用意されている各UI要素(タブやツールバー等)の使い方 ##マルチスクリーン対応 どのような違いがあるのかを把握する 画面密度(ppi)や画面サイズなど 参考：iPh

なぜ、レスポンシブに労力を費やすのか? 私達は全てのデバイスにおいて、スクリーンのサイズや縦横の方向といったユーザーの環境に左右されずに、ウェブサイトが利用しやすくなることを目指しています。 断片化された世界 2013年現在、数千種類のデバイスとスクリーンサイズがインターネットにアクセスしています。それら全てに対して、それぞれレイアウトを設計するのはもはや不可能です。そんなことより、デザインにより流動的なアプローチを取り入れるべきでしょう。 モバイルファースト 最近になって「モバイルファースト」という言葉がそこらじゅうで聞かれるようになりました。その言葉は、モバイル向けのスタイルから始めて、必要とされる時に大きなスクリーンに最適化したスタイルを適用するということを意味します。言い換えると、作成したモバイル向けのスタイルがデフォルトになり、それ以降に書き換える必要はないということです。それは

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。アメーバゲーム部門でデザイナーをしております吉田直由と申します。 リリース直後からの1年2ヶ月の間、ガールフレンド（仮）でUIデザインの運用を担当しておりました。 運用のフェーズになると大きく問題になってくるのが「業務の効率化」ではないかと思います。便利ツールの導入や、難しい技術の取得などもありますが、、、使い慣れない技術は逆に効率を下げる結果になってしまうのでは？　と、なかなか一筋縄ではいかない問題です。 ガールフレンド（仮）デザインチームの場合、1年目～3年目の若いメンバーが多く、さらにメンバーの数も10人という大所帯でした。 どう

「画面」のデザインは、エンドユーザーから見た「プロダクト」との唯一の接点。超大事。 そんな画面のデザインにまつわる、エンジニアが「いじる」ときに気をつけると、もしかしたら面倒が減って争いが減ってみんなが幸せになれるんじゃないかなあ、とか、そもそもの設計上で考慮できると、もしかしたら使う人たちが幸せになれるんじゃないかなあ、というポイントを、思い付きで書いていくので、あとは誰か整理してほしい的な投げやり感あふれるアレコレ。デザインとコーディングの話を混ぜて書いてます。 空白の理由を考える編 その1. 空白にまつわる認識の相違 例えば、Tumblrのダッシュボード。右肩のメニューの隅までちゃんとレイアウトされてるなーって感じがします。 でも、もしあなたが「空白を理解しないエンジニア」だった場合、こんな感じにコーディングしてしまうかもしれません。 （※画像はイメージです） 「なーんか、素人感があ

Visual Basicの父とも言われるAlan Cooperが立ち上げたCooperに所属するGolden Krishnaが数日前に書いたブログ記事が面白いので、ざっと抄訳してみた。 "The best interface is no interface"と題されたこの記事の中で、彼は「最良のインターフェイスとはインターフェイスを持たないことだ」と主張する。 インターフェイス前提の社会 AppleのLisaは、DOSのようなCUI（キャラクターユーザーインターフェイス）から、GUIの世界にデザインを一変させた。そして、Palm Pilotから現在に至る情報機器はマウスさえ必要なく、タッチで操作できる世界を実現させた。この流れが現在のデザインの問題をすべて解決することになった。 では、良い自動車を作るにはどうするだろう？ そうだ、インターフェイスをそこに載せよう*1。 良い冷蔵庫を作るには