ペンとふせんで！スマホUIのアイデアプロトタイピング - クックパッド開発者ブログ
検索事業部のデザイナー倉光です。 今回は、開発現場でアイデア発散フェーズにやっていることの一例を紹介したいと思います。UIデザインの手法として比較的知名度は高く、デザイナー以外でも学びたいという要望も多い「ペーパープロトタイピング」についてです。 前提として プロトタイピングにはフェーズと目的に応じて 様々な手法がありますが、今回は「小規模チームでアイデアをぽんぽん出し、伝え合うためのプロトタイピング」の話です。ユーザーに実際に評価してもらうためのプロトタイプの作り方についてはこの記事では割愛させていただきます。 また非デザイナーの方は「いやいや、デザイナーじゃないと画面なんてうまく書けないよ…」と躊躇してしまうかもしれませんが、本記事では社内のディレクター/エンジニア/インターン生が書いた成果物も掲載していますので、そちらも参考になると思います。 目次 目次 1.ペーパープロトタイピング
UI/UXデザインは「プロトタイプがないと話にならない」- 「Adobe XD」を使った"最強のデザイン手法"
アドビ システムズ主催のクリエイター向けイベント「Adobe MAX Japan 2016」が9月2日、開催された。 これは、米サンディエゴで行われている本家イベント「Adobe MAX」を日本のユーザー向けに開催するもの。イベント当日は多種多様なセミナーが行われたが、本稿では「プロトタイプで舵を取れ！Adobe XDを使った最強のUI/UXデザイン手法」と題して行われたセッションの模様をお届けする。 "ハードルは高くスケジュールは短い"Webの現場 同セッションのスピーカーは、ビジネス・アーキテクツのデザイナーの荒木脩人氏。荒木氏が所属するビジネス・アーキテクツは、ウェブサイトの構築を中心に、コンテンツ開発からデータ解析、調査、分析、最適化まで行うデザイン会社。じぶん銀行や森ビル・六本木ヒルズのウェブサイトやauもモバイルサービスアプリなどが代表的な作品だ。 そんな中、2012年に同社に
2人で楽しくサービスやアプリを作る話
YAP(achimon)C::Asia Hachioji 2016mid in Shinagawa Talk 7/3 10:00- スライド資料です 子供のころは、秘密基地作ってる最中が一番楽しかったりしました。小さいサービスやアプリを2人で作るときに、企画・設計・開発を「2人で」楽しく進められるように、いくつかのサービスで行ってきた具体的な事例をベースに、簡単にできる方法を話します。 - アイスブレイク - ものづくりのフローを楽しく - ものづくりのフロー - ブレストの基本 - ホワイトボードの基本的な使い方 - スケジュール調整の基本 - イメージをすり合わせて一緒に形にしていく - リード・ファーストフォロワーを2人で使い分ける - アドホックペルソナと簡易シナリオ - リアルの時間を楽しく過ごす - メッセージやりとり - 開発合宿Read less
デザインは「課題解決の設計」トレタのデザインプロセスに学ぶ、デザイナーの役割とは | SELECK
今回のソリューション：【GitHub、Trello、Sketch、Flinto・他】 〜「デザイナーがプロダクトマネジャー」という意識を大切にする、トレタのデザインプロセスの全貌を公開〜 事業開発において、デザイナーと、デザインそのものが成すべき役割とは何か。それぞれの企業が「デザイン」をどう捉えているかは、そのデザイン・開発プロセスを知ることで明らかになる。 飲食店向け予約・顧客台帳サービス「トレタ」を運営する、株式会社トレタ。同社では、デザイナーをプロダクトマネージャーのような立ち位置に置き、「課題解決の設計」が役割であると定義している。 デザイナーが要件定義の段階から仮説検証、フィードバックに関わることで、プロダクトをより良くすることを目指しているのだ。 デザイナー出身者がプロダクトマネージャーの役割を担うようになっていくのは、ひとつの自然な流れだと話す、同社でCCO（最高クリエイテ
「インプットを伴わない直感の判断は信じない」日経電子版 × Sansan × @fladdict | キャリアハック（CAREER HACK）
日経電子版と名刺管理アプリ「Eight」を提供するSansan社のコラボ勉強会「アプリ開発勉強会」のレポート第2弾。今回はモバイルアプリで重要な「UI/UX開発」がテーマ。会場にはアプリ開発に携わるエンジニアを中心に、WEBデザイナー、情報システム担当者、サービス企画担当者など幅広い層のオーディエンスが集まった。 悩むことは悪じゃない、悩み続けることが悪！ 最初のトークセッションはSansan株式会社プロダクトマネージャー 廣瀬拓郎氏。 スマホアプリのデザインを内製化したのは1年前。当初アサインされた2名のスタッフはUIデザイン経験がほとんどゼロの状態からのスタートだったという。 「デザイン会社が作ってくれた初版のデザインから、UI/UXの細かいブラッシュアップをたくさんしてきたが、まだ全然やりきれてはいません。今日はどのように当社がUIに関する引き出しを増やし、UIを考える訓練をしてきた
デザインスプリントとブルーボトルのプロトタイピング（翻訳）
本記事は、最近日本にも上陸したBlue Bottle Coffeeが行ったデザインスプリントについての翻訳記事である。（オリジナル）。デザインスプリントとは、Googleの投資部門Google Venturesが投資先に行うデザインワークショップ。Googleはオンラインでの売り上げが伸び悩むBLUE BOTTLE COFFEEと彼らのエージェンシーに対し、一週間のデザイン／プロトタイピングワークショップを行い、大きな成果を出した。以下、そのプロセスとなる。 BLUE BOTTLE COFFEE 私たちはブルーボトルコーヒーの新しいサイトデザインを手伝い、売り上げと滞在時間を伸ばしました。 ブルーボトルは美しいカフェと精緻なコーヒーにより、熱狂的なファンを生み出しました。しかし彼らのサイトは、そのブランドを表現しきれず、ウェブによる売り上げは全体利益のたった10%でした。 チャレンジ ブル
デザインスプリントとPocketのプロトタイピング（翻訳）
本記事は、ブックマークサービスPocketが行ったデザインスプリントについての翻訳記事である。（オリジナル）。デザインスプリントとは、Googleの投資部門Google Venturesが投資先に行うデザインワークショップ。 Pocketの新規ユーザーにむけて、よりよいエクスペリエンスをデザインするお手伝いしました。 結果、新規ユーザーが最初のアイテムを保存する率が58%増加し、より高いアクティブ率とアクティブユーザーを生み出しました。 チャレンジ 新規ユーザーがアクティブユーザーになるための手伝いをする。多くの人々がPocketをダウンロードしサインアップするが、チームは彼らがよりアクティブな長期ユーザーになりやすくしたかった。 私たちのしたこと ポケットチームと3週間にわたり3回のデザインスプリントを行いました。彼らのiOSとAndroidアプリのために、新しいGetting Star
グーグル、アイデアからプロトタイプの検証までたった5日で完了する課題解決メソッド「デザインスプリント」を公開 - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
Google Venturesが開設したDesign Sprint専用ウェブサイト グーグルのベンチャー投資ファンド部門「Google Ventures（グーグル・ベンチャーズ）」は、2015年1月30日、専用ウェブサイトを開設し、デザインにまつわる独自の課題解決メソッド「デザインスプリント（The Design Sprint）」を公開しました。 デザインスプリントは、ホームオートメーションの開発に取り組むNest Labsやロボット開発企業Savioke、サンフランシスコ発の人気コーヒーショップBlue Bottle Coffeeなど、様々な業種で実践された成果をもとに、スタートアップ企業に向けた“DIYツール”としてまとめられました。 プロトタイプを短期間でつくりあげてユーザーに示し、フィードバックから学んで、プロトタイプのさらなる改善につなげるというアプローチのもと、着想からプロトタ
Design Sprint デザインスプリントを用いたサービスのプロトタイピングと検証で得られるものとは？ | UXデザイン会社Standardのブログ
2014.11.12 / Report Design Sprint デザインスプリントを用いたサービスのプロトタイピングと検証で得られるものとは？ Kenichi Suzuki Webやアプリの新規サービスを制作する際、チームの予想だけで仮説を構築し、最後までそのアイデアが効果があるものかどうか分からないままローンチをしてしまった、という事はないでしょうか。または、新しい機能のアイデアが閃き、半年以上かけてメジャーアップデートをしたにも関わらず、成果に結びつかなかった、という経験はないでしょうか。 CB Insightsが発表した調査結果によると、スタートアップが手がけるサービス失敗のほぼ半数は、市場のニーズがなかったことに起因するとされています。なぜこのような事が起こっているのでしょうか。それは新規のアイデアをサービスとしてリリースまたはサービスの一部として追加する際に、アイデアの妥当性
デザイナーが理想のメッセンジャーバッグをスケッチから製品化させるまでのプロセス
Tシャツやサイフなどデザイン・販売する「Ugmonk」のデザイナーであるジェフ・シェルドンさんは、常に「作りたい」と思ったものを製品化しています。世界にはありとあらゆるカバンが存在しますが、シェルドンさんは新たにメッセンジャーバッグを作りました。元々はスケッチ案から始まったアイデアから、理想のメッセンジャーバッグとして製品化されるまでの2年間がシェルドンさんのブログに記されています。 Ugmonk » Blog Archive » Messenger Bag Process:From Sketch to Finished Product http://www.ugmonk.com/2014/07/06/messenger-bag-processfrom-sketch-to-finished-product/ ◆コンセプトスケッチ まずはじめに行った作業は、バッグに盛り込みたいさまざまな機能
触れる・動くによって変わるデザインプロセス
5月26日、青森にて今後のWebサイト制作との向き合い方というイベントが開催されました。今回は これから求められるWebコミュニケーションスキルと題してプロトタイピングの基礎を解説しました。 CSS Nite in TAKAMATSU のとき「静的なカンプは過去の手法」と話しましたが、ではどうしたら良いのかを考えるキッカケとして本セミナーは参考になったかと思います。 「とりあえず見せて」の解釈について 人は誰しもアイデアをもっていると思います。 自分の頭の中ではハッキリしていたとしても、人に伝えることが出来なければアイデアは活かされることはありません。アイデアはどうすれば伝えることが出来るのでしょうか。 「話せば分かる」という言葉がありますが、そう簡単にはいかないのが現実。同業者で同じような知識を持っていたとしても、同じ言葉が違ったふうに解釈される場合があります。 Webサイトデザインのア
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインと技術をつなぐ / Connecting Design and Technology
ログイン - はてな