UXのプロがアドバイス「Web担のサイトはこう変えるべし」――やってみました「UX診断」 | Web担当者Forum
UXのプロが岡目八目で切り込むのが快感今回、「UXデザインパッケージ」のサービスを体験してみたわけですが、結論から言うと、「さすがUXのプロ」という面と、「まさに岡目八目、外部に頼む価値」という面とがありました。 アドバイスは、現状のWeb担の見せ方をかなり大幅に変えるというものでした。つまり、現状をある意味で否定された形なのですが、それに対して違和感は抱きませんでした。というのも、そうするべきだとして示されている理由が理路整然としていた納得できるものであり、さらに自分でも薄々は感じていた「そうだよね」という部分をえぐられていた内容も多かったからです。 たとえば、アドバイスでは、「移動中などにスマホで友人のフィードで見かけた記事などが気になり、でもそのときは読まずにあとから読む」といった行動にうまく対応できるようにと指摘されています。 これは、言われなくてもわかっているはずのことです（実際
スマホサイト最適化25の最新ルール | グロースハックジャパン | growth hack japan
Ryutaro Mori TwitterでGHJをフォロー！ FacebookでGHJをフォロー！ NEW スタートアップに欠かせない6種類の人間 検索エンジン大手グーグルが、スマホサイト最適化に関する大規模なリサーチを行いました。 その結果から導き出した「スマホサイト最適化25のルール」は、モバイル時代、特にtoCビジネスには欠かせない内容です。 調査に関して 本調査は、GoogleとAnswerLabの共同指揮の下に行われました。 モバイルサイトにとって最良のデザイン慣行を提言することを目的に行われた本調査は、以下の方法論で実行されています。 ・シカゴ・サンフランシスコにて、119時間のユーザービリティテストを敢行 ・iOS・Android両方を含むユーザーに調査を実施 ・ユーザーは、商品の購入、価格の調査、予約など、コンバージョンに関連するタスクを実行し、各サイトのユーザービリティを
UXを損ねる最悪なグロースハック
この記事は以下に移転しました。 http://lambda-structure-design.jp/lab/growth-hack-is-bad/
グロースハックの旅に絶対に必要な５つのもの - VASILY GROWTH HACK BLOG
「グロースハックの重要性は分かったんだけど、何からやればいいか分からない！」 「とりあえずグロースハック始めてみたんだけど、全然うまくいかない！」 最近、こういった声をよく聞きます。 上記２つの悩みへの私の回答はシンプルで、 「グロースハック以前に必要なものを揃えるべき」 では、 ・グロースハック以前に必要なものとは何なのか？ ・それを揃えるにはどうすれば良いのか？ それらの更なる疑問にお答えするために、 筆者が行ったグロースハックセミナーの内容から< 準備編>のみを抜粋して紹介したいと思います。 グロースハックって何って方はこちらの記事をどうぞ。 「グロースハック」とは グロースハックの旅に必要な５つのもの グロースハックには、以下の５つが必要です。 １．PMF ２．マインドセット ３．フレームワーク ４．チーム ５．ツール この５つの土台がしっかりしていない状態で、いくらグロースハック
5分でわかるカスタマージャーニーとは？取り入れ方や分析のコツを事例とともに解説 | LISKUL
マーケティングに関わる人は、最近「カスタマージャーニー」という用語をよく耳にするのではないでしょうか？ 「カスタマージャーニー」は、複雑化している顧客の行動を捉え、マーケティングの成果を改善するために役立つ本質的な考え方です。 本記事では、「カスタマージャーニー」について理解するために事例を交えて、マップの作り方から、分析のコツまで、5分で理解できるように要点を整理してみました。 【制作テンプレ付】カスタマージャーニーの描き方 当社でも「カスタマージャーニー」の考え方を取り入れてから、マーケティングの成果が大きく改善し始めています。 記事の後半では、その事例を交えながら、実際にマーケティングに取り入れて、活用するポイントについても紹介していますので、ぜひ役立ててください。 カスタマージャーニーに沿った顧客接点をつくるA8のアフィリエイト資料をダウンロードする ※本記事は株式会社ファンコミュ
ソシオメディア | あるとよい機能はない方がよい
UXデザインのコンサルティングではよく品質優先度マッピングというものを行います。これは開発プロジェクトの上流工程において、実装を検討している機能をリストアップし、そのひとつひとつについて想定する利用者の割合や利用頻度の観点からグルーピングし、実装の優先度を決める作業です。 これを行う目的は、UIをできるだけシンプルに保つことにあります。ユーザーが求める機能をすべて盛り込むと、当然UIは複雑になり、誰にとっても使いにくいものになります。また蓋然性のバランスが取れていない要件はプログラムを複雑にし、バグが増える原因になります。 UIデザインにおけるパレートの法則（結果の大部分は全体の一部によって生み出される）は、「ユーザーの80%は全機能の20%しか使わない」というものです。その20%に注力し他の優先度を下げることで、製品の利便性は向上するはずです。 Core, Important, Nice
ソシオメディア | UXデザインプロセスについての考え方
UXデザインのプロセスは、UCD と呼ばれるユーザー中心設計の考え方をベースとしています。ユーザー中心設計の考え方とは、プロジェクトの各工程でユーザーを取り入れるというものです。主に、ユーザー調査の結果を要求分析に取り入れること、設計段階ではプロトタイプ制作とそのユーザー評価を行うこと、そして運用の中で継続的にユーザーからのフィードバックを収集することが重要とされ、製品／サービスのライフサイクルを通じてこれを繰り返します。つまりUXを向上させるためには、Try（試しにやってみる）と Catch（状況を把握して分析する）のセットを反復的に行うことが大切です。 これは別の言い方をすると、デザインには決まった答がなく、常に試行錯誤が必要だということです。反復的デザインは、各フェーズ単位、プロジェクト単位、そしてより大きな事業やブランドといった単位で多層的に試みることが求められています。 ウォータ
なぜなに？ユーザエクスペリエンスマップ（概要編）
ユーザエクスペリエンスマップってなんぞや、どういう時に使えばいいのなどまとめてみました。実際に作る方法は別のスライドにまとめました（http://www.slideshare.net/vistawalk/ss-17410597）Read less
The Dribbblisation of Design | en.ja Article
CreditThis article is translated with permission of Paul Adams. You can find original article at The Dribbblisation of Design.本記事はPaul Adams氏の了承を得て翻訳された記事です。 原文はThe Dribbblisation of Designにて掲載されています。 これらの天気アプリのうち1つだけが本質的な問題の解決をしようとしている。 プロダクト/インタラクションデザインコミュニティでは分岐が起ころうとしている。Ryan Singer氏やJulie Zhuo氏が書くような素晴らしい記事達が我々の生み出すものをよりよくし続けている一方で、多くの人がDribbbleに自身の作品を投稿し、議論をしている。それらを集約した結果は我々の生み出すものを後退させて
Storehouse: the future of visual storytelling
ZEUSQQ adalah agen bandar situs slot gacor hari ini judi online terlengkap, layanan 24jam terpercaya, Segera klik link daftar naga slot login dan klaim bonus ZEUSQQ: Link Login Daftar Situs Judi Online Slot Gacor Naga Slot Berkat hadirnya Situs Judi Online Terpercaya yang menawarkan Main Naga Slot ZEUSQQ ini tentu saja memberikan tampilan baru untuk member ZEUSQQ. Dengan hadirnya Slot Naga ini ten
『nodeベースでGUIアプリを開発する「node-webkit」』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは。Ameba事業本部の杉本と申します。 業務では「天下統一クロニクル」というチームでフロントエンドのディベロッパをしています。 今回は、「node-webkit」という一風変わったアプリケーションを紹介させていただきます。 私達は普段、gruntといったnode.js製のツールを使ってJavaScriptの結合や圧縮、画像の減色といった処理を自動化していますが、node-webkitはこれらnodeのモジュールを使ってGUIアプリケーションを作れるツールです。nodeの資産をそのまま利用できるので、私のようなディベロッパには嬉しいですね。
スマホUI考（番外編） UIやUXを劇的に改善する、『ビッグオー駆動型開発』とは | fladdict
いま『ビッグオー駆動型開発』とよばれる開発手法が、業界の一部で注目を集めている。 その理由は非常にシンプルだ。『ビッグオー』は非常に安価で簡単な手法でありながら、従来の開発手法に比べ劇的にUIやUXを改善できるためである。 製品コンセプトのような上流から、ボタンのレイアウトといった下流工程、さらにはグロースハックやプロモといったリリース後のフェイズまで一つの手法でユーザビリティを評価できる。この汎用性がビッグオー駆動開発の大きな特徴であり、導入時の利点となる。 今回はこのビッグオー、の概要と具体的なやり方について論じたい。TwitterのUI拡張予言以来、久しぶりのUI系エントリである。 ビッグオー駆動開発とは何か？ ビッグオー駆動開発は、正式には『OKAN Driven Development（オカン駆動型開発）』とよばれる開発手法である。 これは自分のオカンを指標とすることで、低コスト
モバイルUIのデザインに役に立つUIパターンギャラリー集17選 - showrtpath - iOSブラウザ開発日記
2013-12-23 モバイルUIのデザインに役に立つUIパターンギャラリー集17選 アプリの開発の時にUIのデザインに悩みますよね。 そんな時、モバイルUIのパターンギャラリー集が役に立ちます。 そのギャラリーサイトのサイトを集めてみました。 スクリーンショットを集めたものと、デザイナーの作品のものがあります。 Showrtpathブラウザを開発していた時はdribbbleをよく見ていました。 Pttrns - Mobile User Interface Patterns 優れたiPhoneサイトデザイン集 - iPhoneデザインボックス Mobile Patterns lovely ui Inspired UI - Mobile Apps Design Patterns [iPhone] Mobile Awesomeness Meerli · Featured Android Nic
カスタマージャーニーマップのパターン
UXデザイン・サービスデザインの代表的手法であるカスタマージャーニーマップについて、コンセント代表／インフォメーションアーキテクトの長谷川のコラムを掲載します。 最近、「カスタマージャーニーマップ」という言葉があちこちで聞かれるようになった。 カスタマージャーニーマップは体験や感覚の可視化をするもので、企業が組織として顧客視点に立てるよう助けるツールとしてサービスデザイン（※1）の手法の一つとしても注目されている。 カスタマージャーニーマップ（CJM）を活用するためには、その役目の定義が最も重要となる。 ここでは、CJMを大別する2つの軸を紹介しよう。 図１：カスタマージャーニーマップの４象限 一つ目の軸は、Inside-out/Outside-inの視点。 Inside/Outsideとは事業者からの視点として、「自社事業の観点から＝Inside-out」と、「自社事業の外側の観点＝Ou
ペーパープロトタイピング入門 – 第1回 どうして紙でプロトを作るのか | fladdict
ペーパープロトタイピング講座シリーズ。第1回は導入編。 第1回はの導入編。ペーパー・プロトタイピングとは何なのか、何故必要なのか。そして導入することで、どんな利点があるのかを説明する。 ペーパー・プロトタイピングって何？ ペーパー・プロトタイピングとは、紙で実際にアプリやサイトを「実装する」ことである。 通常の開発においてコンテンツが使いやすいかどうかは、開発が終盤になるまでわからない。このため「作ってはみたが使いにくい」や「いまさら後戻りできない」という問題が発生する。UIや手触りが重要なモバイル系のアプリにおいて、これは致命的な問題になる。ペーパープロトタイピングはこの問題を低コストで解決する。 紙とペンで動作モックを作成することで、本実装を行う前に、素早く手戻なく検証を行うことができる。これにより、仕様書策定や実装前にPDCAのサイクルを実現できる。作業負荷の高い本実装を行う前に軽く
コンセプトを押し売りするな！SmartNewsが教える開発者バイアスの怖さ＆AppAnnie最新アプリ市場動向、出会い系が急成長？-D2CRアプリセミナー | アプリマーケティング研究所
11/28に東京（汐留）で開催された、D2CRさん主催のセミナー「ゲーム以外で！事業として成功させるアプリビジネス最前線！第２回目！」に参加してきました。 本記事では講演で参考になったポイントをまとめたいと思います。クックパッドさんの講演については後日別の記事にてお送りする予定です。 SmartNewsのビジョン ・世界中の良質な情報を集め、それを必要としている人へ送り届ける。 SmartNewsがUIに関して評価をいただいている3つの理由 １、ページめくりによる軽快なザッピング エンタメみたりスポーツみたりと、いろんなジャンルを簡単に切り替えて流し読みが出来る。 ２、独自のレイアウトアルゴリズムでアイキャッチと一覧性を両立 写真が大きく使えるということに加えて、1画面あたりの情報数が多く入る。 ３、形態素解析と長体圧縮を取り入れた見出し組版 文字のサイズが行によって変わる。一番読みやすい
広告費０円でもDAU１０倍!? ユーザーRetention(再訪率)を最大化する施策10選 - VASILY GROWTH HACK BLOG
あなたは初期のFacebookのグロースハッカーです。 仮に、その時点の会員数が100万人としましょう。 ある日、あなたはガムをクッチャクッチャしているザッカーバーグから、こう言われます。 「DAUを10倍にしてくれ。ただし広告はクールじゃないから広告費０円で！」 さて、あなたは何をしますか？ 恐らく、そんなムチャぶりをされた貴方を救う言葉は、「Acquisition(ユーザー獲得)」ではなく、「Retention(再訪率)」だと思います。 グロースハックって何って方はこちらの記事をどうぞ。 「グロースハック」とは Retentionってなに？ ユーザーの継続率や再訪率のこと。 超単純計算で言えば、20%の離脱率の低下は、20%のAcquisitionの増加と同じだけユーザー数を増やします。 じゃあ、実際にどんな方法があるのか。 明日からすぐ真似できるRetention施策10個をご紹介し
"UI Patterns for Smartphone" HCD-Net SD #6
http://www.yasuhisa.com/could/article/wcan-prototype-design/ プロトタイプはスマートフォン向けの Web サイトやアプリケーションの制作では欠かせないツール。しかし、聞いたことがあるけど使っていない、使いどころが分からないという理由で活用できていない人も少なくありません。また、国内外、切り口が異なるプロトタイプツールが無数にあることから、どれを選べば良いのか分かり難いです。 現存のワークフローを変えなければプロトタイプは活用できないのでしょうか？無数に登場するほどプロトタイプツールが溢れているのはなぜでしょうか？プロトタイプツールの見分けどころはあるのでしょうか？そもそもプロトタイプは本当に必要なのでしょうか？そんな疑問に答えながら、プロトタイプの使い所を紹介します。
Smart Transitions In User Experience Design — Smashing Magazine
Some websites outperform others, whether in their content, usability, design, features, and so on. Details of interaction design and animation make a fundamental difference on modern websites. We’ll share some lessons drawn from various models and analyze why these simple patterns work so well. When we design digital products, we often use design applications such as Photoshop and Sketch. Most peo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなにおけるモダンiOSアプリ開発入門
