UXの本質について
※本コラムは、長谷川のブログ「underconcept」からの転載です。 ユーザー体験（ユーザーエクスペリエンス／User Experience: UX）という言葉が広く聞かれるようになってきた。半ばバズワードのように、特にウェブデザインやマーケティングの記事などの中では、この言葉を見ない日はない。しかしながら、多くの場合、UXという言葉の真意や可能性を取り違えてしまっている。本稿では、いくつかの観点からUXの本質を考えてみる。 1.UI/UXという誤用 1.1. UIとUX まず、多くの記事や講演などで見られる「UI/UX」という表現からとりあげてみたい。 UI/UXとは、もちろん、User Interface / User Experience（ユーザーインターフェイス／ユーザーエクスペリエンス）の省略形であるが、多くの記事などで「すぐれたUI/UXデザイン事例」、「UI/UX講座」な
UI/UXデザイナーなら一度は目を通しておきたい「デザイン原則」まとめ【随時更新】
世に出ている「デザイン原則」と呼ばれるものたちをまとめてみました。 ユーザビリティ関連からモバイルUX、サービスデザインにいたるまで、広い範囲のデザイン原則を網羅したつもりです。ただし、チェックリスト的にまとめたため、内容の詳細は記述していません。 出典や内容を紹介している外部リンクを張っておきましたので、詳細を確認したい方はそちらをご参照いただければと思います。 なお、この記事は有用なデザイン原則を見つけ次第、随時更新していきます。 更新履歴 2018/10/01： 「アクセシビリティの4原則」「Material Designの原則」「Android TV デザイン原則」「インクルーシブデザインの原則」を追加 2016/12/28： 「Microsoft デザイン原則」を「Windows UX デザイン原則」にアップデート 「Apple Watch デザイン原則」を追加 2015/10/
【驚愕！】エレベーターのUIデザイン！これは4進法のエレベーターだ！ : KNN KandaNewsNetwork 4knn.tv
このエレベータのボタンを見た瞬間、これを作った会社が恐ろしい…と感じた。 単なる作業しかしていない。 設計した人は、はじめて使う人のことなど、何も考えずに図面を引いたのだろう。 製作した人も、図面どおりに造ることしか考えていない。 そして、この文字盤の装置をつけられた会社も、文句を言わないという鈍感さ。 はじめてきた人は、このエレベータのボタンを探す度に、どれだけストレスを感じるのだろうか？ このようなプロダクトが、世の中に存在してしまう怖さに黙っていられない…。 そう、誰かが指摘しない限り、このような醜悪なデザインは、はびこりつづけるのだ。 いまだに、フロッピーの形をしている「保存ボタン」など メタファーの意味を履き違えている。 AドライブもBドライブもなく、Cドライブから始まる、ディスクデザイン。 いつまで、フロッピーディスクドライブ時代のデザインを踏襲しているのだろうか？そして、いつ
ソシオメディア | あるとよい機能はない方がよい
UXデザインのコンサルティングではよく品質優先度マッピングというものを行います。これは開発プロジェクトの上流工程において、実装を検討している機能をリストアップし、そのひとつひとつについて想定する利用者の割合や利用頻度の観点からグルーピングし、実装の優先度を決める作業です。 これを行う目的は、UIをできるだけシンプルに保つことにあります。ユーザーが求める機能をすべて盛り込むと、当然UIは複雑になり、誰にとっても使いにくいものになります。また蓋然性のバランスが取れていない要件はプログラムを複雑にし、バグが増える原因になります。 UIデザインにおけるパレートの法則（結果の大部分は全体の一部によって生み出される）は、「ユーザーの80%は全機能の20%しか使わない」というものです。その20%に注力し他の優先度を下げることで、製品の利便性は向上するはずです。 Core, Important, Nice
UIアイコンの最適化 — 認識速度の向上をめざして | architexture.jp アーキテクスチャ — 情報をデザインする可能性の探求
著者：アラ・コルマトヴァ（Alla Kholmatova） 翻訳者：浅野 紀予 インターフェース上のアイコンを、ただの装飾要素ではなく、その価値を高める要素にするのはどんなポイントでしょうか？ 直感的であること、美的価値があること、記憶しやすいこと、それとも文化の違いを超えて知覚できること？ 効果的なアイコンはそれらの特徴をいくつも持ちあわせていますが、私はあるひとつの尺度に注目したいと思います — それは認識速度、つまりそのアイコンをどれくらいの速さで発見し識別できるか、という尺度です。 単純な暇つぶしアプリなら、認識速度の違いは大した問題ではなく、体験全体を揺るがすほどの影響を与えはしないかもしれません。 でも、複雑なトレーディングアプリでは事情が異なるでしょう。その場合、アイコン表現に求められる要件は、一段とスピード優先の傾向を強めます。個々の要素の処理時間が、インターフェース全体
Frog Designのデザイン。「UX/UI Conference Tokyo」に行ってきたよ！
先日、Open Network Labは、株式会社NTTドコモ・ベンチャーズと共催の「UX/UI Conference Tokyo」が開催され、世界的に有名なデザインコンサルティングファームであるFrog DesignのGeneral Manager / Steve Boswell氏、Creative Director / Alvaro Marquez 氏の２名がゲストスピーカーとしてお話してくれました。 カンファレンスの中で、取ったメモと自分の記憶を擦り合わせレポと私の考察を書きました。カンファレンスは英語だったこともあり、私なりに解釈した部分があるのと、完全には網羅できていません。もし誤りがあればご指摘頂ければと思います。 以下、 Frog Designは、世界のトップクラスのデザイナーや戦略プランナー、エンジニアを抱えており、製品やサービス対しデザインによるアプローチでコンサルテーシ
ペーパープロトタイピング入門 – 第1回 どうして紙でプロトを作るのか | fladdict
ペーパープロトタイピング講座シリーズ。第1回は導入編。 第1回はの導入編。ペーパー・プロトタイピングとは何なのか、何故必要なのか。そして導入することで、どんな利点があるのかを説明する。 ペーパー・プロトタイピングって何？ ペーパー・プロトタイピングとは、紙で実際にアプリやサイトを「実装する」ことである。 通常の開発においてコンテンツが使いやすいかどうかは、開発が終盤になるまでわからない。このため「作ってはみたが使いにくい」や「いまさら後戻りできない」という問題が発生する。UIや手触りが重要なモバイル系のアプリにおいて、これは致命的な問題になる。ペーパープロトタイピングはこの問題を低コストで解決する。 紙とペンで動作モックを作成することで、本実装を行う前に、素早く手戻なく検証を行うことができる。これにより、仕様書策定や実装前にPDCAのサイクルを実現できる。作業負荷の高い本実装を行う前に軽く
ユーザビリティ調査結果を行動しやすいものにする： 良質なレポートを書くための5つのヒント
ユーザビリティテストをより価値あるものにするためには、調査結果から今後の課題を明確に特定して、デザインソリューションに向かうチームの動きを手助けする必要がある。 Making Usability Findings Actionable: 5 Tips for Writing Better Reports by Amy Schade on September 14, 2013 日本語版2013年10月21日公開 プロダクトチームはユーザビリティの調査結果の扱い方がわからないと、単にそれを無視するものだ。したがって、ユーザビリティ調査の結果を明確で正確かつ記述的に書き、チームによる課題の特定と、解決に向けた努力を手助けするのはユーザビリティ専門家の責任である。 チームのユーザビリティによるデザイン改善を手助けするための秘訣は、結果を対応策の取りやすいものにすることである。テストをし、結果を分析
米国市場の高校サイトでは、今、何が起きているのか？
ブログサービス「マーケター通信」をご利用の皆さまへ 平素はITmedia マーケティングをご愛読いただき、誠にありがとうございます。 当サイトではこれまで、関連ブログサービスとして「マーケター通信」を長年にわたり運営してまいりましたが、全体的な利用の減少を鑑み、2020年9月30日にサービスを終了させることになりました。 このような結果になり残念ですが、何卒ご理解いただけますと幸いです。これまでご利用いただきましたことに対し、あらためてお礼申し上げます。 尚、ITmedia マーケティングは従来通り更新を続けますので、引き続きよろしくお願いいたします。 サービス終了までのスケジュール、および、これまで登録していただいたブログ記事の取り扱いにつきましては、以下の記載をご確認ください。 スケジュール 2020年9月25日（金）
Themes - iOS - Human Interface Guidelines - Apple Developer
iOS Design Themes As an app designer, you have the opportunity to deliver an extraordinary product that rises to the top of the App Store charts. To do so, you'll need to meet high expectations for quality and functionality. Three primary themes differentiate iOS from other platforms: Clarity. Throughout the system, text is legible at every size, icons are precise and lucid, adornments are subtle
iOS 7 特集 | DevelopersIO
[iOS][iBeacon] iOS 7.1 からアプリを起動していなくても領域観測できるようになったので、さまざまなバックグラウンド処理を試してみた
ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン
さて今回は、ズルいデザインテクニックの集大成ともいえる「ズルいボタン」です。これまでの連載で取り上げた数々のズルいデザインテクニック、「ズルいテキストシャドウ」「ズルいグラデーション」「ズルい角丸」、そして前回解説した「ズルいボックスシャドウ」を用いたズルいボタンの作り方を解説します。 今回のズルいボタンに関しては、以前にズルいデザインテクニックのスライドで紹介したものから大幅に改定を加えて、より汎用性があり、さまざまな場面で使い勝手の良いものに刷新しました。 改良のポイントは次の通りです。 文字サイズの変更、またそれに併せてボタンサイズの変更に対応しています iタグを使ったアイコン用のWebフォントに対応しました。今回はfont-awesomeを使って解説しています フラットデザインの流行に伴うデザイン傾向に合わせ、立体感やグラデーションをより控えめに、かつpaddingを大きめに取った
DIYユーザビリティテスト実践ワークショップ 「テスト設計編」＠静岡 | セミナー・サロン | HCD-Net
20名の参加者が４グループに分かれて、『アジャイル・ユーザビリティ ―ユーザエクスペリエンスのためのDIYテスティング―』の第3章リクルートとテスト設計に沿って、無料アプリ（アマゾン,ユニクロ、食べログ、駅すぱあと）のユーザビリティテストを例にワークショップ形式で実施した。 ユーザ利用シーンの検討、タスクの絞り込み、スタートとゴールの定義を決めてから、情報提示カードの作成、初期化の手順書など作成した。 クリップ、ウエブカメラの組み合わせ、ユーザの操作をPCに記録表示できる簡易書写システムを構築した上で、ほかのグループからモニターをリクルートして、パイロットテストを実施した。 パイロットテストで発見した問題を解決すべく、すぐにテスト設計を見直した。2〜3回のパイロットテストで、タスク実施の可能性を確かめた。 最後に、記録したパイロットテストの動画映像を使って、ユーザビリティテスト観察記録分析
ネイティブアプリのようなWebアプリを作るために
※image via 003 FREE WEB GRAPHICSデバイスの多様化に伴い、拡張性の高いWebアプリの重要性が見直されています。サイバーエージェントのデカグラフを構成するサービスも基本的にはWebベースで作られていますが、これはアプリの改善スピードを上げたり、各サービス間の回遊性を高めるという狙いもあるようです。 ただし、スマートフォンユーザーはネイティブアプリ先行でサービスに触れているため、これまでのWebアプリでは当たり前だったことが、今ではストレスに感じてしまうことも多いです。HTML5の登場やJavascriptのライブラリの充実などにより、最近ではリッチなWebアプリを作る環境が急速に整ってきてはいますが、それでもスマートフォン向けに満足度の高いWebアプリを提供するハードルは非常に高いと言えると思います。 そこで、「もっさり＆カクカク」な印象のあるWebアプリの操作
第4回 UXデザイナーの育て方
前回と前々回は、UX/UIデザインの具体例をご紹介致しました。今回は、自社でUX/UIデザインを行う際に、どのような素養（スキル）の人が適しているのか、また、どのように育てていけばよいのかを考えていきたいと思います。 デザイン×エンジニアリング×ビジネスの「交差点」 まず、どのような素養（スキル）の人がUX/UIデザイナーの適正があるのでしょうか。 私は、デザイン×エンジニアリング×ビジネスの「交差点」に立てる人だと考えています。なぜなら、UXデザインは、デザイナー、エンジニア、ビジネスマン（経営・マーケッター・営業・ユーザー）とコミュニケーションをとり、協力して問題解決していくことが必要なためです。互いの知見をオーバーラップすることで最高のユーザー体験を実現することが可能です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
カスタマージャーニーマップとは？ UX向上を達成する7つの事例と作成方法 | 実践！ プロも使うラピッドUX手法
【ポップインサイト】スタートアップのためのユーザテスト入門（ユーザ行動観察入門）
uiux.ten-shoku.com is Expired or Suspended.
usablog.jp
http://jp.startup-dating.com/2013/05/movidajapan-fumiyayamamoto
