「UI/UX」はもはやWEBデザインやアプリ開発において、無くてはならない存在となっています。実際にWEBサービスやアプリに触れて確認することも大事ですが、資料でまとめて勉強するのもありですよね！ そこで今回は、日本中の「UI/UX」に関する資料を気合いで全部集めてみました！（たぶん） それでは、早速みていきましょう！ UIデザインとUXの超基礎「UI Design & UX for ENGINEER」

ここ最近、モバイルWebコミュニティにて、Apptimize社のトップであるLynn Wang氏がポストした「7 Mobile UX Mistakes You’re Probably Making Right Now」が話題になっています。 www.sitepoint.com その内容とは、彼女自身が、A/Bテストを使い様々なモバイルアプリの改善を行い、その中で得られた知見をまとめたものです。若干、煽り気味なタイトルに見えますが、中身はしっかりしていて、多くの人がなんとなく感じていることをキレイに言語化しています。個人的にも、参考になると感じています。 本人の許可が頂けたので、日本語らしく読めるようざっくりと意訳し共有します。 1. 不必要にサインインをさせようとする 多くの人々は、ユーザのサインインが価値を持つものだと考えています。しかし、時にサインインは、ユーザに苦痛を与えます。たとえ

LPO研究所所長の鎌田です。 スマホサイトを用意するのがもはや当たり前になりつつある昨今ですが、スマートフォン対応を急ぐあまり、問合せフォームのユーザビリティがないがしろになってしまっているサイトをよく見かけます。 スマホユーザーの環境は、PCユーザーに比べてあらゆる点でシビアです。いい加減なスマホ対応をしただけでは、そうそうコンバージョンのアップにはつながりません。 下記の事例をご覧ください。 これは、あるブライダル系サービスのPC向け問合せフォームをスマホ最適化したところ、スマートフォンからのコンバージョン率が３倍以上になった事例です。このように、スマホユーザー向けに問合せフォームを最適化するだけでも、コンバージョン率はしっかり上がるのです。 今回は、弊社でスマホ向けフォーム最適化を行う際にいつも心がけている「５つの原則」について、具体例を交えてご紹介します。あなたのスマホ向けフォーム

LPO研究所所長の鎌田です。 今回は「スマートフォンサイトでコンバージョン率を上げるための重要ポイント」をお伝えします。 レスポンシブデザインだの、HTML5だのといった技術的な話は一切しません。あくまで「コンバージョンに直結するスマートフォンサイト制作の考え方、施策」についてお伝えします。 時代はスマートフォンだ、マルチデバイスだと騒がれてはいるものの、実際のところ、Web上でスマートフォンからのコンバージョン獲得を意識して対策できている会社はまだ多くありません。今のうちにしっかりと対策をすれば、PCでは激戦区のジャンルであっても、スマートフォンサイトで出し抜ける可能性は大いにあります。 それでは早速いってみましょう。 目次 スマホユーザビリティは右手親指を意識しろ スマホサイトは読み込み速度を重視しろ リスティングもスマホ向けに最適化しろ スマホサイトではオファーを下げろ スマホではス

私は、元々エンジニアとしてランサーズに入社し、途中からディレクターに転身しました。ランサーズに入社する以前は、Googleアナリティクスをいじったこともなければ、CVRやCPAといった基本的なマーケティング用語すら知りませんでした。 まだまだ知識・スキル不足ではありますが、今まで得たものの多くは実際の業務を通して得られました。一方で、書籍を読むことで以下の二つのメリットがあると感じており、読書の時間を取るように努めています。 業務で得たスキル・知識を体系的に整理して定着させる そもそも知らないことをショートカットして知ることができる ディレクターに転身してから、必要な知識を身につけるために読んだ本を、ジャンル別にご紹介します。 Webエンジニアの時のおすすめ書籍は下記にまとめてあります。 kkino.hatenablog.com 基本的なビジネススキル どの職種においても必要なスキルだと思

ここ数年、UXという用語をよく使うようになりましたね！今回は最近浮上した『UX』と以前から使われてた『UI』について話したいと思います。 （UI・UXは色んな分野で幅広く使われてる用語ですが、ここでは主にモバイル分野を前提に話します。） UI（User Interface）とは 広い意味で『Interface：インターフェイス』は人の世界と物の世界の接点・コミュニケーション空間を意味します。 人はインターフェイスを通じて目に見えない機能を視覚的にみて操作してコミュニケーションします。 『User Interface：ユーザインターフェイス』はこのようにユーザとデジタル機器とのコミュニケーションがうまくできるように手伝ってくれるOS・アプリ画面などを意味します。 iPhoneのアプリのリンクが今のようなアイコンではなくてテキストだと想像してみましょう。 色々なアプリの中から写真アプリを見つけ

ボケて（bokete）は、国内最大級のお笑いWebサービスです。3秒で笑えるコンテンツが生まれ続けています。

