UXについて理解が深まる！ユーザーエクスペリエンス概念図まとめ【全26枚】
photo credit: eskimoblood via photopin cc こんにちは、@h0saです。 世に出ているUXについての理解を助ける概念図をまとめました。 UX（ユーザー体験）という概念は目に見えない分、それを説明するための図やビジュアルで説明した資料が世の中に数多く存在しています。 この記事では、主に有名どころをピックアップしつつ、全26枚の画像を短い説明を加えて紹介していきます。 更新履歴 2014/12/29： ・Alan Cooper氏のUX概念図（Form/Content/Behavior）を追加 2015/08/16： ・リンク切れの修正とそれに伴う記事の再構成 2016/05/06： ・リンク切れの修正 ・UX Maturity Model を追加 ・記事末尾に参考資料のスライドを追加 2017/1/8： ・Alan Cooper氏のUX概念図を削除（ソー
[iOS] Conference With Developers 2に参加してきました #confwd | DevelopersIO
Conference With Developers 2 - peatix.com iOSアプリ開発者向けのカンファレンスイベント「Conference With Developers 2」に参加してきたので、発表内容をまとめてみました。 iOSエンジニアとGitHubとキャリア 発表：浅野慧さん Twitter:@ninjinkun Blog:ninjinkun's diary GitHub:https://github.com/ninjinkun/ 発表資料：GitHub活動を通して個人のキャリアを積みつつ仕事の成果を出す方法 GitHubを使ったオープンソース活動についての、浅野さん自身の事例を交えた発表でした。 OSS活動は、自分自身の勉強になるし、使ってもらえる喜びがあるとよく聞きます。社内で評価されたり、GitHubのリポジトリが履歴書の代わりなったりと、２次的なメリットもある
![[iOS] Conference With Developers 2に参加してきました #confwd | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/b3323f16a41baa5010c4386d0f831ba8c2bd749c/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F09%2Fios1.png)
Yahoo! JAPAN Creative Blog — 株好きたちが作ったYahoo!ファイナンスアプリの新しいUI
こんにちは、Yahoo!ファイナンス担当デザイナーの平岡です。 Yahoo!ファイナンスAndroidアプリを先日リリース致しました。 アプリのインタラクション設計とビジュアルデザイン制作を担当しました。 今回はアプリがリリースに至るまでのUI決定プロセスと、デザイナー視点での確認ポイントについてお話をしたいと思います。 ■UIの地図アプリコンセプトは、“新たな投資銘柄に出会える”です。 新たな投資銘柄に出会えるための機能とコンテンツを盛り込みました。 書き起こしたサイトマップのページ数は、130ページ程。 まずはじめに、主要なページの画面レイアウトと機能アイデアを盛り込んだUI仕様書を作りました。 UI仕様書をもとに、技術メンバー、企画メンバーと一緒にUI方針を決めていきます。 ＜確認ポイント＞ ・アプリ全体のUI振る舞いは統一されているか ・ユーザーが気づかない機能を盛り込んでいないか
『アラサーアラフォーにとって居心地のよいデザインとは？』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 みなさま、こんにちは！ 2013年に新卒入社したハヤサカと申します。 現在、大人のブカツbk2というSNSサービスのデザインを担当しています。 今回は担当しているサービスの中で、Amebaユーザーの30代～40代を意識しながら作っているUIデザインについて、スマホアプリを中心にご紹介させていただきたいと思います。 大人のブカツbk2とは大人のブカツbk2は、"趣味でつながる"25歳以上限定のコミュニティサービスです。 「スマホ写真部」や「大人のラーメン部」、「なんか友達少ない部」など個性豊かな4000以上のブカツから自分にぴったりのブカツを見つけて、
優れたユーザーインタフェース（UI）を実現するチェックリスト36項目
【img via tabletop assistant by MattHurst】 優れたユーザーインタフェースとは何か。どのようなデザインを「優れたユーザーインタフェース」と呼ぶのに相応しいのだろうか。 GoodUIというサイトに優れたユーザーインタフェースを実現するために確認しておきたい36項目をイラスト付きで解説していた。とても分かりやすく納得できる内容が多かったので、紹介しておく！ 1.マルチカラムではなく、シングルカラム 複数カラムだとユーザーの目線が左右に逸れてしまう可能性があるため。 2.まずはギフトを渡してみる 最初から買うことを促すよりもまずはこちらから何かを与えることによってユーザーに喜ばれる。 3.似た機能や項目は1つにまとめて表示する 似た機能を分散させる必要はない。 4.ユーザーからの反応を載せる 実際に使っている「ユーザーの声」を参考に買い物をする人は少なくない
分かりやすく、使いやすいデザインを生み出す工夫 先生：池田 拓司
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/344/room ーーーーーーーーーーーーーーーーーーーーーーーRead less
スマホで遊びにくいゲーム 島国大和のド畜生
・2023年03月 (1) ・2023年02月 (1) ・2023年01月 (2) ・2022年12月 (1) ・2022年11月 (3) ・2022年10月 (1) ・2022年09月 (1) ・2022年08月 (1) ・2022年07月 (1) ・2022年05月 (2) ・2022年04月 (1) ・2022年03月 (1) ・2022年02月 (1) ・2022年01月 (1) ・2021年10月 (1) ・2021年08月 (1) ・2021年07月 (2) ・2021年05月 (1) ・2021年04月 (1) ・2021年03月 (1) ・2021年02月 (1) ・2021年01月 (1) ・2020年12月 (1) ・2020年11月 (1) ・2020年10月 (1) ・2020年09月 (1) ・2020年08月 (2) ・2020年06月 (2) ・2020年04
UI変更バトルに勝利するための方法考えた - yashiganiの英傑になるまで死ねない日記
UI変更批判バトルと複数のバージョンのウェブサービスを同時に配信することについて - hitode909の日記 を読んで，同じようなこと前から考えていて昨日ひょんなことからブレイクスルーがあったので共有します． ウェブサービス，UI変えると，改悪とか，元に戻してとか，そういう意見が出る． ウェブサービスだけじゃなくてアプリでも同じような問題抱えていて，アプリの場合はストアの評価システムみたいなのがあって，そこにこういう意見が書かれまくる． アプリの場合はウェブサービスと違って，ユーザの選択でアップデートしないとかもできるので，余計に状況が悪くて「こんなことならアプデしなけりゃよかった」とかも平気で言われる． 実際iOS 7が出たときに担当しているアプリで同じようなこと経験したことがあって，iOS 7のあたらしくなったiPhoneにいつも使っているアプリが完全に対応したら最高のユーザ体験だろ
インバウンドマーケティングとは？ インバウンドマーケティングをはじめよう - Hivelocity (ハイベロシティ) デジタルでビジネスを最適化
インバウンドマーケティングは、新マーケティング時代のビジネスソリューションです。 理由のひとつは、低コストでビジネスのプロモーションやマーケティングに大きな効果があることです。これはアウトバンドマーケティングと比較されることがよくあります。 例えば、アウトバンドマーケティングの場合は顧客開発のためにより多くのお金を投入しなくてはなりません。 しかし、インバウンドマーケティングの基本は、ウェブ上で行うフリーリソースのマネージメントとコンテンツ作成、およびウェブに訪れてくれたユーザーの管理にあります。これらが良質なトラフィックと良質なビジターを集めることに繋がります。 ハイベロシティはインバウンドマーケティングを提唱しているHubSpotとともに、インバウンドマーケティングソリューションを提供しています。 インターネットには多くフリーソースが存在しています。例えば、googleの検索エンジンの
ゲーム開発の参考にしたいiOSアプリ·Wizard War MOONGIFT
Wizard WarはiPhone用のオープンソース・ソフトウェア（MIT License）です。 iOSアプリのゲームを作ってみたいと思ったら書籍を読み始める手もありますが、既存のアプリから学べることもたくさんあるはずです。今回はオープンソースで公開されているゲームWizard Warを紹介します。 メイン画面です。クエスト、呪文一覧、マルチプレイヤーの順番になっています。 こちらはクエスト画面。クリアするごとに一つ下のステージがアンロックされます。 対戦画面。左側が自分です。 5つのエレメントをうまくつなぎ合わせることで魔法が発動します。 勝利！ 負け… 呪文一覧です。 このようにつなぎ合わせることで魔法が発動します。 さらにネットごしに対戦もできます。 Wizard Warではイラストはちょっと寂しい感じですが、技術的な観点では面白いのではないかと思います。タッチによる各エレメントを
UXを考える上での大きな間違い「UX=UI」ではない。UXは、まずUIデザインから考える。｜U-NOTE【ユーノート】- ビジネスマンのためのノウハウまとめを無料で
どんなに素晴らしいUXをユーザーに提供しようとしても、UIがUXのためのデザインになっていないと、ユーザーは体験することができない。それは非常に残念なことであるので、今回はUXを正しく考慮したUIをデザインする方法をまとめました。 UXとUIの境界 アプリケーションを作るためには、UX（体験）と、それを提供するためのUI（表現）と、UIやサービスを実現するためのSoftware（実現）それぞれの価値の最大化を図ることが大切になる。 UXとはユーザー体験のことで語られる言葉は体験になる。UIはユーザーインターフェイスのことで、語られる言葉はインタラクションであり、ビジュアルでありアーキテクチャ。よくある勘違いだが、UX=UIではない。ユーザーがUIを通して体験することがUX。UIで語られる言葉がどんなに素晴らしくても、それがすなわちUXを実現しているとは言えない。 デザインには理由が必要にな
転職市場でも希少人材。超優秀なUI/UXデザイナーになるために学ぶべき4つのこと - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -
by Gustavo da Cunha Pimenta アプリ、Web開発など様々な分野で活躍するUIデザイナー スマートフォンやインターネットの進歩とともに様々なデザインのスマートフォンアプリやWebサイトを見かけるようになった。 それらのデザインは企業やサービスのイメージを決める重要な要素であり、各企業ともに、特にIT企業のおいて注力されている分野である。 最近では、Appleが「フラットデザイン」というシンプルで魅力的なデザインを採用したことが話題となった。 デザインの中でも「UI」という言葉がある、この言葉は英語の「User Interface（ユーザーインターフェース）」の頭文字をとったもので、利用者（ユーザー）がコンピュータをはじめとするデジタル機器と情報のやりとりをするための仕組みを指している。 コンピュータなどの操作感の意味でも使われる。これを設計するデザイナーをUIデザイ
![転職市場でも希少人材。超優秀なUI/UXデザイナーになるために学ぶべき4つのこと - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -](https://cdn-ak-scissors.b.st-hatena.com/image/square/a68eeaff0db424a8e912c9a395273d77c803798e/height=288;version=1;width=512/https%3A%2F%2Fimgs.u-note.me%2Fnote%2Fcaption%2F47486046.jpg)
米国市場の高校サイトでは、今、何が起きているのか？
ブログサービス「マーケター通信」をご利用の皆さまへ 平素はITmedia マーケティングをご愛読いただき、誠にありがとうございます。 当サイトではこれまで、関連ブログサービスとして「マーケター通信」を長年にわたり運営してまいりましたが、全体的な利用の減少を鑑み、2020年9月30日にサービスを終了させることになりました。 このような結果になり残念ですが、何卒ご理解いただけますと幸いです。これまでご利用いただきましたことに対し、あらためてお礼申し上げます。 尚、ITmedia マーケティングは従来通り更新を続けますので、引き続きよろしくお願いいたします。 サービス終了までのスケジュール、および、これまで登録していただいたブログ記事の取り扱いにつきましては、以下の記載をご確認ください。 スケジュール 2020年9月25日（金）
こんなUI/UXはイヤだ
業務中にメモっていた、イヤなUI/UXのメモを公開。（スマホ中心） こう見てみると、多少はチェックリスト的に使えるかも知れないです。各事例の画像が貼られていないのはご勘弁を。 思ってたのと違う。。△ 入力フォームなのにその場で入力できない 見た目は入力フォームなのに、タップするとモーダルで入力画面が立ち上がってしまうと違和感がある。そのままその画面で入力できるようにするか、どうしても別画面を立ち上げる必要があれば、入力フォームをボタンに変えた方が自然なUIになる。 △ 押せそうなのに押せない 立体感があったり囲まれていたりしてボタンのように見えるUIなのに、実際には押すことができないとストレス。遷移先の画面が存在しないのであれば、ボタンに見えるような紛らわしいデザインにしない。 △戻るボタンなのに1つ前に戻らない アプリ内ブラウザで外部サイトを立ち上げる際、画面の上部（ナビゲーションバー）
ビビッドな色使いが目を引く、フラットなUIデザインのアプリまとめ | Goodpatch Blog
Feedly: Your Google Reader, Youtube, Google News, RSS News Reader 14（無料） カテゴリ: ニュース, エンターテインメント 販売元: DevHD – DevHD Inc Website RSSフィードリーダーのFeedly。メインカラーとして鮮やかな黄緑を使っており、カテゴリー部分では色を多用しています。慣れればどのカテゴリーかぱっとわかりそうで良いですね。 Infomatic Website Infomaticは自分のTwitterやFacebookの使用状況を統計で確認できるアプリ。残念ながら日本のアップルストアではダウンロード出来ませんが、青をベースとした配色が綺麗ですね。 Figure
【厳選】日本の全iOSプログラマに捧ぐ！iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 | DX.univ
iOSアプリ開発担当の菅原です。 iPhoneやiPadのア[...]【厳選】日本の全iOSプログラマに捧ぐ！iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 by Yu Sugawara in Design · Mobile — 2013/07/18 iOSアプリ開発担当の菅原です。 iPhoneやiPadのアプリ開発はすべて一人で販売するところまで持っていけるのが魅力の1つです。 アプリ開発作業を大きく分類しますと プログラム デザイン 販売 にわかれます。販売に関してはAppStoreがあるので、心配はありません。残りのプログラムとデザインですが、なかなか両方を得意にするというのが難しいと思います。僕はプログラムは出来るのですがデザインがからっきしダメです。 今日はそういったデザインが苦手なプログラマ向けに参考になるデザインリンク集をご紹介いたします。個人のアプリ開
Approach to Innovation
「当事者じゃない人」ばかりが批判している。 ネットを見ていると、当事者じゃない人ばかりが批判している。そして、その多くは正しいことを言っているように見えて、当事者の気持ちを代弁していない。 たとえば、昨日のキングコング西野さんの絵本の無料公開。 外野（本買ってない人）「お金を出して絵本を買ってくれた人に失礼だ！」 当事者（本持ってる人）「もっと多くの人に見てもらいたいから嬉しい！」「どこでも作品を見返せるようになって嬉しい！」 とか、 外野「作品が売れなくなる！クリエイター潰しだ！」 クリエイター「このやり方は参考になる！」 とか、ちゃんと反応を見てみると食い違ってるわけです。 批判する人たちも、勝手な正義感（というか自己顕示欲だと思いますが）で当事者の気持ちを代弁した結果、本人の意見が逆だったら恥ずかしいでしょ。「あ、違いました？笑」ってなっちゃいますよ。 なので、「まずは当事者からのコ
UXの効果が数字でわかる！5つのUX KPI : DeNA Creator(クリエイター) Blog
プログラミング教育や社員の健康をサポートする「CHO室」の取り組みなど、DeNAのCSRに関する情報を発信するブログ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
Goodpatch Blog グッドパッチブログ