フラットデザインの成り立ちとGUIへ実際にどう使うのかがものすごくよく理解できるムービー
影やテクスチャなど余計な装飾を排除したフラットデザインは、ウェブ上で使用するとユーザーがページのどこをクリックしていいかわからなくなるという欠点を持ちつつも、現在では色んな場所で使われています。なぜフラットデザインが優れているのか、そしてどうしたらフラットデザインをコンテンツに使うことができるのか、LGの公開しているムービーを見ると、非常によく分かるようになっています。 LG G3 : Graphic User Interface - YouTube これまでLGは影や光が当たったときのツヤ・テクスチャなどを使った、どちらかというと写実的なアイコンを使ってきました。 ユーザーの注意を引きやすいように、ということでさまざまな素材を追加していったわけです。しかし、レンズをつけたり…… より本格的なカメラに近づけても、ユーザーエクスペリエンスは真の意味で向上しないことに気づきます。 ガシャン、と
デザインスプリントとPocketのプロトタイピング（翻訳）
本記事は、ブックマークサービスPocketが行ったデザインスプリントについての翻訳記事である。（オリジナル）。デザインスプリントとは、Googleの投資部門Google Venturesが投資先に行うデザインワークショップ。 Pocketの新規ユーザーにむけて、よりよいエクスペリエンスをデザインするお手伝いしました。 結果、新規ユーザーが最初のアイテムを保存する率が58%増加し、より高いアクティブ率とアクティブユーザーを生み出しました。 チャレンジ 新規ユーザーがアクティブユーザーになるための手伝いをする。多くの人々がPocketをダウンロードしサインアップするが、チームは彼らがよりアクティブな長期ユーザーになりやすくしたかった。 私たちのしたこと ポケットチームと3週間にわたり3回のデザインスプリントを行いました。彼らのiOSとAndroidアプリのために、新しいGetting Star
優れたUXを実現するための人間中心デザインとは？ - UXploration
当記事は、2015年2月5日に無料動画のオンライン学習サイト - schoo WEB-campus（スクー）にて開催した授業「優れたUXを実現するための人間中心デザインとは？」のフォローアップになります。 当日の授業の内容は schoo の下記ウェブサイトよりご覧いただけます（会員登録が必要です）。 はじめに 当企画は schoo と弊社コンセントとの合同企画で「社会に求められる価値あるデザイナーとは？」というテーマのもと、著者含むコンセントのアートディレクターの佐藤とサービスデザイナーの大崎の3名でそれぞれの立場から1人づつ授業を開催してきました。 デザイン領域の拡張に伴うデザイナーとしての役割とは？ 佐藤 通洋 先生 - 無料動画学習｜schoo（スクー） サービスデザイン時代のデザイナーのあり方とは？ 大崎 優 先生 - 無料動画学習｜schoo（スクー） 最終回となる今回は、以下の
小さな変更で大きくUXを改善するマイクロデザインってなに？ | WebNAUT by Beeworks
※この記事は2015年2月4日に執筆された記事です。 1月も過ぎ2015年のトレンド予想も出そろった頃でしょうか？ 王道な話題が語られるなか、数名の海外デザイナーからマイクロデザイン、マイクロコピー、マイクロインタラクション、マイクロUXといった言葉があがっていたのが気になったデザイナーTXです。 このマイクロデザインという言葉、概念としては新しくないのですが、 日本ではまだまだ認知度が低いようなので今回はその”マイクロ”な部分をクローズアップしていきたいと思います。 目次 マクロデザインとマイクロデザイン マイクロコピーとは？ マイクロインタラクションとは？ マイクロデザインとブランディング まとめ マクロデザインとマイクロデザイン マクロ/マイクロデザインを家で例えるなら、マクロデザインはその家の外観でマイクロデザインはドアの種類や階段の形などの細部のこと。 WEBデザインでいうと、マ
UXデザインで考えるコンテンツ設計 | ykazu.com
先日、ベースキャンプ名古屋にて開催された WCAN mini 2015 Vol.1 「UXデザインプロセスを活用したコンテンツの評価方法」（講師: 長谷川 恭久さん）の参加レポートとなります。 このセミナーでは、主に Web サイトにおけるコンテンツの実状と把握、その評価やより良いコンテンツを提案するための UX デザインの手法をレクチャーとワークショップを交え、5時間で学ぶというものです。 良いコンテンツを設計し提供するためには、ユーザーを理解すること・今のコンテンツを評価すること。これらは制作プロセスでは当たり前なことでも「できていない現実」に改めて気付かされます。いくつか自分なりの解釈も含めて、特に印象的だった内容をハイライトとしてレポートします。 良いコンテンツとは？ 「良い」は誰が決めるのでしょうか。利用者、ユーザーです。コンテンツ提供者は、ユーザーになり代わって良いコンテンツを
【必読】ABテスト、グロースハックで参考にしたい事例＋関連記事9選
ホームページの改善には欠かせないのがA/Bテストです。 複数の仮説を導き出して、仮説Aと仮説Bを比較するシンプルな検証手法の1つと言えます。 このA/Bテストがヒントとなり、改善した結果、売上が数倍に上がったという例も少なくありません。最近では、グロースハックが話題となったことでもA/Bテストの重要性が再認識されています。 今回は、A/Bテストの実例記事の中からオススメ記事とA/Bテストを行ううえで読んでおくべき10記事をまとめました。 このニュースに興味のあるあなたにおすすめ ・グロースハックを始める時に役立つ記事5選 ・広告に頼らずに成果を出せるグロースハックの概要と成功事例記事 ・会員獲得を目的としたグロースハック事例６選 1.ランディングページ最適化（LPO）事例で学ぶ問い合わせ数10倍の手法 http://liskul.com/lp_lpo3-5929 LPOにおけるA/Bテスト
「ペルソナ」を捨てて、JTBD（Jobs-To-Be-Done）モデルでターゲット顧客を定義せよ - 小さなごちそう
まずはこんな逸話から。 あるファストフード企業がミルクシェイクの売上を改善したいと思った。 ミルクシェイクの購入者属性を整理し、同一の属性を持つ人を対象に、重めがいいか軽めがいいか、フルーツ味かチョコレート味か、など、どんなミルクシェイクが理想的か尋ねた。調査はうまく進み、特定したターゲットの好みをもとに製品を改善したが、売上は全く改善しなかった。 そこで別のチームが再び調査を行った。調査チームは店舗で来客を一日中観察した。すると早朝にミルクシェイクを買う客が多いことに気がついた。早朝の購入者になぜミルクシェイクを買ったかを尋ねると、 長い車通勤の間に片手で手間なく飲める 一気に飲めないので暇つぶしになる 腹持ちが良い といった理由だとわかった。 この調査結果をもとに製品開発を再度行ったところ売上を改善することができた。 最初の従来型のマーケティングリサーチではWhat（どんなミルクシェイ
JOURNAL | Nature dot.
海外の2014年まとめ記事の中に、DropboxのUXデザイナーが自身のユーザビリティテストの模様をブログで発信しているものがありました。 他人のプロセスを知るのは勉強になり、せっかくなので日本語で残してみます。 ※実際にDropboxのサービスをPCで開きながら読むと分かりやすいです。 ■ テストの目的 Dropboxの「写真」ページの課題を明らかにすること ■ テストの内容 何をテストする？：DropboxのWebアプリケーション 誰に?：既存のユーザーで写真をアップしてる人 どこで行う？：コーヒーショップの外を通りすがる人に →サンフランシスコのカフェの外で、行き交う人にゲリラ的にインタビューしていたみたいです。 確かに、日程調整してインタビューするよりフランクな状態を作れるので率直な意見を吸い上げることができそう。 ■ テストの項目 １：写真をアップロードしてもらう ２：アップロー
エンタープライズのためのUX。A List Apart
ユーザーインターフェイスを含めたユーザー体験、いわゆるUXを優れたものにすることがコンシューマ向けのWebアプリケーションやモバイルアプリケーションで非常に重視されるようになっています。 そしてこのトレンドはコンシューマ向けだけでなく、エンタープライズ向けのアプリケーションにも押し寄せています。社員は個人でGmailやEvernoteなど先進的なUXを備えたアプリケーションを使っているのです。仕事で使うアプリケーションにも同じように優れたUXを要求し始めるのは自然なことでしょう。 ではエンタープライズ向けアプリケーションのUXに、デザイナーはどのように取り組めばいいのでしょうか。米国のWebサイト「「A List Apart](http://alistapart.com/)」に投稿された記事「UX for the Enterprise」で、エンタープライズUXに取り組むデザイナーの経験談と
転職は@type - あなたにおすすめの求人情報とスキルマッチ率がわかる転職サイト
ご利用の皆様にはご迷惑をお掛けして、大変申し訳ございません。 メンテナンス終了まで今しばらくお待ちください。
モンハン3rdとパズドラに言いたいこと - UXエンジニアになりたい人のブログ
上記記事の続きです*1 まず、上記記事について、不用意にゲーマーという言葉を出してしまい、お前そもそもゲーマーを自称するに値しないだろ的論調を招いてしまい申し訳ありませんでした。単なるゲーム好きの素人ということにしておいてください。 また、あまり適切ではない「難しい」という言葉を使ったことによりさまざまな混乱を招いてしまい申し訳ありませんでした。 それから老害老人になってしまい申し訳ありませんでしたw で、この記事書いたときは特になんのまとまりもなく感じたことをただそれらしく書いただけだったのですが、いろんなやりとりをみて「本当は何が言いたかったのか」がすこしわかってきたのでそれを書いてみようと思います。 まあ一言で言うと、ものづくりの姿勢に対する怒りなのかな。 モンハンとパズドラを知ったきっかけ モンハンはTVCMかな？名前だけは知ってたけど、何千時間プレイの人と数時間プレイの人が一緒に
現場で感じるUXデザインの限界とその対策 | NCデザイン＆コンサルティング株式会社
UXデザインの仕事をいくつも経験して常々思うことがあります。それは、UXデザインは、それだけでは何もできないということです。誤解して欲しくないですが、「UXデザイン無用論」を言っているつもりではありません。UXデザインはよりよいもの（ここでは製品もサービスも以降「もの」と表現します。）を作るためには必須です。しかし、UXデザインだけにフォーカスし過ぎても良いものはできないことがわかってきました。 NCDCの仕事はUXデザインから始めて、多くの場合、アプリやシステムの実装までを行います。しかし、一部の仕事ではUXデザインまでを担当し、実装は他の会社が担当することもあります。そうなるとUXデザインの成果物を開発会社のアプリやシステムの設計に使用するものとして提供することになりますが、この成果物の引き継ぎが結構なタスクになることが往々にしてあります。その理由はUXデザインではフィジビリティ（実現
グッドパッチ代表が語るユーザーインタフェースとアプリ戦略
数多あるアプリの中からユーザーに選ばれるために必要なこととは何なのか。 500万ダウンロードを突破し、ニュースキュレーションアプリの中で勢いのあるGunosy（グノシー）。TVCMのプロモーションやレコメンドエンジンなど、選ばれるアプリとなった理由はいくつか挙げられる。中でも、その操作性や読みやすさは初期から高い評価を得ていた。 そのユーザーインタフェース（UI）を生み出した会社は、気鋭のテクノロジーベンチャー、グッドパッチ。ネクストスタンダードとなるUIを生み出す株式会社グッドパッチ 代表取締役 土屋尚史氏にお話を伺いました。 iPhoneが登場したとき、世界は変わると思った 新しい技術とかそういうものがもともと好きで、新しいサービスとか技術とかデバイスとか出てきたら真っ先に試して取り入れる側の人間なので、スティーブ・ジョブズが初代iPhoneを発表するときのYouTubeを見て“これは
Facebook風ドロワーメニューが手軽に導入できる drawer
「drawer」は、横からせり出してくる「ドロワーメニュー」をサイトに手軽に実装できるjQueryプラグインです。 ドロワーメニューはスマートフォンやタブレットなどのさまざまな画面サイズに柔軟に対応できる利点があり、GoogleやFacebookのモバイルサイトで利用されています。drawerプラグインは横幅の可変に対応していますので、レスポンシブ Web デザインにも利用できます。 drawerプラグインはGoogle ChromeなどのモダンブラウザーとInternet Explorer 10以降、スマートフォンではiOS 7のSafariとChromeに対応しています。 MITライセンスですので、著作権表示は削除せずに利用しましょう。 drawerは、パッケージマネージャーの「bower」でもインストールできます。bowerを導入している場合は、以下のコマンドですぐに利用できます。
第8回 「気持ちいいUI」の追求に熱心になりすぎて、空回りしてませんか？ | gihyo.jp
前回は、気持ちいいUIを構築する方法を開発者の視点から捉え、「開発者が“面倒くさくて”やらなかったことが、利用者の“面倒くささ”の蓄積につながるのではないか」、そしてユーザーの面倒くささを解消してあげる方法の1つとして「ユーザーが何もしなくて良い状態を作る」ことがよいのではないか、という意見を提示しました。今回はその考察をさらに発展させ、技術者がついついやってしまいがちな「やりすぎ」について考えてみたいと思います。 チュニジアで痛感したGoogleマップの出来の良さ 筆者は8月末にチュニジアに行って来ました。チュニジアはアフリカ大陸の地中海沿岸に位置しており、アフリカの中では比較的発展を遂げている国です。フランス人などのリゾート地としても有名です。今回は家族を連れて、チュニジア人の元同僚を訪ねての旅だったのですが、筆者は基本リモートで仕事をしているため、仕事を完全にストップさ
ITエンジニア、プログラマのためのUX設計、情報設計勉強会 - paiza times
Photo by Davidlohr Bueso 今回のpaiza開発日誌は片山がお送りします。 paiza運営元のギノでは、これまでも不定期で社内勉強会を何回かやっていましたが、エンジニアの人数が増えてきてスピーカーの頭数が揃ったので、社内勉強会を定期開催する事にしました。 9月の頭に第一回目の「自社サービスエンジニアの為のUX設計、情報設計勉強会」を開催したので、今回はその内容を共有してみようと思います。 ■今回の勉強会の目的、背景 paizaの開発部隊はそれぞれ色々なバックグラウンドを持ったメンバーで構成されているのですが、普段の業務の中だと、なかなかそれを共有する機会や、お互いを深く知る機会が無いものです。そこで過去の仕事の事だったり、得意分野についての共有を順番に発表する形で社内勉強会をやってみる事にしました。 業務的なTipsの共有も重要ではあるのですが、普段の業務の周辺領域だ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
schoo x CONCENT「優れたUXを実現するための人間中心デザインとは？」
のんびりデザインしているような。
新着記事
アプリUI勉強会 in ネットイヤーグループ
