サービスのオンボーディングにおけるベストプラクティス
プロダクトにユーザーを登録させることは大変です。たくさんの時間、エネルギー、費用が必要なのにもかかわらず、最初の体験の直後に、苦労して得たユーザーの大部分を失ってしまうプロダクトが山ほどあります。Andrew Chen氏の調査では、以下ようなことがわかりました。 平均的なアプリは、インストールしてから最初の３日間でデイリーアクティブユーザーの77％を失う。 企業は新規ユーザー獲得のために多大な投資をしますが、初回訪問の直後に獲得したユーザーの大部分を失ってしまうのです。そのような企業にはなりたくないでしょう。しかし、どうすればより上手くできるでしょうか？ そのためには、完璧なオンボーディングプロセスを作りあげ、第一印象を素晴らしいものにする必要があるのです。 オンボーディングというのは人事用語で「新人研修」を意味しており、「登録し、利用してもらう手段」としてUXデザイナーによって取り入れら
もう縦スクロールって疲れません？進化する私たちの指と視野｜ワカモノのトリセツ
こんにちは！現役女子大生二人組による若者の今を伝えるメディア「ワカモノのトリセツ」です。 春休み満喫中の私たちは、自然と携帯を見る時間が増えました。 そんな時に、 「あれ？最近縦スクロールするのがもう嫌になってきたぞ？！」と思うようになったことに気づいたのをきっかけに、今回は縦スクロールについて私たちの最近の価値観をお話しします。 ■ 縦スクロールで満足できていた時代縦スクロールコンテンツで代表的なものはこちら。 ・Instagramのフィード投稿 ・コスメやファッション、旅行系のキュレーションメディア ・Twitterのタイムライン ・クックパッド ・Safari、Chromeなどのウェブブラウザたち 昨年の夏頃までは、まだ縦スクロールへのストレスが薄かった気がします。20件、30件とインスタのフィード投稿を見るのが全く辛いと感じませんでした。コスメやファッション、旅行系のキュレーション
Inspired: 顧客の心を捉える製品の創り方を読んだ - ninjinkun's diary
プロダクトマネージャーの職能+ユーザー体験設計の本です（と解釈しています）。 最近Rebuild: 98: Superhumans Wanted (Naoya Ito)やエンジニアからみた良いプロダクトマネージャとは？ - サンフランシスコではたらくソフトウェアエンジニア - Higepon’s blogで話題のプロダクトマネージャーに興味があって、関連しそうな本を読みたいと言っていたら、知人がこの本を紹介してくれました。 Netscapeなどでプログラマーをしていたバックグラウンドを持ち、eBayなど複数の会社でプロダクトマネージャをしていた経験を持つ著者がプロダクトマネージャーの職能について語る本で、以下のような内用が含まれています。 プロダクトマネージャーとは何か どうやって他の職種と連携して働くか どうやって製品を見つけ出すか どうやってユーザー体験を作っていくか 自分にとっては、
僕はプログラマーではない | F's Garage
新卒の時には、僕の視界にはまだWebの仕事が選択肢になかったので、就職先にプログラマーになる選択肢は全く考えてなかった。 プログラマーというのは情報処理技術者のことで、数字を処理するだけの仕事だと思い込んでいたからだ。 ところがWebの時代になって、プログラムが人の心や人の生活の一助になる世界が広がってきた。もう少し実装マターで言うと、「プログラムではなくて、HTML上に書かれた文字とグラフィックが、人の手助けをする」というのがWebの特徴だと思う。 だからWebの世界が楽しそうで転職してみた。 僕が思う、Web開発者が支えなければならない事とは、つまるところ、 ・わかりやすい文章の提示 ・わかりやすい画像の提示 ・楽しくなる文章の提示 ・楽しくなる画像の提示 ・役に立つ情報 ・間違えない入力情報 ・ ・ ・ つまりシステムや人同士のコミュニケーションに他ならない。 間違っても「希望の仕様
iOS 7 UI 考察（前編）
発表当時から賛否両論の意見が飛び交っていた iOS 7。普通に使えるようになってしばらく経つので、改めて Apple （特に ソフトウェアエンジニアリング担当の Craig Federighi と デザイン担当の Jony Ive）が何を目指しているのかを私の中で考えてみました。今回は特に色にフォーカスしてデザインコンセプトの分析です。こういう見方もあるんだという、ひとつの視点として見ていただけると嬉しいです。 人間性を持たせること 人間性（Humanize）は、Apple の歴史からみて重要なキーワードだと思います。1984 年に発表された Machintosh 128K は当時のコンピュータの概念を覆す色・形でした（コンピュータの宣伝をスーパーボールで放送するというのも革命的でした）。一部のテクノロジーに強い人たちだけが使う、どこか冷たくて突き放しているイメージがあったコンピュータを一
黒須正明氏「これからの企業は、全社を挙げてそれぞれのポジションからUXについて考えるべきです」 | ユーザーエクスペリエンスのチカラ
黒須 正明氏特定非営利活動法人 人間中心設計推進機構（HCD-Net） 理事長 学校法人放送大学 ICT活用・遠隔教育センター教授 国立大学法人 総合研究大学院大学メディア社会文化専攻 教授UXやユーザビリティに関わる人であれば、ユーザ工学、ユーザビリティ研究者である黒須正明氏はだれもが知る存在だろう。今回は、人間中心設計推進機構理事長の黒須氏を迎え、UXに対する考えなどを詳しく伺った。 UXは時間軸において5つの段階を持っている――まずは黒須さんとユーザエクスペリエンス（UX）の出会いを教えてください。 UX歴は7年位ですね。欧米でUXが流行り始めたのが今世紀に入ってから。そのころはユーザビリティと混同されていたから、僕は反発していたんです。でも、2005年頃から欧米のユーザビリティやデザインの研究者とUXについて議論する機会が増え、定義が明確になってきたことから、UXという言葉を使い始
ページ内にサイト利用法のチュートリアルをオーバーレイ表示できる「Pageguide」:phpspot開発日誌
Pageguide by tracelytics ページ内にサイト利用法のチュートリアルをオーバーレイ表示できる「Pageguide」。 page guideというボタンがページのサイドに現れて使い方をハイライトしてくれます jQueryとCSS3で実装しているため、非対応ブラウザでは動かない点は注意 押した所、エレメントに吹き出しがついて、ページ下部には利用の説明を表示できます ページの構成にもよると思いますが、番号をステップで追っていけばなんとなくサイトの使い方について説明できます ページを見ながら覚えるのが一番、ということで色々と使えそうですね 関連エントリ ページ上にそのままチュートリアルを乗っけて使い方を分かりやすく説明できるjQueryプラグイン「jQuery Tutorial」 サイトの使い方をその場でアニメーションしてチョートリアルさせられる凄いjQueryプラグイン「Em
これで完璧！EFO(エントリーフォーム最適化)でチェックしたい30個のポイント | Web担当者Forum
WEBサイトからのお問い合わせを増やしたい！と思ったときに、サイトへの訪問者数を増加させるだけではなく、すでにサイトに来てくれているユーザをいかにお問い合わせまで導くのかも重要です。 しかし、EFO(エントリーフォーム最適化)がBtoCほど浸透していない、BtoBサイトでは離脱率が90%を超えるサイトも珍しくありません。 まずは自社サイトのお問い合わせフォームの離脱率を把握することが大切ですが、離脱率が高いことがわかっても「なにを改善すべきかわからない」「項目を減らしてみたが、それ以外の改善策がわからない」といった方が多いのではないでしょうか。 今回は過去500社以上のサイトを制作・運営する中で検証してきたEFOのノウハウを一挙にすべてご紹介します。 自社のお問い合わせフォームを改善する際のチェックリストとして是非お使いください！ ■目次入力支援エラー対応セキュリティおもてなし最後に■入力
Webで実現する最上の「おもてなし」～お客様をファンに育成 | 日本オラクル | 【レポート】Web担当者Forumミーティング 2012 Spring
多種多様なモノが溢れる現代、性能や価格面での差別化がしにくくなる中、「ウェブ上のおもてなし」の重要性がますます高まってきている。日本オラクルの谷本氏は、講演で「おもてなし」の構成要素を4つに分解し、優れたカスタマーエクスペリエンスを提供する方法を提案した。 「おもてなし」を高めることが市場での差別化につながる日本オラクルというと、データベースやミドルウェアの印象が強いかもしれない。しかし、近年はCMSやイーコマースなどのウェブマーケティング分野にも多数の有力なソフトウェアを提供しており、世界有数のデジタルマーケティング・ベンダーとなっている。日本オラクルの谷本航氏のセッションでは、「ウェブ上でのおもてなし」を向上していくことの重要性が、グローバルな視点も織り交ぜながら紹介された。 おもてなしとは、顧客に対して良い購買体験やユーザーエクスペリエンスを与えること。今、おもてなしの重要度が高まっ
[JS]実装も簡単！ページ内の次にどこを見るかアニメーションでガイドするスクリプト -Pageguide
必要な時だけ、ページ内の指定したエレメントに番号付きのナビゲーションを設置するjQueryのプラグインを紹介します。 移動はアニメーションでスライドするので、気持ちいいです。 下部のパネルのアローをクリックすることで、次に見るべきコンテンツに移動します。 [ad#ad-2] Pageguideの使い方 実装は4ステップです。 Step 1: 外部ファイル スクリプトとスタイルシートを外部ファイルとして記述します。 <link rel="stylesheet" href="stylesheets/pageguide.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="javascripts/pageguide.js"></scri
社内ユーザテスト勉強会のスライドを公開します - Hatena Developer Blog
こんにちは、id:uedayです。 5/22にはてな社内でユーザテストについての勉強会を実施しました。 良いユーザ体験には、ユーザが迷わず快適に操作できるインタフェースが不可欠です。 ユーザビリティを評価する方法としてユーザテストがありますが、はてなブログチームでは、「アジャイル・ユーザビリティ―ユーザエクスペリエンスのためのDIYテスティング―」という本を参考に、社内でユーザテストを行っています。 今回の勉強会は導入編として、ユーザテストのメリットや事例など基礎的なことを解説したスライドを発表しました。 ご興味のある方はご覧ください。 ユーザテスト社内勉強会 View more presentations from ueday_h アジャイル・ユーザビリティ ―ユーザエクスペリエンスのためのDIYテスティング― 作者: 樽本徹也出版社/メーカー: オーム社発売日: 2012/02/23メ
ソフトウエアエンジニアがUX/UIを考える上で読むべき4冊の良書と名言たち
筑波大学 システム情報工学研究科 コンピュータサイエンス専攻 非数値アルゴリズム研究室(NPAL) 五十嵐 悠紀 2004年度下期、2005年度下期とIPA未踏ソフトに採択された、『天才プログラマー/スーパークリエータ』。筑波大学 システム情報工学研究科 コンピュータサイエンス専攻 非数値アルゴリズム研究室（NPAL）に在籍し、CG／UIの研究・開発に従事する。プライベートでは二児の母でもある 何か製品を考える時、そのものがカタチのあるものであっても、はたまたコンピュータの中で動くソフトウエアだったとしても、「ユーザーインターフェース（以下、UI）」について考える必要があります。さらには、わたしたちが日常生活においてストレスなく過ごせている裏側には、さまざまな人によって考えられてきたUIデザインが隠されていたりもします。 わたしは滞在先のホテルで、洗面所に入ったものの出ようとした時に
デフォルトが酷いとまじめに入力したくなる | コーヒーサーバは香炉である
codewallに登録してみたら、ちょっと面白い仕掛けがあった。プロフィールを何も入力していない状態だと、「スキル」の欄がこんな悲惨な内容になっている。 これは悲惨すぎる! ちゃんと編集しないといけない! もしもここに「まだ入力されていません」としか表示されていなかったら、あまり真面目にプロフィールを編集しようとは思わない人も多いだろう。後で気が向いたら書けばいいや、と。 しかし「ちゃんと記入しないと『IE6大好き☆ 特技はVBで〜す☆』ってことになるぞ」ってのは多くの人にとってはかなり嫌な脅迫となる。これはもう速攻で記入するしかないよ! 実際に何もしないと本当にIE大好きで特技はVBですと表示されるのかどうかは謎。おそらくはただの気の利いたジョーク……だと思う。 わかったのは、デフォルトが酷いものになっていると、「未入力です」と表示するよりもずっと強力に記入したい気分になるってこと。
ふつうのformをつかいたい - はまちや２ - ニコニコ超会議2012
こんにちはこんにちは！！ はまちや２ (@Hamachiya2) ブロガー、クラッカー。特技は洗濯、趣味は破壊、苦手なことはプログラミング。 WEB+DB PRESS のお便りコーナー担当。 「はまちちゃん」とかで適当にググってください。 無料で プレミアム機能を 使う方法 見つける時間がありませんでした。 何話そう？ プログラムは苦手だし… セキュリティとか興味ないし… そんなわけで普通のことを話します。 本日のテーマ： 『ふつうのformを使いたい』 <form> 電話番号はハイフン抜きの半角で…（はいはい） フリガナはカナで… (カナで名前を学習してしまうのが嫌だけど…) 郵便番号は前と後ろに分けて… (めんどくさいなぁ…) 住所は全角で… (あーはいはい…) … (できた！) (これで送信、と…) ※エラー：住所を正しく入力してください (え、なんで！？) ※住所は全角で入力してく
UX/UIデザインガイドライン : 小野和俊のブログ
このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 UX/UIデザインガイドラインとして各社の推奨する指針をまとめたものがWebで公開されているので、プログラマーであれデザイナーであれ、ソフトウェアの画面設計に何らかの形で携わるのであれば、基礎知識として主要なものには目を通し、プログラマーがデザインパターンの用語で手短にコミュニケーションが取れるのと同じように、「ここは○○ガイドラインの△△パターンを使うのはどうかな？」というような会話ができるようにしていきたいと思っている。 ■ Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) ■ M
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
公海555000kk线路检测—首页（欢迎您）
cmmntr.com
Loading...
Web制作者が読んでおきたい、最近公開されたおすすめのスライド
UI＆UX / 重要なのは、毎日さわって嬉しい UI UX!
