ペーパープロトタイピング入門 – 第0回 | fladdict
先日リリースした、スマホアプリのペーパープロトタイピング用ノート。 商品として販売した以上、お客様のフォローアップは必須。ということで、ペーパープロトタイピング講座をはじめようかと。 全体構成は以下のような感じで、5回ほどにわけて解説していければと思います。 第1回、どうして紙でプロトを作るのか？ 紙で行うプロトタイピングの利点や特徴。ワイヤーフレームとの違いについて。 第2回、ペーパープロトタイピングに使う道具 自分でやってみるのに最低限必要な道具や、あると便利な小物などを紹介。 第3回、ペーパープロトタイピングの仕方 実際に紙をつかって、アプリケーションのプロトタイピングを行ってみる。 第4回、見やすいペーパープロトの描き方 チーム共有やプレゼン用に、見栄えのいいペーパープロトを手早く描く方法。 第5回、ペーパープロトから動作モックアップを作る POPなどのアプリを使って、紙のプロトタ
プロトタイピングの潮流とデザイナーへの提言
Shigeru KobayashiProfessor at Institute of Advanced Media Arts and Sciences [IAMAS]
UX KYOTO #06 参加レポート（ペーパープロトタイピング） | Synergy Marketing LAB BLOG
8月26日（日）に一旦最後となる UX KYOTO #06 に参加してきました。 今回は、ペーパープロトタイピングです。 ポイントを徳見の感想を交えて紹介します。 ペーパープロトタイプと ペーパープロトタイピング ペーパープロトタイプとは、仕様書段階で作成される手書きなどのラフなプロトタイプ。 ペーパープロトタイピングとは、ペーパープロトタイプを使ったユーザ評価のことを言います。 ペーパープロトタイピングの種類 スケッチ（観察） ◯ ワイヤーフレーム（ストーリーボード） ◯ モックアップ プロトタイプ（評価） ◯ 思考発話法 ◯ オズの魔法使い ◯ ストーリーボーディング 思考発話法はユーザビリティ問題点の発見に向いていますが、ストーリーボーディングは画面単体ではなくユーザのやりたいコトをビジュアル化できるので、UXのデザインに向いています。 また、シナリオとタスクとシー
ペーパープロトタイピング事例集 | 秋元@サイボウズラボ・プログラマー・ブログ
実際に動的なウェブサイトを作ってしまう前に、紙上でデザインや部品の配置、画面遷移などを確認するペーパープロトタイピングという設計技法があります。書籍もありますね。 ペーパープロトタイピング 最適なユーザインタフェースを効率よくデザインする そのペーパープロトタイピングの事例を集めたページというのがありました。たとえば次のこれは、2000年5月31日にスケッチされたtwitterのプロトタイプです。当時はstat.usという仮名で、これによるとtwitterはLiveJounal(ブログサービス)とAIM(インスタントメッセンジャー)から最初の着想を得てから実装まで5年以上の間があったことになりますね。 FlickrのPlacesページやVimeoなどのペーパープロトタイプの写真も紹介されています。 こちらは韓国のポータルサイトDaumのAjaxウェブメール開発時に行なわれた、ペーパープロト
TechCrunch | Startup and Technology News
Yellow, an asset financier for solar energy and digital devices in Africa has raised $14 million series B funding in a round led by Convergence Partners with participation from the Energy Entrepreneur Fisker, the electric carmaker founded by the Danish auto designer Henrik Fisker, is gearing up to enter the Chinese market where competition is increasingly cut-throat, following in the footsteps of
触れる・動くによって変わるデザインプロセス
5月26日、青森にて今後のWebサイト制作との向き合い方というイベントが開催されました。今回は これから求められるWebコミュニケーションスキルと題してプロトタイピングの基礎を解説しました。 CSS Nite in TAKAMATSU のとき「静的なカンプは過去の手法」と話しましたが、ではどうしたら良いのかを考えるキッカケとして本セミナーは参考になったかと思います。 「とりあえず見せて」の解釈について 人は誰しもアイデアをもっていると思います。 自分の頭の中ではハッキリしていたとしても、人に伝えることが出来なければアイデアは活かされることはありません。アイデアはどうすれば伝えることが出来るのでしょうか。 「話せば分かる」という言葉がありますが、そう簡単にはいかないのが現実。同業者で同じような知識を持っていたとしても、同じ言葉が違ったふうに解釈される場合があります。 Webサイトデザインのア
ユーザが使いやすいインターフェースをペーパープロトタイピングを通して考える「画面遷移ワークショップ」レポート | Startup Dating [スタートアップ・デイティング]
今年の4月からスタートしている「仲間をみつけるためのイベント」FindPartners。その第二回目を5月26日に開催しました。今回の企画はUIやUXをテーマにしつつ、さらに「画面遷移」にフォーカスした、ワークショップ。会場は前回と同じく、リクルートメディアテクノロジーラボをお借りしました。 ゲストには、以前「ずっと使われるサービスを作るうえで、大切にしている3つのこと」を寄稿してくださった、閑歳孝子さん。そして、gifteeやソーシャルランチなど、スタートアップ関連のウェブサービスの設計にも携わる山本郁也氏にお越しいただきました。 ゲストのお二人とStartup Datingの三橋の3人によるトークセッションと、その後行われたワークショップの様子をレポートします。まずは前半のトークから。 インターフェースの良い例、悪い例 世に無数に存在するサービスには、いいデザインもよくないデザインも双
クックパッドの裏側見せます
Aws summits2014 サイバーエージェント_ユーザーの趣味嗜好に適した広告配信システムdynalystができるまでad_techstudioでの...Boss4434
「Pencil」を使って行う、皆が幸せになれるペーパープロトタイピング - 表参道フォークウヱル別館
先日、TechCrunch にこんな記事が上がっていて、興味深く読みました。 どうやったら開発のコストを少なくできるか？ 答え：コードを書かない開発者は新しいプロダクトを作るのに、まずはコードを書いて簡単なデモレベルのものをつくろうとする。だけど、彼はコードを「書く」前にもやることがあるという。たとえば紙によるモックアップだ。これだけでも十分な役割を果たすことがある。 （中略） 先にペイパーモックアップを作って（ウェブなら画像をブラウザーで見せるだとか）、それをもとにユーザーにヒアリングをして、そからフィードバックを得て実際に製品の開発にはいるんだそうだ。 私たちは「プロトタイプ」「ペーパープロトタイピング（紙でプロトタイプを作り、検証すること）」と呼んでいましたが、Forkwell の開発ではコーディングに入る前の1ヶ月あまり、ひたすらこのペーパープロトタイピングを行っていました。参考に
チーム・ビルディングからはじめるサービスデザイン - Think Social Blog
Tweet 新しくサービスデザインを行なう上でのむずかしさは、デザインプロジェクトに関わる人たちの多様さをどう１つにまとめるか？ということにあると思います。生きてきた背景も異なれば、専門とする領域も、所属する組織やコミュニティも異なる可能性のある多様な人びとをいかにデザイン過程に参加させ、１つの社会的変革を実現させていくか？ そこがサービスデザインを実際に行っていく上で最初に克服すべき課題であると思っています。 その意味でも、サービスデザインのプロセスにおいては、一番はじめのチーム作りがとても重視されます。今回はそのあたりを考えていくことにします。 サービスデザインのためのプロトタイピング・プロセス サービスデザインのためのチーム・ビルディングを考えていく上で参考になる資料があります。英国でソーシャルイノベーションのために活動する慈善団体Nestaと同じく英国のサービスデザイン会社Thin
サービス＆エクスペリエンスデザインを知るためのおすすめ動画 - Think Social Blog
Tweet 最近、このブログではサービス＆エクスペリエンスデザインについての取り上げた記事を書いています。 ただ、日本ではまだあまり馴染みがない分野ではありますので、正直、サービス＆エクスペリエンスデザインって何？という方もいるのではないでしょうか。 そんな方のために、今回はサービス＆エクスペリエンスデザインとは何か？を知るためにおすすめの動画をいくつか紹介してみようと思います。 サービスデザインの考え方 最初に紹介するのは、サービスデザインとは何か？をつかむ上での入門編的な内容になっている、"This is Service Design Thinking"という本の紹介として作成されたヴィデオ。 "user centered"、"co-creative"、"sequencing"、"evidencing"、"holistic"の５つをサービスデザインの指針として挙げ、ユーザーを中心として
SourceKit＋Dropboxで最強の共同プロトタイピング環境を作る方法 - Chrome Life
紙と鉛筆でペーパープロトタイピングを行うのも良いのですが、意外と準備が大変なのと手際よくやるのはそれなりに経験をつまないと難しいのが現実です。 プロトタイピングなのに時間ばかりかけていては本末転倒です。 ユーザーも手っ取り早く、自分達がイメージしやすい形でプロトタイプを見て進めていきたいはずです。 特に、少し動きのあるサイトを提案する場合などは、簡単なプロトタイプをHTMLとJavaScriptでサクっと作った方がユーザーにも伝えやすく、結果的に効率良く進めることができたりします。 そこで、今回紹介する方法は、実際のコードを見せながらユーザーと共同でプロトタイピングする方法です。 もちろん、ここで言うプロトタイピングは、開発者が一方的に設計のためのプロトタイプを作ることではありません。 ユーザーと共同でプロトタイプを作っていくことで、自分達がモヤモヤとイメージしているものがつなぎ合わされ、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
usablog.jp
usablog.jp
ワイヤーフレーム: 開発プロジェクトを始めるためのすぐれた方法
Alencar K. Koga on Twitter: "皆、見習って～！ このチームはヤバすぎる！ ペアプロちゃんとやってる、看板の整理をピカピカに整理してる、doneの付箋紙多い、LFスケッチ、ペーパープロトタイピング、ペルソナ、ストリーマッピング出来てる #agile http://t.co/THM6tnRA"