調査目標からユーザビリティテストシナリオを作成する、7つのステップ
順位付けには、スプレッドシートとポイントシステムが役に立つ。つまり、名前をつけた課題を、ユーザーの懸念および組織への利益とコストを考慮して、重要度の最も高いものから最も低いものの順に並べ替えればよい。 組織とユーザー両方への重要度によって、課題に順位を付けよう。ステークホルダーや課題が多い場合は、（たとえば、丸ラベルやコインなど）票の代わりになるものによる投票や、アンケートプラットフォームのランキングシステムの利用を検討してみよう。 このステップの目標は以下である： 重要な事柄をすべて捉える。 課題のリストに迅速に優先順位を付ける。 合意を形成する。 得点の付け方にこだわる必要はない。重要な課題をスプレッドシートにリストアップして、1つの列にユーザーにとっての重要度を、別の列に組織にとっての重要度を入力しよう。もし、課題の数が多ければ、最も重要度の高い10～15個の課題のみを表に入れて、順
Webユーザビリティを改善するための5つのポイントと方法
先日の記事[競合サイト調査・分析に必要なチェック項目と役立つツール達！]でユーザビリティの調査・分析方法を軽く紹介しましたが、今回はWebユーザビリティを改善するための5つのポイントと方法を紹介したいと思います。 まずユーザビリティとは何なのかについて軽く触れておきます。先日の記事でも紹介しましたが、それは【使い勝手】のことです。WEBユーザビリティの改善とはすなわち、WEBサイトの使い勝手を良くするということになります。ではその使い勝手とは何なのか。それは単純に【使いやすさの程度をあらわした言葉】のことです。使い勝手が良いということは、使った人から見てその【何か】は使いやすかったということになります。そして今回のこの記事は【どうしたらユーザーに使いやすいと感じてもらえるのか】について紹介しています。 この【WEBユーザビリティを改善するための5つのポイントと方法】は下記の項目で紹介するヤ
粗悪なUIは不機嫌な受付係に似ている
あなたが初めてあるオフィスに入ったとしましょう。最初に目に入ったものは、椅子に深く座って生意気そうにガムを噛む、不機嫌そうな受付係でした。あなたはフロントデスクに向かうことを少し躊躇します。受付係はあなたを見て舌打ちし、無愛想に眉を上げます。このような受付係をどう思いますか？ では次に、新しいオフィスソフトウェアの試験運用を始めるとしましょう。初めてアプリケーションを開き、すぐに使い始めようとします。しかし、乱雑なボタンと複雑なナビゲーションが表示され、どうすればいいのかわからなくなってしまいました。試験運用を続けることはできるでしょうか？ 現実社会において不機嫌な受付係は、不愉快な体験です。デジタル世界において、不機嫌な受付は粗悪なUI（UI）と言えるでしょう。どちらも不愉快で予想外なものです。そして残念なことに、どちらも悪い印象がつきまとい続けます。 最初の不快感の影響があまりにもひど
デザイナーに丸投げしちゃいがちなUIというもの - ぼくはまちちゃん！(Hatena)
こんにちはこんにちは！！ 今日はちょっとUIについて思うことのお話をしたいと思います。 ぼくは以前、ゲーム業界にいたんだけど、そこでは、 いわゆるグラフィックデザインを専門にしている人に 「この画面のUIおねがいね」と丸投げする光景をよく見ました。 だけど、見た目が綺麗なデザインを仕上げるのと 使い勝手を考慮したユーザーインターフェイスを設計するのとでは、 考え方も、必要なスキルもまるで違うものだと思う。 情報や機能を、どのようにユーザーに提供するか。 これは画面上の配置や見た目だけの話だけじゃなくって、 情報の階層化や、いつどのタイミングで見せるかといったことまで考えなきゃならない。 たとえばゲームなら、初めからボタンだらけの画面にするのではなくて、 ゲームの進み具合、ユーザーの習熟度に応じて段階的に機能を見せるとかね。 細かい話なら、ボタンを押した時に反応するのか、 離した時に反応する
パララックス効果で魅せる縦に長いウェブページ | Accessible & Usable
公開日 : 2012年11月26日 (2015年12月14日 更新) カテゴリー : ユーザビリティ / アクセシビリティ 最近、パララックス効果 (parallax scrolling effect) を採り入れた、縦に長いウェブページが注目を集めています。以下の例のように、ページをスクロールしてゆくと、それに呼応して複数の視覚要素が個別に動くことで視差を作り出し、奥行き感や動きを演出する、というものです。 実際の動きを動画キャプチャしてみました。クローズドキャプション (字幕) で補足説明 (動きの解説) も用意してあります。 Anna Safroncik (http://annasafroncik.it) この効果をうまく用いれば、ユーザーの関心を惹きつける (エモーションを刺激する) ことができ、一定時間、ページに滞留してもらえることが期待できます。面白い視覚効果であれば、行きつ戻
ユーザーテストサービスのUIscope | UIscope
ユーザーがどのようにサービスを使っているのか。 利用シーンが最短1日で届く、 ユーザーテストサービス。 いますぐ無料で試してみる UIscope とは？ 「高品質なユーザーテストを 最も安く・早く・簡単に」 ユーザーがサービスを使っている様子を 動画形式でお届けする、 ユーザーテストサービスです。 ユーザーテストとは
UI、UX、IXという用語を少し説明
少しこれからUI（ユーザーインターフェース）とか出てきそうなので自分なりにざっくりと説明しておきます。 【UI】user interface（ユーザーインターフェース） UI（ユーザー インターフェース）は、ユーザー＝利用者と接する表象です。とはいっても、ざっくり言うと画面のことです。業務システムやWebアプリケーション、Webサイトなどを利用するということを前提にしています。劇で例えると、舞台の見えているものです。 【IX】interaction（インタラクション） ここでいうIX（インタラクション）は、利用者と画面の相互のやりとりです。クリックしたらどうなるとか、画面というよりも動きや反応という連続するものをどう構成していくか、ルールを作り秩序を生むかというあたりです。劇でいうと脚本や、舞台上の動き、台本、コンテのようなものです。 【UX】user experience（ユーザー エク
ユーザビリティ至上主義が招くWebデザインの終焉 | tetra*note
仕事で大手企業サイトの構築に携わることが多いんですが。 ところで、最近の企業サイトってどこも判で押したような似通ったデザインばかりだと思いませんか？ これにはちょっと事情があります。 企業サイトはユーザビリティが高くなければならないという風潮 いや、たしかにそうだと思うんです。 ユーザビリティを無視した企業サイトはよろしくないと思います。 ただ、ユーザビリティだけを求めてひたすら突き詰めていくと、その答えはひとつのテンプレートにたどり着きます。 最近の企業サイトの似通ったデザインというのは、このユーザビリティを突き詰めていった結果です。 「ユーザビリティが高くなる」という魔法のテンプレートに当てはめていく、という作業になってしまっているわけですね。 差別化とは完全に逆の方向を向いてます。 結局は硬さと柔らかさのバランスが大事 ユーザビリティにこだわったガチガチのデザインを仮に「硬いデザイン
ユーザビリティを向上させる25のデザインの基本概念 デザイン会社 ビートラックス: ブログ
ビジネスにおけるユーザーインターフェイス(UI) や、ユーザーエクスペリエンス(UX)の重要性が頻繁に語られる事が多い。 Webサイトやアプリから始まり、自動販売機、券売機、車のダッシュボート、テレビ、トイレ、エレベーターのボタン配置に至るまで、”ユーザビリティー”と表現される ”使いやすさ” の大切さが注目を浴びている。 そして、その使い易さを生み出す最初の入り口がインターフェイスである。 インターフェイスとは、ヒトとデバイスとの円滑なコミニュケーションを達成するための媒介役であり、操作性や使い易さを印象づける点ではソフトやデバイスの成功を最も左右する、唯一無二の存在である。 今さら聞けないUI（ユーザーインターフェース) の基本 最終的なインターフェイスの仕事は “ユーザーゴール + ビジネスゴールの達成”であり、どんなに良いプロダクトを作っても正しい方向にユーザーを導き、ビジネスとし
UXデザイナー(User Experience Designer)は本当に必要なのか？ / Maka-Veli .com
※超今更です。今更UXかよと言われそうで恥ずかしいんですが、まだまだUIとUXが混同されがちだなーというのと、じゃあUXって必要なのかよ？というモヤモヤを整理したいなと思い書きました。 UXデザインとは まず前提ですが、UX(User Experience)デザインとは、 ユーザーエクスペリエンス（UXと略記されることが多い）とは、ユーザーがある製品やシステムを使ったときに得られる経験や満足など全体を指す用語である。ウェブ上での商品販売などソフトウェアやビジネスに関連して使われることが多いが、インタラクションデザイン全般に適用される概念である。例えば自動音声応答装置は貧しいユーザーエクスペリエンスをもたらすデザインとしてよく引き合いに出される。VIA:Wikipedia と、あります。 ユーザーエクスペリエンス＝直訳するとユーザーの経験・体験と翻訳されますが、ユーザーが満足するかしな
社内ユーザテスト勉強会のスライドを公開します - Hatena Developer Blog
こんにちは、id:uedayです。 5/22にはてな社内でユーザテストについての勉強会を実施しました。 良いユーザ体験には、ユーザが迷わず快適に操作できるインタフェースが不可欠です。 ユーザビリティを評価する方法としてユーザテストがありますが、はてなブログチームでは、「アジャイル・ユーザビリティ―ユーザエクスペリエンスのためのDIYテスティング―」という本を参考に、社内でユーザテストを行っています。 今回の勉強会は導入編として、ユーザテストのメリットや事例など基礎的なことを解説したスライドを発表しました。 ご興味のある方はご覧ください。 ユーザテスト社内勉強会 View more presentations from ueday_h アジャイル・ユーザビリティ ―ユーザエクスペリエンスのためのDIYテスティング― 作者: 樽本徹也出版社/メーカー: オーム社発売日: 2012/02/23メ
eBay でヒドいデザインの方がコンバージョン率が高かった、という話
先日日本のWEBデザインが2003年で止まっていると話題にという記事で楽天のサイトなどのことが取り上げられていましたが、これを読んで思い出したポッドキャストインタビューがあったので一部抜粋してみます。 このインタビューはスタートアップ向けレクチャーイベント ZURBsoapbox シリーズのひとつ。昨年11月に、「サンフランシスコでの投資とギークな日々の20年間」といったタイトルで 500 Startups 代表のエンジェル投資家デイブ・マクルーア氏が語ったものです。 「チームのメンバーに求める特徴は？」という客席からの質問のデザイナーの部分について、彼はこのように答えていました。 一緒に働くのが辛いデザイナーもいた。自分はなんでも知ってる、みたいなデザイナーと働くのにはほんとに苦労した。デザイナーと口論したいわけじゃないんだ。俺が見たいのは数字とお客さんの利用例。そして何がうまくいってい
写真が語るUXとUIの違い - Nothing ventured, nothing gained.
Windows XPのXPがeXPerienceだったことを覚えている人がどのくらいいるかわからないが、正直、最初にユーザーエクスペリエンスと聞いたときに、どのように日本に定着させようかと悩んだ。略語を開くことなどあまり無いので、製品名などは大して心配はしなかったのだが、確か何かの設定画面かにも、Experienceというタブ名か何かがあり、どのように訳すか頭を痛めたように記憶する。 それから数年、すっかりUX、すなわちユーザーエクスペリエンスという言葉が定着したように思う。それでも、今でもUXとUIを混同する場面に出くわすことがある。 すでに様々なところで説明はされているが、敢えて、ここでもUXとUIの違いを説明しよう。 UX（ユーザーエクスペリエンス）は、製品やサービスに対して、ユーザーがどのように感じ、そして反応するかのことである。実は、UXは2010年にISO 9241-210とい
スマートフォン向けのサイトデザインでとっても大切な5つのポイント
J Taylor Design スマートフォンにおいて、スクリーン上のクリック（つまりタップ）無しに使うことは考えられません。ナビゲーションはユーザーが必要とすることが得られるように、明確な進路を与えるべきです。 ナビゲーションで重要なことは二つ。 まず、ナビゲーションが視覚的にタップ可能に見えるか確認してください。見た目をボタンやリストのようにしたり、矢印などを加えてもよいでしょう。ただし、スマートフォンではtitleのテキストをホバーで表示したり、ホバー時のエフェクトを適用できないので、それ無しでも押すことができるように見えることが大切なポイントです。 もう一つの重要なことは、ラベルです。 「戻る」というラベルがあれば、ユーザーは戻ることを期待します。これは当たり前のようですが、ユーザーにとってラベルが何を意味するか分かることを確認してください。 ラベルを有意義にするポイントは、シンプ
フォームのselect要素内をインスタンス検索出来るようにし、美しいデザインにも変更できるjQueryプラグイン・Chosen
結構便利そうだったのでご紹介。フォームの select要素内に羅列されたoptionから、入力 するだけで結果を表示するインスタンス検索 を可能にするスクリプト・Chosenです。表題 にはjQueryプラグインと書きましたが、この スクリプトにはjQueryプラグインとprototype の2つが用意されています。 optionの量が多くなってしまうことはよくあるので、この手のユーザビリティ向上系スクリプトは多く存在しますが、これはかなり便利ではないかなと思いました。似たようなのもうあるんですかね。 通常のselectボックスでプルダウンさせると検索窓も表示、キーワードを入れるだけでソートしてくれます。いわゆるインスタンス検索が可能になるので大量のoptionが存在してもユーザーの利便性を全く損ないません。 デモ見たほうが早いですね。※追記：日本語だとFirefoxのみ動かないみたい。英
全てのIT・Web関係者に見つめなおして欲しい「Don’t Make Me Think」 - Feel Like A Fallinstar
”Don't Make Me Think” 訳すと、「いちいち私に考えさせるな！ボケ！」といったところでしょうか。 これは、2001年にSteve Krugが出した書籍の名前なのですが、この「ユーザにいちいち考えさせない」ことを忘れているか、いないかがソフトウェア・Webサイトの勝負を分ける最も大きな分岐点の1つです。 人間は日々の生活の中で、いちいち物を操作したり情報を見るたびにあれこれ考えたくなんてありません。 ユーザをつまらない操作やナビゲーションで考えされればさせるほどストレスは増大し、企業への信用は急激に失われます。 今日は、この”Don't Make Me Think”について、 如何にユーザが考えることを嫌うか 「考えさせない」とはどういうことか を、これまで見てきたユーザ検証の結果なども交えて、少しばかり書いてみようと思います。 あらゆる「無駄な」思考が、ユーザを苛立たせ、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
IDEA * IDEA
IDEA * IDEA
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type