8月26日（日）に一旦最後となる UX KYOTO #06 に参加してきました。 今回は、ペーパープロトタイピングです。 ポイントを徳見の感想を交えて紹介します。 ペーパープロトタイプと ペーパープロトタイピング ペーパープロトタイプとは、仕様書段階で作成される手書きなどのラフなプロトタイプ。 ペーパープロトタイピングとは、ペーパープロトタイプを使ったユーザ評価のことを言います。 ペーパープロトタイピングの種類 スケッチ（観察） ◯ ワイヤーフレーム（ストーリーボード） ◯ モックアップ プロトタイプ（評価） ◯ 思考発話法 ◯ オズの魔法使い ◯ ストーリーボーディング 思考発話法はユーザビリティ問題点の発見に向いていますが、ストーリーボーディングは画面単体ではなくユーザのやりたいコトをビジュアル化できるので、UXのデザインに向いています。 また、シナリオとタスクとシー
Tweet 『デザイン思考と経営戦略』の中で、奥出直人さんは、「メンタルモデルの構築以外に次世代の商品やサービスを作る方法はないといってもよいくらいだ」と書いています。 奥出さんは、アンケート調査やFGIなどの「ユーザーの意見を聞く」形の消費者調査を行ないつつも、最終的にはアイデアマンが生み出す斬新なコンセプトに頼る従来の一般的な商品開発の方法を打開するものとして、民族誌的手法を挙げます。民族誌調査（エスノグラフィー）を行なうのは「メンタルモデルをエンジニアやデザイナーが作るため」だとした上で、先のようにメンタルモデルの構築を次世代の商品／サービス開発の方法とする考えを提起しているのです。 ではそもそも21世紀システムに向けてのデザインとは何か？ それはいま社会で起こっている「やっかいな問題」を解決する方法である。そのために分析ではなく民族誌調査を行なう。仕様を決めて外注するのではなく、プ
公開日 : 2012年9月2日 (2020年8月30日 更新) カテゴリー : ユーザビリティ 「The Mobile Frontier : A Guide For Designing Mobile Experiences (by Rachel Hinman)」を読みました。 モバイル機器 (スマートフォンやタブレット) の登場によって、従来のデスクトップ (PC) とは異なる新しいユーザーエクスペリエンス (UX) がもたらされようとしています。その状況を「フロンティア (未開拓地帯)」と見立てて、今後どうデザインしてゆけばよいか考えてゆこう...という本です。 この記事では、本書の中で興味深かった内容を、いくつかご紹介したいと思います。 UI のパラダイムシフト 従来のデスクトップ (PC) に加えモバイル (スマートフォンやタブレット) でのコンピューティングが「当たり前」になるにつ
Tweet ますます多様な表現が可能になったインタラクティブなシステムや製品をデザインする上で、実際の利用シーンで生じるはずの、ユーザーとモノとのインタラクションにともない刻々と変化していくユーザーのメンタルモデルを適切に把握する技術やそれを用いるスキルの取得の重要度は増してきています。 人は未知の状況において行動を起こす際、必ず「こうしたらこうなるはずだ」という予測を立てた上で自身の行動を選択します。簡単にいうと、この「こうしたらこうなるはず」というイメージがメンタルモデルです。未知のモノを使う際にも「このボタンを押すとこうなるのでは？」といったように何らかの操作方法に関するメンタルモデルをイメージした上で操作してみるわけです。 このとき、メンタルモデルと実装モデルが一致していれば、ユーザーは自分の思ったとおりの結果を得ることができます。しかし、反対にメンタルモデルと実装モデルにギャップ
UIデザインの参考に！斬新で美しいUIをもったiPhoneアプリまとめ という記事では、紹介しているアプリのことごとくに、「ボタンが無くてシンプル」「直感的で使いやすい」などと書いてあるが、ClearのUIみたいなのを「誰でも直感的に操作できる」などと評価する理由がさっぱり理解できない。 こういうUIは基本的にどれも玄人向けで、操作がジェスチャの塊になってしまっているものは、それが使いこなせる俺カッケー感が高くて自己顕示欲を満たしやすい。"そのように操作できるUIデザイン"が気持ちいいのではなく、"そのように操作している自分"が気持ちいいの間違いなんじゃないだろうか。 ボタンが一切なくてシンプルだと気持ちがいいUIになるだって？ そんなわけがあるはずない。現実世界はボタンが一切なくてシンプルなUIで溢れているし、そのおかげで毎日いろんな場面でいらいらさせられている。たかが1個のレバーを上げ
｢聞く｣からはじめる 顧客体験マネジメントCREATIVE SURVEYは、顧客を深く理解し 顧客体験【CX】を改善する クラウドアンケートシステムです FOR CUSTOMER SUPPORT & CUSTOMER SUCCESS あらゆる顧客接点で 顧客体験(CX)を把握し 解約率・LTVを改善継続的なサービス利用を促進し、解約を防ぐためには すべての顧客体験(CX)をしっかり把握し、 リアルタイムに改善を行うことが重要になります。 あらゆるタッチポイントでWebアンケートを実施することで それまでは聞こえてこなかった顧客の「声」を取得します。
In the past few weeks we have received several e-mails from different users in which they were asking us if we could share a few tips regarding icon development. This tutorial is our reply to those users and a small contribution to all of you out there interested in icon development. In this tutorial we're going to show you how we made the Calendar Icon from our most popular icon set “Coquette”. B
はじめに 先週11/08(木)は、東京：有楽町は株式会社ぐるなびで開催された「Enterprise User eXperience Design - ユーザー中心設計の実践 -」に参加してきました。参加理由は、単に「UX」というキーワードに釣られただけ、という安直なものだったんですけどねｗ。 以下、記録したメモも掲載していますが、あまりの情報量でメモ仕切れなかった部分が多いので、メモはあまりアテにしないで下さい。オレ個人としては感想をメインに書いていきます。 OPトーク 始めての人 →1/3 くらい DevLOVE ってなんですか？→@jun116代役(無茶振り)で説明 開発を楽しむ、開発を推進する DevLOVE2012宣伝 UXがテーマ UX初めて聞いた→0人 結構調べてる方→ちょいちょい 現場でUXデザインやってる人5人 DevLoveでUXは2ー3回目 →やろうと思ったら知見が足り
3月17日（土）、 SwapSkills doubbble vol.03 「ゲームニクス／ゲーミフィケーション」に参加してきました。 いつもゲームニクス系のイベントを逃してきたのですが、キーマン4人が一気に出揃うチャンス！ 概要 会場には多くの人がつめかけていて、どうやらWeb制作関係者が多い様子。レベル感としては「ゲームニクス、ゲーミフィケーションについてもこれまで触れたことがない」人が多かった様子ですし、イベントも入門者むけの構成でした。 当日の流れは、サイトウアキヒロさん、井上明人さんがそれぞれゲームニクス、ゲーミフィケーションの概略を解説。 そのあとに久保田さん、櫻井さんから「Webでやると何がいいの？」「実際やってみた事例」が紹介されました。 これまでのゲームニクスとのかかわり ゲームニクスについては以前大変感銘をうけ、はたしてどうゲームニクスを反映したサービスデザインをするのか
2012年10日6日は、神戸ITフェスティバルの講演に続いて CSS Nite in KOBE でも登壇しました。神戸での記念すべき第一回目ということで、技術話がほとんどない働き方をテーマにした話題が中心でした。私のセッションは、終わりなき Web の旅と題して、予測不能でトレンドも目まぐるしく変わる Web の世界で変わらないもの、目標にできるものを紹介しました。 再考 Progressive Enhancement 今頃「Progressive Enhancement」なんて言葉を使うなんて古いと考える方もいるかもしれません。不幸にも日本語で最適な表現がなく、カタカナ表記でプログレッシブ エンハンスメントとしてもピンと来ないのが、言葉のもつ意味が浸透しないひとつの要因ではないかと考えています。例えば、昨年からよく耳にするようになったレスポンシブ Web デザインにしても、Progres
9/1(木)のz14授業の報告です。 今回は夏休みの成果を元に、画面遷移図を作成しました。 各シーンを作ったときに大体の全体像を考えていたので、そのイメージに沿って作業しました。 模造紙を使って、UXフローをサイトストラクチャ化していきます。 各シーンの遷移図を大まかに紙に下書きしてから模造紙に書き込んでいきます。 ポストイットに書かず直接書き込んだために修正が困難に。 シーンに沿いながら遷移図の説明をし、他チームからアドバイスを貰います。 「親は受け取った写真を二次利用する」のシーンでは、二次利用に関して「自宅プリント」「メールで送信」「ダウンロード」を考えていましたが、「業者に頼んでプリント」があると便利だとアドバイスを貰い、追加することになりました。 ▼1班の画面遷移図 赤いラインで繋がっている画面は、閲覧できる情報の範囲が「園長(管理者)」「保育士」「園児の親」によって異なります。
話題のホワイトボード型ノート「NU＼Board」を使ってみました。ホワイトボードの利点をノートに取り入れるという、誰でも考えそうで、でも無かったプロダクト。Amazonで人気だったので購入、１ヶ月ほど使ってみました。 一人での思考整理や、簡単なメモを取るのに便利 一人のときの思考整理に、キーワードを書きだしたり、絵を描いたりすることに役立ちました。普通のノートだと、書いた記録が残っていくために、どうしても「整えて書かなければいけない」という意識が働いてしまうのですが、ホワイトボードは消えることが前提なので、障壁がなくペンがスラスラと進みます。残しておきたいときはiPhoneで写真を撮ればいいので、簡単なメモやアイデアスケッチをするときには、最適なツールだと思いました。面は８枚あるので、いろんな種類に使い分けることができます。 少人数でブレストするときに本領発揮 僕はチームを率いたアプリ開発
公開日 : 2011年7月3日 (2011年11月2日 更新) カテゴリー : 情報設計 (IA) インタラクションの操作子や重要なアイキャッチャー (たとえばナビゲーションメニュー、ボタン、見出しなど) に使われる言葉をラベルといいます。適切なラベル付け (ラベリング) は、情報アーキテクチャ (Information Architecture : IA) の基本のひとつです。 不適切なラベリング (言葉遣い) はユーザー行動を阻害し、目的達成を困難に (最悪の場合、不可能に) します。今回は、ユーザーをミスリードしそうな (誤った方向に導いてしまいそうな) 例として、実際に多くの人が目にしている、Adobe のソフトウェア更新を題材に考えてみたいと思います (この例は、2011年7月1日の時点のものです)。ダイアログボックスを例に採り上げていますが、Web サイトにおけるラベリングを
公開日 : 2010年10月20日 (2011年11月2日 更新) カテゴリー : ユーザビリティ ユーザビリティに配慮したサイトを作るためには、具体的に、何を気をつけたらいいですか？という質問を受けることがあります。表面的にユーザーインターフェースをチューニングすれば済む話ではなく、実際には、サイト開発の上流工程も含めて、色々と気をつけなければならないことがあります。 今回は、サイト構築のプロセスを見渡して、どういう点に気をつければよいかを、ごく大雑把にではありますが、まとめてみました。個々の箇条書きの内容については、追って、詳しく解説できる機会を設けたいと思います。 サイトのターゲットユーザーおよびサイトのゴールの明確化 当サイトのコラム記事「ターゲットユーザー像をつくる」をご参照ください。 ペルソナ（具体的なターゲットユーザー像、例えば年齢、性別、職業、趣味や嗜好、インターネット歴、
TOP > 「Webサイト改善は図を描きなさい！」 〜 SiteCatalyst達人から教わった分析フレームワーク こんにちは。マーケティング担当の伊藤大地です。 先日、米AdobeでWeb解析ツール「SiteCatalyst」のプロダクトマネージャープログラムマネージャー（初出時、役職を誤って表記しておりました。お詫びし、訂正いたします）を務めていらっしゃる清水誠さんが、一時帰国された折に弊社に遊びに来てくださいました。たっぷり2時間、最新Webマーケティング事情やWeb解析についてお話を伺いした中から、WebのKPI測定・改善サイクルとそのノウハウについて、エッセンスをお伝えしたいと思います。 清水さんが提唱されているWeb改善のフレームワーク「コンセプトダイアグラム」という手法は、主に3つのプロセスから成り立っています。 ユーザー視点でサイトを図解し、コンセプトを明確にする サイトの
こんにちは、livedoor Blog 担当の飯田です。 ちょうど新機能のワイヤーフレームを描いている最中だったので、今回は正解があるようで無いディレクターのメイン業務の一つ、ワイヤーフレームについて自分なりにどう考えて作っているかを簡単にまとめてみました。 特にワイヤーフレームをこれから初めて作ってみるという人の参考になればと。 ワイヤーフレームって？ ウェブサイトを構成する要素・動作をまとめた資料になります。構成書・モック・スケルトン・青写真と呼び方は人それぞれです。 ということで、実際以下の感じでワイヤーフレームを作っていきます。 とりあえず紙に描く 頭の中で考えていることをとにかく裏紙などを利用して紙に描いてみます。ワイヤーフレームと聞いてデジタルなイメージがありますが、こうした構想やアイデアベースの状態のときは、たくさん手を頭を動かして思いを出し切った方が整理がしやすくなります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
