UX・UI・IAやアクセシビリティの「専門知識」が増えるまとめ - コムテブログ
TL;DR コーディングやシステムは分かるけど、最終的に使いやすい設計やクライアントさんが納得するようなデザインにならない。納品後に使いにくい箇所があると言われる。そうなる前に「何となく進めない」ようにサイト制作やサービス・アプリを作成する前の段階で知っておきたい知識。UX・UI・IA の違いが漠然としているときに。 IA（情報アーキテクチャ） １．基礎知識 情報アーキテクチャとは Web サイト全体の設計図、情報を分かりやすく伝えること。主にＩＡ（インフォメーションアーキテクト）が担当します。国内ではディレクターが担当する会社も多いと思います。情報アーキテクチャはサイトを見た目の印象だけでなく、目に見えないサイト構造をデザインすることで、わかりやすいサイトにする技術。 [スライド] 社内の IA（情報アーキテクチャ）研修の講師をしてみた。：そのフォローアップ | future-proof
「思いやりから始まるIA」：理解と共感のための情報アーキテクチャ | GREE Creators Blog
みなさま、はじめまして。 UXチームのSatoruです。 僕は、インフォメーションアーキテクト（以下、IA）として、「情報アーキテクチャ」という切り口からUXデザインプロジェクトに関わっています。 「情報アーキテクチャ」というと、「サイトストラクチャを作る」とか「ワイヤーフレームを作る」、「情報設計」など、ビジュアルデザインやUIデザインに関わる一連の設計タスクのイメージを持たれがちですが、それ以外にいろいろな部分で実践、活用が可能なスキルセットです。 今回は、UXデザインプロセスにおける情報アーキテクチャについてご紹介します。 情報アーキテクチャとは、「『情報をわかりやすく伝え』、『受け手が情報を探しやすくする』」ための表現技術で、「複雑なものを明解にする」ということに関わる一連のスキルセットです。 そのスキルセットを使いながら、「データの持っているパターンを整理し、複雑なものを明快にす
UX（ユーザーエクスペリエンス）を大切にすることは、インターネットの未来を守ること【ゲスト寄稿】 - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
この記事を寄稿をしてくれたのは株式会社ネコメシのインフォメーションアーキテクトの山本郁也氏。山本氏はよく編者にユーザーエクスペリエンスや情報環境に関しての考えを聞かせてくれ、それは編者にとって大きな気付きの機会となっている。そんな彼に、UXを重視すべき理由と、インターネットの未来に与える影響について寄稿していただいた。 山本氏は起業家による事業創造プラットフォーム「Beenos」でDesign Fellowも務めており、Beenosのサイトに掲載された「創業者がUX（ユーザーエクスペリエンス）の全責任を背負うべき」というインタビュー記事も必読。 Some rights reserved by IntelFreePress みなさんにとってインターネットとは何ですか？ 少し思い浮かべてみてください。 近年、「UXデザイン」や「インバウンドマーケティング」といった言葉をよく耳にします。なぜ今、
ノンデザイナーこそ押さえておきたい! UI/UXが学べる神スライド7選 | Find Job ! Startup
競合に負けないWebサービスをつくるため、UI（User Interface）、UX（UserExperience、ユーザー体験）にこだわるのは、もはや常識。良いUI/UXはチーム全員で考えることが、良いサービスをつくる秘訣です。 エンジニアやWebディレクターも学んで損はしません。もちろん、本職デザイナーの方々にも役立つ7つのスライド厳選まとめです！ 目次 基礎知識 １．UXのためのUIデザイン ２．UX is not UI ３．ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス：前編 応用編（Webサイト） ４．ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス：後編 ５．コンテンツで改善する UI デザインの極意 応用編（スマホアプリ） ６．UI＆UX / 重要なのは、毎日さわって嬉しいUI UX! 応用編（タブレットアプリ） ７．ニコニコ超デザイン-
保存アイコン＝フロッピーディスクの時代は終わった…？ | Goodpatch Blog
まずはアイコン素材配布サイトから。 今は無料で使えるアイコン素材配布サイトが多いので、ここからダウンロードしてデザインする時に使う人も多いのではないでしょうか。まずはそのアイコン素材配布サイトで”save”と検索した結果を見てきます。 iconmonstr http://iconmonstr.com/ 以前にもMEMOPATCHで紹介した事のあるサイトです。ここはフロッピーディスクもありますがクラウドっぽいアイコンや下向き矢印のアイコンもありますね。 softicons http://www.softicons.com/ こちらはほとんどフロッピーディスクのアイコンです。しかも立体的なアイコンが多いです。 iconfinder http://www.iconfinder.com/ こちらもフロッピーディスクのアイコンが多いですが、下矢印やチェックマークもあります。 次に有名なサービスやアプ
コンテンツで改善する UI デザインの極意
デザインは小さなテキストから始まります。コンテンツを膨大に抱える大規模なサイトでも、ユーザーにコンテンツ作成を委ねる小さなアプリケーションでも小さなテキストが行動の変化に繋がる場合があります。 コンテンツがある状態でデザインするのと、何もないままスタートするのでは大きな差が生まれます。 UI デザインの話になると、ビジュアルやインタラクションが話題の中心になりがちですが、コンテンツも UI です。なぜコンテンツが UI デザインにおいて重要なのかを解説すると共に、今セッションでは小さなテキストの工夫からはじまるデザインについて、幾つかのケーススタディーをみながら傾向と対策を紹介します。Read less
ASSIOMA(アショーマ) » オラクルの考える カスタマー・エクスペリエンスとは?
今日は日本オラクル社主催の「調査データから読み解く、カスタマー・エクスペリエンスを活かす企業コミュニケーション勉強会」に招待されたので参加した。 カスタマー・エクスペリエンス(顧客経験価値)とは “品質”や”機能”といった商品・サービスそのものの価値ではなく、購入したり使用する過程の”経験”から得られる価値。商品の付加的魅力として差別化要因になる。 「物を売るのでは無く、経験や価値を売る」とはここ数年マーケティングの世界で耳にする機会が増えてきた。スターバックス等の成功例を題材にセミナーが開催されていることも良くある。しかし、オラクル社の独自調査によれば「実践」している企業となると、少ないようだ。 93%の経営幹部がカスタマー･エクスペリエンスの満足度向上が今後二年間の最優先課題の一つであると認識し、97%が他社との差別化にかかせないものだと考えているにも関わらず、80%の企業がカスタマー
UI/UX設計の教科書、About Face 3輪講の資料を公開します - ninjinkun's diary
一昨年に社内で行ったAbout Face 3輪講の資料を公開します。実は今までずっと公開されていたのですが、存在を知られていなかったので、改めて周知します。 About Face 3はUI/UX設計の教科書で、ユーザーストーリーやペルソナなど、基本的な内容が押さえられています。ディレクター、デザイナー、エンジニア、サポート等、プロダクト制作に関わる全員の共通知識として使える内容だと思います。 About Face 3輪講概要 1. ゴールダイレクテッドデザイン 2. 実装モデルと脳内モデル 3. 初心者、上級者、中級者 5. ユーザーのモデリング : ペルソナとゴール 6. デザインの基礎 : シナリオと要求 8. 優れたデザインの総合 : 原則とパターン 10. オーケストレーションとフロー 11. 間接的な操作を取り除く 12. 良き振る舞いのデザイン 13. メタファ、イディオム、ア
10代のユーザビリティ： ティーン向けWebサイトのデザイン
ティーンは、自分のウェブを扱う能力に（過剰に）自信を持っているが、彼らのパフォーマンスは大人に劣る。読解レベルの低さや、忍耐力のなさ、発展途上の情報収集スキルにより、ティーンのタスク成功率は低くなる。そのため、サイトはシンプルで共感しやすいものにする必要がある。 Teenage Usability: Designing Teen-Targeted Websites by Jakob Nielsen on February 4, 2013 日本語版2013年2月18日公開 ティーンはインターネットにつながっている。テクノロジーがティーンエイジャーの生活に深く溶け込んでいるため、彼らに役立つ、ユーザブルなウェブサイトを作り出すことがこれまで以上に重要になってきている。次善のものがクリックするだけで手に入り、SMSメッセージによる割り込みが例外ではなく普通のことである世界で成功するには、ウェブサ
「誰のためのデザイン？」よりも「何のためのデザイン？」 - UXploration
'Without meaning in our lives, life would be pretty meaningless.' - Darius Pocha 生きるための意味が失われていくと、生きていることそのものに意味がなくなってしまう。それは（ユーザ）エクスペリエンス・デザインにおいても同じことが言えると思います。 優れたユーザエクスペリエンスを実現するために HCD（人間中心設計）への理解を示す企業が増えてきている一方で、手段の目的化という危機に直面してしまっている事態から早急に回避すべきであると考えます。ユーザエクスペリエンス・デザインに携わっている人のバイブルとして親しまれている「誰のためのデザイン？」は我々に顧客中心主義という新たな視点をもたらしてくれました。結果として HCD（人間中心設）が社会的に普及するきっかけにもなりました。ただ、「誰のためのデザイン？（Who）」以
メタファーが思い浮かばないものは陳腐化した概念なのかもしれない - Nothing ventured, nothing gained.
「文書保存のあのマークは何なの？」の時代へ。思考が停止してしまったUIデザイン (神田 敏晶) - 個人 - Yahoo!ニュース 保存アイコンがフロッピーディスクをメタファーとしていることに違和感を抱く人は多い。いや、違和感ではなく、そもそもこのアイコンが何に由来するか、まったくわからないという人も増えてきているはずだ。 スマートフォンで電話をかけるときにタッチするアイコンもアナログ電話の受話器マークだったりする。 「活気的な新たなメタファーを伝える時には、古いメタファーを再定義し、アナロジーを駆使」しなければならないと神田さんは言う*1。 神田さんの記事だけでなく、ネット上でたまに出る話題だ。 では、代わりにどのようなアイコンが良いのか。いろいろとアイデアはあるようだ。また、フロッピーディスクを知らなくとも、すでに多くのソフトウェアで使われており、市民権を得ているから変更する必要はない
社内のIA（情報アーキテクチャ）研修の講師をしてみた。：そのフォローアップ | future-proof.jp
ちょっと前になりますが、自分が現在所属している会社の研修の一環で「情報アーキテクチャ」をテーマにした講座の講師を拝命して研修を行いました。 対象はおもに若手社員、というターゲットが設定されていて、講座は全3回となぜかきまっていました。 正直、3回もネタが持つかなー、と思ったり聴いてくれる人も中だるみ感がないようにしたいな、と思っていろいろ考えました。 考えた結果、講座は ・過去 ・現在 ・未来 の3軸に分けることにしました。 なぜ、そうしたかというと若手をターゲットにしていたので、若手に「Web業界でなぜIAが必要とされるようになってきたか」、を知ってほしいと思ったからでした。 それを知ることで、僕らが相手にしているクライアントさんがどういう課題意識を持って、僕らにご相談いただいているのか、プロジェクトを進める過程でどういう悩みを持って僕らと対峙しているのか、という部分を少しでもわか
ユーザーを魅了するUIはまぐれでは生まれない
UIとUXの意味と価値をもう一度考えよう。大ヒットアプリ、LINEのプロダクトデザイン担当者が、制作現場での具体的な開発手法を語った勉強会をレポートする 2012年11月7日、六本木ヒルズにあるアカデミーヒルズ49階で「第4回テックヒルズ UI、UXの衝撃 ～ユーザーを魅了するプロダクトの裏側～」が開催された。UIとUXの根本的で分かりやすい解説がなされ、大人気アプリ「LINE」ヒットの裏に隠された緻密なUI／UXへのアプローチ方法や、実際の開発現場のノウハウが学べる勉強会だった。Webサイトやアプリに限らず、ユーザーにとって魅力的なプロダクトを作るための知識が披露された。 UXを意識したUI設計を UX Tokyo（UX関連の実践家ネットワーク）所属で、ミクシィの酒井洋平氏は、自身の朝の通勤風景を撮影した動画をスクリーンに流した後、UIとUXの定義を次のように語った。 「UXとはユーザー
1分でわかるUIとUXをわかりやすく説明する写真とお話 | インタラクションとデザイン
ユーザインタフェース 使いやすいように、 わかりやすい画面に、 間違えにくいように、 美しい情報デザイン、 丁寧な説明。 すばらしいユーザインタフェースができた。 ユーザエクスペリエンス しかし、そのATMは少し時間がかかった。 結果的にお客さんは並ぶことが多くなった（気分を害す、イライラ）。 「お金を引き出す、預ける」という銀行の体験は悪くなってしまった。 解説（UIからUXが重要と言われようになった理由） この場合、良いユーザインタフェースを設計できたとしても、並んでしまうことを問題として扱わなくなる。ユーザインタフェースの設計としては、最高のATMを提供することはできるだろう。しかしユーザエクスペリエンスからみると、最高の預金・引出体験にはらない。つまり、最高のUIを提供しても、ユーザの問題を解決したことにならない。だから「ユーザの体験という視点からUIを設計していこうよ！」という流
UXという考え方を知る上で重要な3つの要素とは？ / Maka-Veli .com
本当は書くの嫌なんですが、あえて突っ込んでみました。 こういうのは個人的考えを出し合って理解を深め合った方がより良いと思ったためです。 前回は、UXデザインという切り口で書きましたが、ふわっとした印象のUXについて、個人的に重要としている点を挙げていきます。UXの根本的なところは色んな所で書かれてますので、UXとはなんぞや？というようなモノは省きます。 まず前提として、UXは「体験や感情」という人の本質部分の背景的な考察、 更に「不変的な事実」、そしてフロントの「UIへの適用」が重要ファクターだと考えています。 これらを掘り下げて説明する能力も無いわけですが、我々が慣れ親しんだ部分で言うと、 わかりやすいところ以下の3つがあるかと。 1. 今までの体験 「今までの体験」という点をデザインに取組む、これは「デザイン」の原点的なモノだと考えています。 以前にも書いたんですが、デ
UX デザインにおける心理学の系譜 | OVERKAST ROUGHKUT
上の図は、UX デザインに関連する00年代の時代背景をまとめたものである。この10年間を思い出しながら、インターネット技術の潮流、共有された思考のモード、デザインに関するキーワードをざっと並べてみた。 00年代初頭、Web サイトというメディアが成熟期に向かう過程で、インフォメーション・アーキテクチャ（IA）という分野の価値が高まっていく。IA/UX という表記の通り、この時代の UX デザインの捉えられ方は、IA の概念と表裏の関係にあった。つまり、正しい情報設計のためにユーザー中心の思想で設計を行う、といった意味合いで使われることが多かった。 00年代後半にさしかかると、今度は利用者自らがコンテンツを生成するという、ユーザー体験の変化が起きる。またモバイル端末の環境が整い、数多くの Web サービスやアプリケーションが作られた。 こうした流れは、ユーザーインターフェース（UI）の単純化
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
in the looop | Looops communications
さいごに
「使ってもらえるアプリの考え方」スマホデザイン会議 2012 忘年会スライド
Stop Designing for “Users” | ThoughtWorks Studios