(注：2015/11/18、記事およびタイトルを一部修正いたしました。) CNN.com で働いていた2012年6月に、大統領選挙投票日の夜のユーザエクスペリエンス（以後UX）のデザインを任されました。私はそれからの6カ月間を投票日の夜のための仕事に専念しました。しかし、仕事が成功するかしないかは、選挙結果に関係はありませんでした。私が懸念していたのは、情報の見つけやすさやデータの見やすさ、canvasでのオブジェクトの変形、そして一体どのようにしたら、iPhoneでマウスオーバーのフライアウトが動作するのかでした。CNN.com史上初めてWebデザインをレスポンシブにすることにしたのです。さらに史上初めて私が、その デザイン を担当することになったのです。 大きな賭けでした。CNN.comにとって大統領選挙投票日の夜と言えば、スーパーボウル（プロアメリカンフットボールの優勝決定戦）の日曜

この記事はドワンゴ AdventCalendar 2017の17日目の記事です。 dwangoアドベントカレンダー17日目を担当させていただきます @ln-north です。デザイナーとして2016年度新卒として入社し、もうすぐ2年になります。 エンジニアさんで埋められるカレンダーの中、ひっそりとデザイナーも参加させていただきます、どうぞお手柔らかに…。 はじめに ここ何年かのWebフロントエンド界隈の動きは非常に大きくそして速く、デザイナーから見ても様々なパラダイムシフトが起こっています。scssやwebpackからHTML5やCSS3まで…本当に大変ですよね。 特に最近はReactやVueなど、 コンポーネント指向 のWebシステム開発が発展を遂げています。Web Componentsなども含め、流れを見てるとおそらくWebはこのコンポーネント指向に向かい、しばらく進んでいくのだろうと

デザイン部署に勤務していた頃、「後輩にも同じ苦労をさせたほうがいいのだろうか？」という話を先輩としたことがあった。色々と実践してみて、今は「まったく同じ苦労はさせなくてもいい」と考えている。 環境が変化しているから会社全体で残業規制が行われ、新人も自分たちも定時にきっちり帰らされていた。セキュリティ上、仕事は持ち帰れないので過度な負荷もかけず、ホワイトな環境になったわけだけれど、逆にルーチンワークと化した日々で成長させられているのかを僕らは疑問に思っていた。 業務にかこつけて「ムチャクチャなデザイン研究をやっては腕を上げる」みたいな時間の使い方を会社でやるのが難しくなった。近年は、時間を計画的に捻出しなければならない。過去にやっていたことをそのまま後輩にやらせようとすると無理が生じるので、別の方法を考えて実践した。 より先に進むためにコツを教える僕は、苦労して学んだコツを初っ端から惜しまず

transit_kixです。 UX MILKの三瓶さんにお声がけしてもらい、先日ux failconというUIデザインやUXデザインに携わっている人々の集まるイベントに登壇してきました。 登壇資料 内容は、サービスデザインにおいて仮説→検証→実行のそれぞれのフェーズで陥りやすいケースについてお話ししました。 ユーザーストーリーを吹き出し形式に これは簡単で比較的効果があるので、初心者で勉強したい人はどうぞお試しあれ。 当日の様子 DMMさんの新オフィス、壁に本物の植物が生えています。 他の登壇者の方の失敗談も面白かったです。 「賃貸住宅「コンセントハウス」のデザイン」(シャープ/電化美術の中田 裕士さん)

長らくWebサービスの受託開発を行ってきてたびたび思わされる「UIを考慮しないで思いつきで付け足されるデザイン」について。 開発当初は、UIを考慮してしっかりと作りこまれたデザインを頂くことが多い。 出来る限りしっかりとそのデザインを実現し、非常にいいサービスが出来たなんて思って保守を行うと、大体がシステム追加が起こる。 まあ、システム追加がサービスを運用していく中で行われるのは、当たり前なのでそれについては何も問題がない。 問題が起こるのはこのシステム追加でデザイナーが不在の場合が多いということ。 費用の面なのか、追加だから適当でよいと思っているのか、大抵のクライアントはシステム追加を行う際にUIの考慮やデザインの再検討せず、いきなり画面仕様をおくってきてこのとおりに実装して欲しいという。 こちらは「デザインはどうしますか？」と質問すると、適当に今のデザインにあわせてくれといわれる。 長