「スマホ受けの条件が分かった」nanapiのQ&Aアプリ『アンサー』はなぜチャット型なのか、けんすう氏ら開発陣に聞く 2013/12/25公開 「β版では5分以内の即レス率90%」というキャッチーなプレスリリースと共に、2013年12月５日、nanapiが公開したQ&Aアプリ『アンサー』（iOSのみ対応）。そのレスポンス率の高さから、多くのWebメディアに取り上げられ話題となった。 その一番の理由は、『アンサー』がスマホユーザー向けに特化されたチャット型のインターフェースを搭載したことにある。投げかけられた疑問や相談事を、ユーザー同士の「会話」を通じて解決するのが特徴だ。 「徹底的にスマホユーザーの志向に合わせたアプリにした」と語るのは、『アンサー』開発プロデューサーの岡山智氏。さらに、代表取締役のけんすうこと古川健介氏は、「今までわれわれが培ってきたWebの常識をすべて捨てて開発した意欲

スマホ時代の感覚の違い 最近、元livedoor社長の堀江貴文氏による「TERIYAKI」というアプリがリリースされました。 これは簡単に言うと「おいしいものを知っている人だけが投稿するグルメサービス」という感じで、食べログやRettyなどとはまた違ったアプローチで、お店を探せるようになっています。 月400円という値段ですが、これはかなりアリだなーと使ってみて思いました。 しかし一方で、アプリなら使うけど、PCだと使わなそうだなと思いました。食べログのほうが使いたいと思っちゃう。でもアプリだと、TERIYAKIのほうがいいなあ、と思ったのですよね。 これはなんでだろう？と考えてみたんですが、やはりPCとスマホでは、使う際の感じ方が全然違うからなのかもしれません。 スマホ時代の情報提供の仕方 この前、総アプリDL数が3000万とかいっている、超アプリ作りが得意なコミュニティファクトリーの松

検索窓の位置がたった6ピクセル違っただけで、広告収入が4億8000万円変わる──10月8日、大阪で開催している「B Dash Camp 2013 Fall in Osaka」の最初のセッションで、こんな発言が飛び出した。 「ビッグデータ活用の最新事情」をテーマにした同セッションには、ディー・エヌ・エー（DeNA）ソーシャルプラットフォーム本部アナリティクスアーキテクトの濱田晃一氏、データセクション取締役会長の橋本大也氏、楽天執行役員の北川拓也氏が登壇。Hapyrus 共同創業者の藤川幸一氏がモデレーターを務める中、ビッグデータ解析の可能性が語られた。 左からHapyrus 共同創業者の藤川幸一氏、楽天執行役員の北川拓也氏、データセクション取締役会長の橋本大也氏、ソーシャルプラットフォーム本部アナリティクスアーキテクトの濱田晃一氏 データ解析による“カイゼン”はホームランでなく、たくさんのヒ

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 Ameba事業本部ソーシャルゲームディビジョンでデザイナーをしております大森です。 スマートフォン対応するにあたり最初に、｢ブーシュカ｣を簡単に説明させてもらうと、2009年9月リリースされた携帯向けソーシャルサービスで、手乗りサイズのブタのペットを育成するというゲームです。 フィーチャーフォン用のゲームとしてスタートしましたが、増え続けるスマートフォンユーザーにも楽しんでもらうべく、｢ブーシュカ｣も昨年よりスマートフォン対応を進め、昨年12月にAndroid版を、今年の1月にiPhone版をリリースしました。 2年もの間サービスを提

株式会社 日経BP 〒105-8308 東京都港区虎ノ門4丁目3番12号 →GoogleMapでみる ＜最寄り駅＞ 東京メトロ日比谷線「神谷町駅」4b出口より徒歩5分 東京メトロ南北線　「六本木一丁目駅」泉ガーデン出口より徒歩7分

無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする　＞＞ スマホの普及で導入サイトも増えているレスポンシブWebデザイン。作り手からするとまだまだ目新しいですし、ブラウザサイズを変えてサクッとデザインが柔軟に変わるのはそれなりに自己満足度も高く時代の最先端を走っている気分になれる仕組みではあります。一方、デバイスやスクリーンサイズにデザインが最適化できたとしても、それがそのデバイスを使っているユーザーに本当に最適化できているかというと、全くの別問題。Google先生も大推奨中ということで、今後さらに導入が進んでいくと思われるレスポンシブWebデザインですが、今回はそんなレスポンシブWebデザインが抱えるユーザー視点の問題点や課題を真剣に考えてみた記事を

作成：2013/09/17 更新：2014/11/01 SEO対策 > 先月、クライアントさんに「PVとかどうでもいいから、成約数を増やしてくれ」とお願いされました。もちろん予算は先月と同じです。競合調査、リマーケティングやLPOの改善で、クリック率1.2%→3.8%、コンバージョン150%にアップ。来月も参考にしたいので、今回は「成約率を上げる」為に参考にしたサイトを中心にまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 最適化のコツ １．EFO／エントリーフォーム最適化 ２．MEO／googleマップで上位表示 ３．PLA／商品リスト広告 ４．LPO／ランディングページ最適化 クリック率の上げ方 ５．広告原稿のクリック率を上げる ６．クリックされるボタンの色 キャッチコピーの作り方 ７．広告の書き方 成果を上げるレイアウト ８．料金プランの見