「いぬのきもち ねこのきもち」ユーザーテスト（行動観察）を活用した潜在的課題の発見事例 | ナイルのマーケティング相談室
本記事では、ユーザーテストを活用したプロジェクトの中から、ベネッセコーポレーション様「いぬのきもちねこのきもち」でのユーザー心理に基づく課題発見事例を紹介させていただきます。 ＼ナイルのサイト改善提案の紹介はこちらから！／ ユーザーテストの目的 ベネッセコーポレーション様では、アプリインストールの促進や、雑誌購読者数の向上を目標とするサイト改善を行いました。そのプロジェクトの中で、目標を達成するために潜在的な課題も発見できるユーザーテストを活用することになりました。 ユーザーテストの位置づけ 今回のユーザーテストは、フルリニューアルを行わない前提でコンテンツやUI・デザインを検証し、改善を反復していく運用型プロジェクトの初期調査として実施しました。 （本事例の対象サイト） いぬのきもち ねこのきもちTOP いぬのきもちTOP ねこのきもちTOP まいにちのいぬ・ねこのきもちアプリ詳細 被検
デザイナーに求められるコミュ力とは？
筆者がWebデザインにかかわりはじめて、ずいぶんの年月が経ちました。 その間に、いろいろな経験をしました。 平気で無理を言ってくるクライアント、それをただ伝達するだけのディレクター。うまくクライアントの意図が汲み取れない結果、10回を超える修正もよくあること...。 これは、クライアントとディレクター、そしてWebデザイナーがうまくコミュニケーションをとれていないからこそ起こってしまう現実です。 そして悲しいことに、このミスコミュニケーションのシワ寄せは、すべてWebデザイナーにふりかかってきました。 ディレクターに頼り、「言われたものだけを作ればよい」という仕事をしていると、クライアントやディレクターに振り回され、しんどい思いをするだけで終わってしまうことがよくありました。 この「言われたものだけを作る」という仕事は、実はデザイナーのすることではなく、単なるオペレーションにすぎません。し
シングルカラムから始める情報設計
横並びは複雑化の第一歩 Webサイトの設計をする際、必ずといっていいほど縦にコンテンツを並べて構成を考えるようにしています。どのような人が、何を求めて Web サイトに訪れているのかというシナリオを基に構成を考えていくわけです。詳細なレイアウトを考えるのではなく、情報の流れが適切であるかどうかを判断するための工程にしています。 パソコン向けの Web サイトデザインの悪い癖のひとつに、「同じくらい重要だったら、横に並べる」というのがあります。広いスペースがあったパソコンが主流の時代ならではのアプローチですが、今は状況が大きく異なります。配信者側にとっての『重要』を出すことは間違っていません。しかし、あれこれ重要だからという理由で隣り合わせにしてしまうと、様々なデメリットが生まれます。 訪問者に迷いが生じる 直接関係のないコンテンツが横に並ぶことで視点の動きが多くなる可能性があります。また、
こんなにあった！シニア対応を本気で進める『皇潤』の入力フォームが使いやすい理由 | マミオン有限会社-パソコン・数学研修、法人研修
シニアがウェブサイトを利用する際の大きなハードルの一つが、各種「入力フォーム」です。 一般的にシニアの方ほど入力に時間がかかり、また不適切な入力によるエラー発生頻度も高くなることは、ユーザビリティ業界の権威であるニールセンノーマングループのレポートも統計データを用いて指摘しています。 シニアをターゲットとしたウェブサイトの多くはこうした状況を考慮して、入力フォームのシニア対応に力を入れているところが多いのですが、その中でも私個人から見て特に完成度が高いと感じているのが、健康食品の『皇潤』で有名なエバーライフです。 今回、そのエバーライフの入力フォームで実装されている様々なシニア対応施策について、実装方法まで含めて詳しくご紹介していこうと思います。 1. 各フォームがそこそこ大きく見やすい 2. 必須項目表示がわかりやすい 3. ふりがなが自動的に入力される 4. 住所が自動的に入力される
【画像】 かっこいいデザインにする→利用者が分かりにくくなる→貼り紙されてデザイン崩壊 : 痛いニュース(ﾉ∀`)
【画像】 かっこいいデザインにする→利用者が分かりにくくなる→貼り紙されてデザイン崩壊 1 名前： アルゼンチンバックブリーカー(大阪府)＠＼(^o^)／：2014/07/06(日) 18:32:54.28 ID:jtlvCqZS0.net @デザイナー各位 現実の様子です https://twitter.com/bitsoil/status/485361874918064128/photo/1 コーヒーメーカーのデザイン＝デザイナー佐藤可士和氏 （設置店＝セブン-イレブン） http://blog.marketing.itmedia.co.jp/kurosu/entry/498.html 2: テキサスクローバーホールド(チベット自治区)＠＼(^o^)／ 2014/07/06(日) 18:34:33.12 ID:JxLt3I3J0.net これはかしわの力不足 3: ファイヤーバードスプ
DeNA中の人が事例で語る、アニメーションやデザインのアプリを効率よく開発するためのTips #iOS｜CodeIQ MAGAZINE
昨今アプリ開発を行う上でのUIアニメーションやデザインの重要性が非常に高まってきました。一方でアプリの質を保ちながら開発スピードを上げるためには、様々な工夫が必要です。 今回はDeNAの開発者である吉田正史さんに、開発事例をもとにどう現場の課題を解決し、効率を上げていったのかなどについて寄稿していただきました。 by 馬場美由紀 （CodeIQ中の人） 話に出てくるアプリの紹介 DeNA吉田です。 今回ご紹介するのは、実際に下記のアプリを開発する現場で直面した課題です。 RabbitCam RabbitCam Rabbit cam（ラビットカム）はアニメーションするスタンプやBGMを選び、合成して動画を作成するアプリです。 非常にかわいいスタンプをより、可愛くする細かい動きや、おしゃれに仕上げるための動画に対してのフィルタの色味など細かい調整を重ねました。 QuizNow QuizNow
『デザインは8の倍数でできている』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 mama&crowdのデザイナー、長谷川彰之介です。 今回は、WEBサイトの「余白」や「ブロックサイズ」「WEBサイトの横幅」に対して 「最適な値は存在するのか？」 について考えてみたいと思います。 少々長いですが、お付き合いのほどよろしくお願いします。 ボックスサイズとは、「ヘッダー」「コンテンツ」「ナビゲーション」などの ひとつひとつの固まりの大きさ（サイズ）を指します。 【第１部】8の倍数 WEBサイトのUIをデザインしていて悩まされるのが「余白」です。 「ここは3px…いや4pxか。もっと空けたら見やすくなるかもしれない。6p
スマホサイト最適化25の最新ルール | グロースハックジャパン | growth hack japan
Ryutaro Mori TwitterでGHJをフォロー！ FacebookでGHJをフォロー！ NEW スタートアップに欠かせない6種類の人間 検索エンジン大手グーグルが、スマホサイト最適化に関する大規模なリサーチを行いました。 その結果から導き出した「スマホサイト最適化25のルール」は、モバイル時代、特にtoCビジネスには欠かせない内容です。 調査に関して 本調査は、GoogleとAnswerLabの共同指揮の下に行われました。 モバイルサイトにとって最良のデザイン慣行を提言することを目的に行われた本調査は、以下の方法論で実行されています。 ・シカゴ・サンフランシスコにて、119時間のユーザービリティテストを敢行 ・iOS・Android両方を含むユーザーに調査を実施 ・ユーザーは、商品の購入、価格の調査、予約など、コンバージョンに関連するタスクを実行し、各サイトのユーザービリティを
CSS Nite LP33 UI/UX #cssnite_lp33r にいってきた（けど腹6分だった話）
CSS nite LP33「UX/UI」の会にいってきた。 UX侍の森田氏（サムのほうらしい）、深津氏（ライのほうらしい）が二人揃ったり、私が勝手に憧れてるGoodpatch土屋氏やクックパッド池田氏も出演されるという豪華極まりない会。なんというフェスティバル感！ そんな豪華な会だったけど。個人的にはちょっとものたりない、腹6分という印象だった。 UXデザインは、チームで行う仮説＆実装＆検証のプロセスであるということ、サービスの事業面にも直結する、という肝部分の実例がもっとほしかったなあと思う・・・・たとえるなら、あんこう鍋のスープのあん肝、あと少し足りない状態だったのだ。 なんだかCSS niteでの話は、「デザイナーが考える理想のデザイン」の話が多かった印象だったのだ。「理想のデザイン」はもちろんベースとして必要なんだけど。 抱いた理想について、ユーザーのためによりよいサービス（含UI
iOS 7 Design Resources
Learn how to design great apps and games that integrate seamlessly with Apple platforms. Human Interface Guidelines Learn essential information about platforms, foundations, patterns, components, inputs, and technologies. The HIG offers guidance and best practices for designing exceptional user experiences across all Apple platforms.
早すぎたHyperCardの上昇と下降、そしてモバイルから来たカードの群 - WirelessWire News（ワイヤレスワイヤーニュース）
先週は World Wide Web が誕生して25年というのが話題になりましたが、今回はその話ではなく、2年前に誕生25周年を迎えている HyperCard というソフトウェアについて書きたいと思います。 HyperCard は、初代 Macintosh の開発者の一人にして、かのドナルド・クヌースに「この世で書かれた最高のプログラム」と言わしめた MacPaint の作者であるビル・アトキンソンが作り上げたマルチメディアオーサリングソフトウェアです。 HyperCard は内蔵する HyperTalk というスクリプト言語を利用することで、カードを積み重ねる形で簡単にアプリケーション（スタックと呼ばれた）を作ることができました。名作アドベンチャーゲーム『MYSY』も最初は HyperCard を使って制作されたことが知られています。当初 Macintosh に標準添付されたこともあり、
TechCrunch | Startup and Technology News
Welcome to Startups Weekly — Haje‘s weekly recap of everything you can’t miss from the world of startups. Sign up here to get it in your inbox every Friday. In…
ペーパープロトタイピング入門 – 第0回 | fladdict
先日リリースした、スマホアプリのペーパープロトタイピング用ノート。 商品として販売した以上、お客様のフォローアップは必須。ということで、ペーパープロトタイピング講座をはじめようかと。 全体構成は以下のような感じで、5回ほどにわけて解説していければと思います。 第1回、どうして紙でプロトを作るのか？ 紙で行うプロトタイピングの利点や特徴。ワイヤーフレームとの違いについて。 第2回、ペーパープロトタイピングに使う道具 自分でやってみるのに最低限必要な道具や、あると便利な小物などを紹介。 第3回、ペーパープロトタイピングの仕方 実際に紙をつかって、アプリケーションのプロトタイピングを行ってみる。 第4回、見やすいペーパープロトの描き方 チーム共有やプレゼン用に、見栄えのいいペーパープロトを手早く描く方法。 第5回、ペーパープロトから動作モックアップを作る POPなどのアプリを使って、紙のプロトタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
グロナビもサイドバーも必要なし！ 離脱要因となるリンクはフォームでは外す／15か条の9 | 勝手にEFO分析-エントリーフォーム改善
さすが、Apple！刷新されたウェブサイトで見つけた3つのこだわりとは？
UX/UIデザイン - OHAKO | 企画～実装をご支援
訳書『デザイニング・インターフェース』について
排卵期予測アプリ「Clue」がデザインにピンクを使わない理由
おかんでもわかるUXデザイン Ver.0.2 CSS Nite Edition
森田雄と深津貴之の UX 侍 初陣「全国タクシー配車アプリ」開発担当者とUXを語る | UXサムライ