リキッドレイアウトのように幅が常に変動するレイアウトのデザインは、動かないカンプからは実際の挙動が読み取れず、デザイナーの意図が汲み取りきれないことが多い。また、複雑化するアニメーションの実装においても、カンプだけではコミュニケーションに不備が生まれてしまう。ほかにも、CMSを使った案件ではデザインカンプと実際のデータの間に齟齬がある可能性もある。 実装効率を高めてスケジュール通りに仕事を終わらせるには、とにかく事前に仕様を固めることが大事だ。ワイヤーフレームやデザインの途中の段階からなるべくデザイナーとコミュニケーションを重ね、想定外の要件が発生しないように気をつけるべきだろう。 この記事では、デザイナーやフロントエンドエンジニアが見落としがちなWebフロントエンドの課題について列挙していく。 ホバー表現を後から指示される ツッコミ 後から仕様追加されると困るから先に決めて! メモ 最近

■2017年、スマホゲーム業界の抱えた矛盾 ソーシャルゲームインフォの長谷部潤氏によれば、2016年には「これまでとは全く異なる性質を持ったユーザ層が、スマホゲーム市場に台頭し始め」たという[1]。 2015年までは、イノベーター理論でいうイノベーターやアーリーアダプター、アーリーマジョリティがスマートフォンを手に入れて、アプリを遊んでいた。ところが2015年半ばにはスマホの普及率が50％を超え、昨年2016年にはいよいよレイトマジョリティ層がスマホゲームで遊ぶようになったという。2017年にも、この傾向は続くだろうと氏は予想している。 ※画像出典：イノベーター理論とキャズム理論 – マーケティング is.jp レイトマジョリティ層のユーザーは、自分から積極的に情報収集をするわけではない。必ずしもゲームを熱心に遊ぶわけではないし、今までのユーザー層に比べて課金に対しておよび腰な人が多いだろ

【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・

ユーザーエクスペリエンスの質は、かつてないほど重要視されてきており、これからのビジネスの成長のためには避けて通れないものとなっている。これまでの連載では、デザインやDesignitの戦略的デザインプロセスがどのようにビジネスの成長に寄与するのかを見てきたが、本記事では、今日の顧客にとってなぜ経験が重要になってきているのかについて、私たちの過去の事例も交えながら考えたい。 “エクスペリエンスの時代”へと舵が切られたと確信できる「3つの変化」 最近ふとカフェに行って、スタッフがあなたに気づいてくれたときのことを思い出してみてほしい。温かくて、なんとなく地元に帰ってきたような感覚を覚えたのではないだろうか。行きつけの美容室に行って、美容師に「いつも通りでいいですか？」と聞かれたときはどうだろう。あるいは、特別な予定のために服を買いに行き、ショップ店員がマニュアル通りではない、自分なりの視点で熱心

こんにちは、株式会社ビットジャーニーに出向中の出口 (@dex1t) です。ビットジャーニーでは、社内情報共有ツール Kibela*1のサービス設計やプロダクトマネジメントに責任を持ちつつ、エンジニアとして開発全般に携わっています。 今回は、新サービスの立ち上げ時にどのような考えで重要指標*2を設計し、それを実際の開発のなかでどう使っていくかという話をします。 なぜ検証をするのか そもそもなぜ新サービス立ち上げ時に、重要指標や検証といった考えが必要になるのでしょうか。それを考えるにあたって、クックパッド的なサービス開発の流れを改めて整理してみます。 企画と検証は表裏一体 サービス開発といえば、企画・開発・検証をぐるぐる回すというのが一般的だと思います。指標は検証段階で活用する道具です。企画で考えたことを確かめるのが検証段階であり、企画と検証は表裏一体です。 したがって、指標の設計をするにあ

【CEDEC2016】全てはプロデューサーが集中して楽しめるように！　『デレステ』UIの要諦は基本ルールと最小のパーツ　軽量版やウインクの秘話も明らかに Cygamesは、「アイドルマスターシンデレラガールズ スターライトステージ 制作事例・アート編 － 総勢60名のアイドルを最大限魅力的に表現し、ライブに集中する手法（モデリングとUI/UXデザイン）」と題するセッションを8月26日の「CEDEC2016」で開催した。モデリングパートとUI/UXデザインのパートに分かれており、今回はUI/UXデザインパートの模様をレポートする。UI/UXデザインのパートでは、Cygamesデザイナー部UIデザインチームマネージャーの中村ふじ子氏（写真）が登壇した。 『アイドルマスターシンデレラガールズ スターライトステージ（以下、デレステ）』は、「Mobage」で配信されている『アイドルマスターシンデレラ

