データ視覚化のデザイン #1｜Go Ando / PREDUCTS / THE GUILD
こんにちは、THE GUILDの @goando です。 私はTHE GUILDの中でもデータを扱う仕事を中心に活動しており、「UXの改善をデータでサポートする」をミッションに取り組んでいます。 ざっくり言うと、THE GUILDのクライアント企業が運営するサービスのログを分析してユーザーの行動傾向からUXの改善点を見つけ出したり、マーケットの市場リサーチを通じてサービスの戦略の策定を支援したり、と言った内容です。 こうした活動を通じて、データ分析の結果をグラフ等のレポートに落とし込むという事を数多く行ってきました。 試行錯誤を繰り返しつつ、データをどのようなデザインで視覚化するとメッセージが伝わりやすいのか、逆にどういう点に気をつけないと誤解を与えやすいのか、といったノウハウを少しずつ蓄積してきました。 データ分析を台無しにするダメグラフかく言う私もかつて、そのグラフから何が言いたいのか
エラーメッセージはフォームのどこに表示するべきか
UX Movementの著者および設立者です。ユーザー体験のデザインスキルの開発を手助けしてよりユーザーフレンドリーな世界のために、このブログを創設しました。 フォームのどこにエラーメッセージを配置していますか？ ユーザーの期待する場所にエラーメッセージが置かれていないと、ユーザーはフォーム入力を完了できなくなってしまうかもしれません。 フォーム入力を間違えたら、ユーザーはそれを修正して送信し直すために、なにが間違っていたのかを理解する必要があります。フォームを完了しようと思っていたとしても、それがあまりにも大変であればユーザーは心変わりしてしまうでしょう。 フォームの上か、フィールドのインラインか エラーメッセージの配置場所でもっとも一般的なのは、「フォームの上」と、「エラーのあるフィールドのインライン」という２箇所です。どちらの配置場所が、ユーザーにとってより直感的でしょうか？ 調査に
≡ ←ハンバーガーメニューのデザインでクリック率は違う（2014年のA/Bテストの結果から）
スマートフォン対応サイトで右上や左上にある「≡」こんな形の三本線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。（サイトイメージは「グラシン工房」から） まずはBootstrapの標準に近い形式。三本の線があるだけのパターン。 次に三本の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三本線を線（border）で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現方法がありますが、それは前に書いた「【Web制作】スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた」の記事をご覧ください。 ●アイコンだけ・文字付
スマホWEB対応&日本語対応をリリース。技術顧問に元はてな・GREEの伊藤直也氏を迎え、国内事業を加速。 - KAIZEN platform Inc.
KAIZEN platform社「planBCD」のスマホWEB対応&日本語対応をリリース。スマホサイトのA/Bテストが1分で簡単に実施可能に！技術顧問に元はてな・GREEの伊藤直也氏を迎え、国内事業を加速。 09 Oct 2013 WEBサービスのUI改善を簡単に実現できるプラットフォーム「planBCD」を運営するKAIZEN platform Inc.（本社：米国カリフォルニア州、CEO：須藤憲司、以下 KAIZEN platform）は、これまでPC向けに展開していた「planBCD」のスマートフォン向けWEBサイト対応機能をリリースしました。 それに合わせてこれまで英語版のみだったサービスの日本語化対応も完了し、本格的に国内向けのビジネスを加速させていきます。 ８月より大手企業向けにサービス提供を開始しているA/Bテスト管理プラットフォーム「planBCD」は提供企業が10社を超
SmartNewsのUI/UXエンジニアが語る！「iPhoneの画面サイズと室町時代の違い棚」 | Find Job ! Startup
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
A/Bテストは革新を阻害する敵なのか？ | 川崎裕一 | yukawasa.com
( http://unstrungstudio.com/2012/04/29/ab-testing/川崎裕一 | yukawasa.com 川崎裕一です。恵比寿でたのしいなかまとちょっと便利なサービスを作っています。「スキ」が見つかる『Clipie』。「あげる」「ほしい」がつながる『Livlis』。5歳息子とも戯れます。 Search Main menu ( http://unstrungstudio.com/2012/04/29/ab-testing/ より) ウェブサービスをつくるときに、異なる要素を持つAページとBページ、どちらを採用すべきか。それを主観的判断ではなく、客観的判断で数値をもちいて決めようというのがA/Bテストのアプローチです。 A/Bテストの功罪について、ワイアードで紹介されていて、興味深かったのでまとめました。 良いところ -A/Bテストによって、サイトの色使いや
WEBサイトのコンバージョン改善に役立つ必須の無料分析ツール７選
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WEBマーケティングでは、全てのデータを数字という最も具体的な形で計測することができる。 そして、その数字をもとに地道な分析と改善を繰り返すことで最終的に大きな結果へと繋がる。 しかし、WEBサイトのパフォーマンス改善や、ランディングページのコンバージョン率UPに役立つデータを得る方法を知らないという方は意外なほど多い。 そこで、本日は私自身も使っていて、効果を実感している７つの無料分析ツールをご紹介する。 これらのツールを使うことで、あなたは喉から手が出るほど欲しかった貴重なデータを得ることができる。そして、そのデータをもとに、改善していくことで大きな結果を出すことができるようになる。 １．User Heat User Heat 登録ペ
デザイン性とコンバージョン率が両立した必見ランディングページ７選
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. 現在のランディングページでは、デザイン性もコンバージョンを上げるために無視できない要素となっている。 単刀直入に言えば、どれだけ素晴らしいセールスコピーが書いてあっても、デザイン性が皆無であれば、訪問者は一瞬で興冷めしてしまう。 一方、デザイン性を重視し過ぎて、伝えるべきことが伝わらないランディングページでも、コンバージョンは生まれない。 つまり、ランディングページデザインの際は、デザイン性とセールス性の最適なバランスを取ることが重要となる。そこで、本日はデザイン性とコンバージョンを両立している、全てのWEBマーケター/デザイナー必見のランディングページを厳選して７つご紹介する。 １．MailChimp MailChimp Eメールマーケ
フォーム入力をリアルタイムチェックすることでコンバージョン率が22%アップ
[対象: 全員] フォームを入力するときの離脱率、ECサイトで言えば“カゴ落ち”を減らすための1つの手段を今日は紹介します。 “Inline Validation”（インライン・バリデーション）がそれです。 インライン・バリデーションとはフォームを入力する際に入力項目が正しいかどうかをリアルタイムでチェックする仕組みです。 日本語での適切な言葉を見つけることができなかったので、「インライン・バリデーション」という用語をこの記事ではそのまま使います。 フォーム入力時のエラー通知でよくあるのが下のキャプチャのようにすべての項目を入力し終わって送信ボタンを押した後にページのトップにエラー内容が表示されるパターンです。 ポップアップでウィンドウが出てきてエラーを通知するパターンもありますね。 後からの通知はいちいちその場所に戻って直さなければなりません。 しかもページトップの表示されるので下にスク
#01 広義／狭義の UX デザイン
渋谷のシェアライブラリー co-ba library に置いてある、OVERKAST 選書の第１弾。 初回は自己紹介も兼ねて、UX デザイン周辺の書籍を選びました。 本棚の場所は、co-ba library に入って右手前あたり、OVERKAST マークが目印です。棚には付箋メモも置いておきますので、本の感想や気付きなどあれば、書いて貼りつけておいてください。 さて、今回のテーマは「広義／狭義のUXデザイン」。「UX デザイン」という言葉の定義が気になりますが、それはまた別の機会に掘り下げるとして、今回は本の内容にそれを託します。 以下、選んだ本のレビューを簡単に書くので、参考にしてください。 ブレンダ・ローレル『人間のためのコンピューター – インターフェースの発想と展開』（1990） アラン・ケイ、ニコラス・ネグロポンテ、ドナルド・ノーマンらの、貴重なインタビューや文献を所収。 今から
http://blog.iaspectrum.net/2012/06/02/di-meetup/
See related links to what you are looking for.
【インタビュー】クックパッドのUIデザイナー：「エンジニアの仕事が０を１にする仕事なら、デザインは1を100にする仕事 」 | Startup Dating
Startup Datingでインタビュー連載を始めてみることになりました。さて連載の初回は、2011年に新卒としてクックパッドに入社し、現在UIデザイナーとして活躍する片山育美さん（@monja415）。片山さんが現職に就くまでの道のりや、クックパッドのUIに関する考え方、片山さんが手がけた具体的なUI改善の事例やヒントなどをたっぷりお伝えします。 美術大学で勉強、もともと職人になりたかった もともと絵を描くのが好きだし得意、高校のときから職人になりたいと思っていたと話す片山さん。美術大学に進学し、ファイン系とデザイン系でデザイン系を学ぶことを選択。ファイン系とは、絵画や彫刻などいかにも“アート”というもの。ファイン系が芸術だから、どこか自分の中で完結してしまうところがある。でも、職人って誰かのために技術を使える人なんじゃないか、と。情報デザイン学科を専攻し、サービスデザインやUXと言わ
ふつうのformをつかいたい - はまちや２ - ニコニコ超会議2012
こんにちはこんにちは！！ はまちや２ (@Hamachiya2) ブロガー、クラッカー。特技は洗濯、趣味は破壊、苦手なことはプログラミング。 WEB+DB PRESS のお便りコーナー担当。 「はまちちゃん」とかで適当にググってください。 無料で プレミアム機能を 使う方法 見つける時間がありませんでした。 何話そう？ プログラムは苦手だし… セキュリティとか興味ないし… そんなわけで普通のことを話します。 本日のテーマ： 『ふつうのformを使いたい』 <form> 電話番号はハイフン抜きの半角で…（はいはい） フリガナはカナで… (カナで名前を学習してしまうのが嫌だけど…) 郵便番号は前と後ろに分けて… (めんどくさいなぁ…) 住所は全角で… (あーはいはい…) … (できた！) (これで送信、と…) ※エラー：住所を正しく入力してください (え、なんで！？) ※住所は全角で入力してく
APP｜Leap Motion
Say hello to the second generation of our iconic hand tracking camera We remove boundaries between physical and digital worlds - for anyone, anywhere. Say goodbye to hardware… Say hello to human technology. Our hand tracking and haptics are powering the next wave of human potential. No controllers. No wearables. No touchscreens. Just natural interaction.
何故、エンジニアはUIのセンスがないか。
何故、エンジニアはUIのセンスがないのか、という自分にも当てはまるようなことについて書いてみる。 まずエンジニアがダメなUIを作ってしまう理由について、いくつかの仮説を立ててみる。 1.その画面を作るエンジニアは全てを知りすぎていて、もはやわからない人の気持ちがわからない説 2.エンジニアはITリテラシーは高いけど、自分ができることを人に理解できるように説明するのは下手説 3.技術的に実現する方に興味が偏って、ハナからUIの使い勝手に興味が無い説 4.国語力がない、自分が実現する文脈を表現するのはできるが、ユーザーの文脈に配慮した言葉を想像する力が無い説 5.仕様書を読まない、人の言う事を聞かない説。例えばOSが定めているユーザーインターフェースガイドラインに従わないので、UIパーツが意図した使い方をしておらず統一性に欠ける。 6.わかりやすい色や文字、レイアウトに関する知識が無い。センス
僕がユーザビリティに興味を持ったのは色弱だからだろうという話。 - 日々、とんは語る。
僕がWebに触れたのは主に2003年からで、すぐにWeb制作に興味を持ち、今日まで勉強し続けてきたのですが、多くのWeb技術の分野の中でも、特にユーザビリティに興味を持ったのはなぜなのだろうか。 そんなことを、最近ぼんやり考えていたのですが、最近になって僕がユーザビリティに興味を持ったのは、自身が色弱だからだろうという単純な結論に至りました。 ユーザビリティはデザインの一種で、これが正解という答えがない分野です。配慮に配慮を重ねても、なかなかユニバーサルデザインの実現は難しいものです。 UD を実現するには、バリアに気付く必要がある。 『障害・バリア』と呼ばれるものは、目には見えづらいものです。バリアに気付くためには、障害者の目線になるのが最も確実な方法だと言われています。 中学生の時に、ペアを組み、片方が目隠しをして目的地まで案内してもらったり、車椅子に乗って学校の中を移動してみたりする
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
RESTful Web アプリの設計レビューの話
TechCrunch | Startup and Technology News
ヒューマンエラー 理論と対策