【永久保存版】エンジニア・デザイナー必見！「UI/UX」の基礎が学べるSlideshare30選UI/UXという言葉を聞いて久しいですが、みなさんは基本的な考え方をきちんと理解できているでしょうか？様々なアプリを触り、「このアプリのUI/UXいいよね」と言う人は多くいますが、UI/UXを何となく知っている感じになっていると思います。 そこで今回はUI/UXの基礎が学べる資料をSlideshareから30�個集めました。デザイナーの方は必見です！
Repro（リプロ）｜Webとアプリの売上最大化ソリューション
ツールとヒトの力で Webとアプリの 売上を最大化 Reproは、マーケティングツールと運用支援を ワンストップで提供しお客様の成果創出まで伴走します。
『「AWA」のデザインはどのようにして作られたのか。』
こんにちは。 AWAでアートディレクション／デザイン／ブランディングを担当しているムロハシと申します。 今回はAWAのUIデザイン、インタラクションがどのようにしてつくられたのか、 先日行った「 メディアプロデューサー養成講座」の講義内容をベースに、 簡単ではありますが書いていきたいと思います。 「AWA」とは？ AWAとは、ひとことで言うと 「登録なしですぐに音楽が聴ける定額制の音楽配信アプリ」です。 サービスの特徴として第一にあげられるのは、 ・好きなアーティストを聴くだけでなく「プレイリスト」を軸に、自分の好みにあった音楽が「リコメンド」されること リコメンドを通じて「昔好きだったあの曲」や「まだ知らなかったけど好きな曲」を一人ひとりにパーソナライズしてお届けしています。 そのほかの詳しい説明は プレスリリースをご覧いただければと思います。 インタラクションモックの重要性 AWAの初
エラー (ユーザーのつまずき) をデザインで解決する | Accessible & Usable
公開日 : 2015年6月18日 (2021年2月2日 更新) カテゴリー : ユーザビリティ ウェブサイトの利用シーンでは、様々な局面でエラー (ユーザーのつまずき) が生じています。ユーザビリティテストをしていると、エラーに直面したテスター (ユーザー) はまるで自身に責があるような言動を見せることが多いのですが、実はユーザー側ではなく、デザイン側に問題があるケースが大半と言えます。 この記事では、エラーの種類を理解したうえで、どうデザインによって解決するかを、見渡してみたいと思います。 エラーの種類 D.A.ノーマン氏は、著書「The Design of Everyday Things」(日本語訳は「誰のためのデザイン？)」の中で、エラーには「スリップ (slip)」と「ミステーク (mistake)」の二種類があると述べています。 スリップ (slip) A slip occurs
UX Recipe - User Experience Journey Mapping Tool.
UX Recipe は、世界で最もカジュアルなジャーニーマッピングツールです。自分のアイデアを物語にして残しておくことができます。世界で最もカジュアルな ジャーニーマッピングツール あなたはどんなストーリー体験を作りますか? 次の物語を、気軽にいっしょに。 FEATURES 自分のアイデアを物語にして 残しておくことができます。 誰でも簡単に ストーリーが作れる カードを並べるだけで、自分だけのオリジナルストーリーが作れます。また、豊富なカードがはじめから用意されているので誰でもすぐに美しいストーリーが描けます。 チームで共有し コラボレーションできる 作成したストーリーをチームメンバーやクライアントにすぐに共有できます。画像ファイルをエクスポートできるので、すぐに企画書に貼り付けて使うことができます。 さまざまなストーリーを 見つけられる ゼロから作る必要はありません。さまざまなストーリ
UXを定量的に評価する7つの基準で客観的にサイトを改善していこう | 【レポート】Web担当者Forumミーティング 2015 Spring
オンラインビジネスの成功のためには、ユーザーの意見を客観的に多数取得し、その数値分析から具体的対策を練ることが重要だ。当たり前のことだが、これができているサイトは少ない。 UXはたびたび、Webサイトやサービスの「使い勝手」を指す「ユーザービリティ」と混同されがちだが、UXとは単なる使い勝手ではなく、商品・サービスを含めた体験そのものを表す。 UXの概念を示すものとしては、ピーター・モービル氏が提唱した「UXハニカム構造」が有名だ。しかし、キーワードは英語で言葉の意味がわかりづらく、内容を理解するのは少々難解である。 これを専門家以外にもわかりやすく、ゴメス・コンサルティングで編集したのが「サイト全体構造とUX7つの要素」だ。Webサイトの構造例と、それぞれに対応する7つのUX基準を記している。 1. アクセスのしやすさ「アクセスのしやすさ」とは、Webアクセシビリティやマルチデバイス対応
インタビュー：利便性を徹底的に追求した「AWA」のUI/UXデザイン - MdN Design Interactive
サブスクリプション型音楽配信サービス「AWA」（http://awa.fm/）の提供が開始となった。スタート時点で23社のレーベルが参加しており、邦楽・洋楽あわせて国内最大規模となる数百万曲の楽曲を月額定額制で楽しめるのが特徴だ。スタート当初はiOS/Androidアプリで提供されるが、注目したいのがそのUI/UXデザイン。「スマートフォンで音楽を聞くのに一番適したUI/UXを研究した」と語るAWA株式会社のデザイナー・室橋秀俊氏に、AWAのデザイン面および将来性などについてインタビューを行った。 ●室橋 秀俊氏 AWA株式会社 デザイナー Webのデザイン制作会社や広告代理店を経て、2012年サイバーエージェントに中途入社。「Ameba」のコミュニティをいくつか担当したのち、エイベックス・グループ・ホールディングス株式会社の100％子会社であるエイベックス・デジタル株式会社と株式会社サイ
米HP、業務アプリケーション向けのUXフレームワーク「Grommet」、オープンソースで公開
米ヒューレット・パッカードは、業務アプリケーション向けのJavaScript製UXフレームワーク「Grommet」をオープンソースで公開しました。Grommetは、「コンシューマグレードの機能を備えたエンタープライズ向けのUXフレームワーク」（米HP CTO Martin Flink氏）として開発されたもの。 モバイル対応でカラーパレットやテンプレートなどにより容易にカスタマイズが可能。エンタープライズ向けアプリケーションでよく用いられるカラーパターン、タイポグラフィ、アイコンや、ログイン画面、ダッシュボードなどのパターンが用意されています。
あなたは今も犯している！？モバイルUXの7つの失敗 - ふろしき Blog
ここ最近、モバイルWebコミュニティにて、Apptimize社のトップであるLynn Wang氏がポストした「7 Mobile UX Mistakes You’re Probably Making Right Now」が話題になっています。 www.sitepoint.com その内容とは、彼女自身が、A/Bテストを使い様々なモバイルアプリの改善を行い、その中で得られた知見をまとめたものです。若干、煽り気味なタイトルに見えますが、中身はしっかりしていて、多くの人がなんとなく感じていることをキレイに言語化しています。個人的にも、参考になると感じています。 本人の許可が頂けたので、日本語らしく読めるようざっくりと意訳し共有します。 1. 不必要にサインインをさせようとする 多くの人々は、ユーザのサインインが価値を持つものだと考えています。しかし、時にサインインは、ユーザに苦痛を与えます。たとえ
モバイルナビゲーションを考察する – ハンバーガーメニューに代わるもの | POSTD
「Webサイトやアプリのナビゲーションに ハンバーガーメニュー を使うべきかどうか」というテーマに関して、UI/UXデザイナーの間で交わされる、すばらしい議論や記事を目にする機会があります。 もし、ハンバーガーメニューの始まりや歴史が気になる場合は こちらの記事 をご覧いただくといいでしょう。 しかし、今回はハンバーガーメニューについて語る気はありません。この記事ではハンバーガーメニューの代わりとなり得る他のナビゲーションを模索し、その説明をしたいと考えています。 なぜこの記事でハンバーガーメニューを扱わないのでしょうか？ それは、ハンバーガーメニューは簡単で便利なソリューションであると同時に、以下に列記するような数多くの欠点を併せ持っていると、私が個人的に確信しているからです。 * 効率性の低下（インタラクションが遅くなる） * 視認性の低下（メニューが隠れる） * 不要アイテムの増加
今後のデザインに欠かせないユーザーの瞬間の理解と共有
Apple Watch をはじめとしたウェアラブルを使い始めてから、瞬間の体験についてよく考えるようになりました。しかし、実際のところスマートフォンでも瞬間（ひととき）は存在しています。Google は 4 月に「Micro-Moment」という状態を提示しました。Webサイトやアプリと、きちんと向き合って操作するのではなく、突発的に起こった欲求に対して即座に行動をとる状態を指します。Micro-Moment は以下のような要素で構成されています。 今この瞬間に訪れる欲求（リアルタイム） ある特定の目的がある（意図的） 一番近くにあるデバイスを選ぶ（マルチデバイス） ながら作業のときが多い（マルチタスク） 瞬間に対するニーズに応えるかのように Google は検索結果に「購入」ボタンの実装を検討しています。「あれが欲しい」という瞬時に起きたニーズに対して、すぐに応えるためのアプローチです。
ユーザーの期待に応えるクックパッドのUI/UXーWDF Vol.17 with HTML5 Experts.jp「アクセシビリティとUX」
ユーザーの期待に応えるクックパッドのUI/UXーWDF Vol.17 with HTML5 Experts.jp「アクセシビリティとUX」 仲 裕介（HTML5 Experts.jp副編集長） 3月14日に特定非営利活動法人Web Directors Forum（以下、WDF）とHTML5 Experts.jpの共催企画として、WDF Vol.17 with HTML5 Experts.jp「アクセシビリティとUX」が金沢にて開催されました。この記事では、その勉強会のセッションの模様をレポートします。 ユーザーの期待に応えるクックパッドのUI/UXー元山 和之 イベント最後のセッションは、クックパッドでデザイナーをされている元山和之さんです。今回のセッションでは、クックパッドが実践するユーザーファーストなサービス開発の様子を紹介していただきました。 余談ですが、クックパッドさんのプレゼンテ
UI/UXデザイナーなら一度は目を通しておきたい「デザイン原則」まとめ【随時更新】
世に出ている「デザイン原則」と呼ばれるものたちをまとめてみました。 ユーザビリティ関連からモバイルUX、サービスデザインにいたるまで、広い範囲のデザイン原則を網羅したつもりです。ただし、チェックリスト的にまとめたため、内容の詳細は記述していません。 出典や内容を紹介している外部リンクを張っておきましたので、詳細を確認したい方はそちらをご参照いただければと思います。 なお、この記事は有用なデザイン原則を見つけ次第、随時更新していきます。 更新履歴 2018/10/01： 「アクセシビリティの4原則」「Material Designの原則」「Android TV デザイン原則」「インクルーシブデザインの原則」を追加 2016/12/28： 「Microsoft デザイン原則」を「Windows UX デザイン原則」にアップデート 「Apple Watch デザイン原則」を追加 2015/10/
デザイン変更は抜本的にやるべきか、それとも、少しずつやるべきか
古いものを捨て、新しいものを取り入れる前に、そうすることがユーザーの目標達成のために必要だという確実な証拠があることを確かめよう。 Radical Redesign or Incremental Change? by Hoa Loranger on February 8, 2015 日本語版2015年3月9日公開 ユーザーエクスペリエンスに関わる最大の問題は、メガメニューを利用するのか、あるいは他のタイプのナビゲーションメニューを利用するのかといったような個別のデザイン課題のことではない。求められているのは、もっと視野を広げて、UXに関して最優先すべき戦略をまず決めることである。すなわち、大改革を目指してすべてを一気に変えるのか、あるいは少しずつ品質を向上させるというやり方を取り、一歩ずつ進んでいくのか、である。 ユーザーエクスペリエンスというのは品質に関わる分野なので、デザインを徐々に変
モンハン3rdとパズドラに言いたいこと - UXエンジニアになりたい人のブログ
上記記事の続きです*1 まず、上記記事について、不用意にゲーマーという言葉を出してしまい、お前そもそもゲーマーを自称するに値しないだろ的論調を招いてしまい申し訳ありませんでした。単なるゲーム好きの素人ということにしておいてください。 また、あまり適切ではない「難しい」という言葉を使ったことによりさまざまな混乱を招いてしまい申し訳ありませんでした。 それから老害老人になってしまい申し訳ありませんでしたw で、この記事書いたときは特になんのまとまりもなく感じたことをただそれらしく書いただけだったのですが、いろんなやりとりをみて「本当は何が言いたかったのか」がすこしわかってきたのでそれを書いてみようと思います。 まあ一言で言うと、ものづくりの姿勢に対する怒りなのかな。 モンハンとパズドラを知ったきっかけ モンハンはTVCMかな？名前だけは知ってたけど、何千時間プレイの人と数時間プレイの人が一緒に
iPhoneアプリ「少年ジャンプ＋」のUIが意味不明すぎる - UXエンジニアになりたい人のブログ
端的に言うと、買ったやつ（購入済みアイテム的なもの）をどうやって見るかで相当迷った。 顛末 こち亀の1〜100巻が無料で読めるキャンペーンがあって、iPhoneアプリ「少年ジャンプ＋」だとダウンロードして読めるってことなので、何冊かダウンロードしたんです（ちなみに、キャンペーンはもう終わってますごめんなさい。わたしも今日知ったのです＞＜） キャンペーン期間中はトップページにこち亀全巻無料バナーが張ってあって、そこから読めたのです*1が、本日(10/18）の16時の無料期限後、バナーがなくなって導線がどっかいっちゃったのです。 現在のアプリ画面 これがトップページ。 アプリトップ 左右フリックで画面が切り替わります(タブ的なイメージ。この画面だと、左フリックで「連載陣」に、右フリックで「週刊少年ジャンプ」へ) 「連載陣」タブ。一話単位で買って読むことができるようだ(後述するがこの機能は実はも
AppleのUXエバンジェリストが教える、優れたアプリアイコンをデザインする6つの秘訣 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 久々にこんなベタな記事を載せてみたかった、ということで今日もアプリで一獲千金の夢を描いているあなたに送る、より注目を集めるアプリアイコンのデザイン手法についてまとめた記事をThe Next Webから。リリースしても注目を集めるのは至難の業なのがスマホアプリの世界。SEOも微妙な感じですし、広告費を投入するしか露出の手段はないのか、、、という感じですが、アイコンのデザインが良ければ他アプリより目立った露出とダウンロードを獲得できるかも？それが全てではないでしょうが、プラスになるには間違いない、アイコンデザインのティップス集です。 — SEO Japan これは、アイコン用検索エンジンIconFi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
UXデザインに役立つフレームワーク5選【すぐに使えるテンプレ付き】 | カスタマーエクスペリエンス（CX）とは？ 基礎から実践までやさしく解説
ONI Tsukkomi - ONI Tsukkomi「鬼ツッコミ」