REFERENCE 原文＝Bruce Sterling, "Design Fiction", INTERACTIONS, VOLUME XVI.3, ACM(Association for Computing Machinery), 2009, pp.21-24 翻訳＝太田知也 初出＝村尾雄太＋川崎和也編『SPEC 01』、POI、2015年 ［2016.04.30］公開 ［2016.05.03］訳註を一部変更 ［2019.06.02］訳文を一部変更 NOTES 原文はインタラクションデザインと計算機科学のマガジン『インタラクションズ』の少特集「制約条件の重要性（The Importance of Constraints）」におけるカバーストーリーとして掲載された。なお原文のタイトルは"Design Fiction"であるが、内容を踏まえてタイトルをこのように訳出した。また、〔〕内は訳者の

見た目は地味な「GitHub」だが、強さの秘密はデザインにあり 米GitHub Head of Design、Mark Otto氏 サンフランシスコに拠点を置く米GitHubは、もしかしたら「世界一地味なユニコーン（推定企業評価額が10億ドルを超えるスタートアップ）」かもしれない。同社の「GitHub」はプログラムのソースコードを管理するクラウドサービス。ひたすらアルファベットが並ぶ画面に、派手さは一切無い。 しかしGitHubは、企業向けソフトウエア業界でも有数の「デザインを重視する企業」だ。その証拠の一つがデザイナーの多さ。同社が雇用する「社員デザイナー」は25人。全社員が562人（2016年4月現在）なので、社員に占める割合は約5％となる。ITベンダーにおけるデザイナーの比率は1～2％以下とみられるので、これはかなり多い。 GitHubのデザイナーが取り組んでいるのは、プログラマの「

This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.

ホームページを運営し、改善施策を実行していくなかで、ホームページ内のデザインの微修正や画像の追加が必要になる場面が多々あるのではないでしょうか。 外部や社内のデザイナーに依頼する際は、仕様書を作成して、修正内容を確認して、修正されたら成果物をチェックして、必要があれば再度修正依頼をして…と、ちょっとした修正でも思った以上に工数がかかってしまう場合があります。 そんな時、ちょっとした修正や画像作成であれば自分でできるようになっておくと、上記のような工数を一気に短縮することができます。 今回は、ノンデザイナーでもある程度のレベルのデザインを作成するために役立つ知識やサービスをご紹介します。 1. 【非デザイナー必見！】知っておくべきデザインの基礎法則６つ https://ferret-plus.com/641 デザインは感性によるものが大きいというイメージがあるかもしれませんが、デザインにはい

全ての事柄のデジタル化が進む中で、Webやインターネットの重要性が年々高まっている事は間違いないだろう。それに伴い、関連する業種や職業に対する需要が高まるのは必然と考えられる。 例えばWebやアプリを製作する為のデザイナーやエンジニアは、紙媒体や組み込み型ソフトウェア向けのそれに比べても必要性が格段に高いとされ、キャリアアップをする場合は新しい技術の習得が求められる。 その一方で、以前に「アメリカでWeb制作会社が存在出来ない5つの理由」で説明させて頂いたとおり、実はこちらサンフランシスコ、シリコンバレー地域では、”Web制作” をメインのビジネスとしている会社はかなり少ない。 むしろ、数年前からビジネスのコアを変換させなければ生き残れない時代に入って来たと言っても間違いないだろう。 絶滅するフリーランスWebデザイナーという職業それでは、フリーランスのWebデザイナーはどうだろうか？We

求められる結果に対して最良のプロセスを導きだすのがデザイン、及びデザイナーの仕事。では、数字として結果に繋がらないデザインに価値は無いのであろうか? どんなに見た目が良いデザインでも売り上げに繋がらなければ優れたデザインとは見なされないのか? 逆にどんなに美しく無くても、クリック数やコンバージョンの高いページや広告は素晴らしいのであろうか？ このような議論はデザイナーの間では普遍的にかわされている。 場合によっては「見た目のクオリティーを犠牲にしても良いのでとりあえず問い合わせ数のアップするページをデザインして下さい」等の依頼がクライアントから来るケースも少なくは無い。 クライアントの目的を果たしたいと思うと同時に、素晴らしいデザインを世の中に生み出したいと感じているデザイナーの立場からすると常につきまとうジレンマである。 そもそも優れたデザインを施す必要性がどこにあるかを考えた時に、端的