ECサイトにおいて「レスポンシブWebデザイン」では売れない３つの理由｜ECのミカタ
水上 浩一です。 2017年12月に大阪EC実践会13期が終了しました。<br>（現在は14期絶賛開催中です） 今回も月商ギネス（最高売上の更新）ラッシュとなりました。 その中には元々大きな売上だったファッションジャンルのショップさんが<br>11月12月と連続で月商ギネスを更新され昨年対比142％という数字をたたき出すことに成功しました。 本当におめでとうございます！ こちらのネットショップさんに1月下旬、お話を伺う機会があったのですが、<br>特にスマホページの改修を積極的に行い、コンバージョン率を大幅に向上させたのが成果要因だとおっしゃっていました。 スマホサイトではモノは売れない、とおっしゃる方もいらっしゃいますが、<br>EC実践会ではこのようにスマホサイトでコンバージョン率を大幅にアップさせて、結果的に売上を上げることに成功している事例が数多くあります。 スマホサイトはうまく改
SINAP | 【書籍紹介】2017年度版：Web業界の新人さんにおすすめ！一度は読むべき本12選
こんにちは、ディレクターの北川です。 今回はシナップの研修で使用している図書について、夏に入社した北川と村田の２名でご紹介していきます。 新人研修で使用する基本編の図書を中心に、全体の研修で使用した応用編まで合計12冊となっていますので、Web業界の新人さんにとって、日々の業務に役立つ図書が多く見つかるはずです！ それでは早速ご紹介に移りましょう。 おすすめ一覧 1 . 『ビジネスマナーの解剖図鑑』 2 . 『世界一やさしい問題解決の授業』 3 . 『ウェブの仕事力が上がる標準ガイドブック』 4 . 『リーン・スタートアップ』 5 . 『Running Lean』 6 . 『IA/UXプラクティス』 7 . 『Web制作者のためのUXデザインをはじめる本』 8 . 『次世代Webサイト構築ワークフロー』 9 . 『Webディレクションの新・標準ルール』 10 . 『誰のためのデザイン？』
ニュースアプリの「究極のUI」って何ですか？ Yahoo!ニュースと日経電子版が大激論
Yahoo!ニュースとエンジニアtypeが「『公共性×編集×テクノロジー』～ニュースメディアに求められる使命に、開発者はどう応えるのか～」と題した勉強会・交流会を9月17日に開催しました。後半のディスカッションでは、Yahoo!ニュースと日本経済新聞のアプリ担当者が、ニュースアプリに求められるUI/UXとは何かを語り合いました。 ⇒前半のディスカッションはこちら：【編集×テクノロジー】激戦のプッシュ通知 Yahoo!ニュースアプリの「苦い」1日 登壇者は、日本経済新聞の電子版アプリを監修したUIデザイナーの深津貴之さん（THE GUILD、写真左から2番目）、同紙デジタル編成局編成部の重森泰平次長（左から3番目）、ヤフー ニュース事業本部のUIデザイナー宇野雄（左から4番目）。モデレーターはエンジニアtypeの伊藤健吾編集長（1番左）。あわせてエンジニアtypeの記事「ニュースアプリ「究極
Belajar Bahasa Inggeris Online 2022 (Kelas English 1-to-1)
Kalau anda teringin nak fasih English, boleh belajar Bahasa Inggeris online dengan kami. Kelas dijalankan menggunakan Zoom / Google Meet. Kelas Bahasa Inggeris Online Ini Khas Untuk Orang Dewasa Yang Faham English, Tapi Bila Speaking: Ayat Berterabur, Grammar Hancur Dalam proses nak fluent English, kenapa mesti malu? Kami di JomEnglish Academy faham, anda nak sangat cakap smooth dan rasa confident
次世代 Web カンファレンス 2015 (2015/10/18 09:00〜)
security, standardization は、登壇者の撮影を一切禁止します。 トーク内容は事前には決めないため、トークの概要といったものはありません。 昼食は、休憩時間に校内・教室で食べることもできます。学校の 1 階にセブンイレブン、近くにほっともっとがあります。 Wifi あり、一部座席には電源があります。 Speaker server_perf @mirakui: @xcir: インフラエンジニア / Varnish Cache大好き [GitHub] [xcir.net] @cubicdaiya: Software Engineer in Infrastructure Engineering [Profile] accessibility @bakera: HTML/情報セキュリティ/アクセシビリティ関連の話が好きな人。最近関わった本:[コーディング] [デザイニング]
LEAN UX Japan Conference 2015 〜Lean UXが拓く未来〜 | Peatix
LEAN UX Japan Conference 2015 は日本で LEAN UXを実践・普及させることを目的とした国内イベントです。書籍『Lean UX リーン思考によるユーザエクスペリエンス・デザイン（オライリー・ジャパン）』が刊行されてから約 1年が経過し、これまでの各社による取り組み例をご紹介すると共に、組織への導入にあたっての課題解決に向けたヒント、並びに LEAN UX を取り囲むように誕生した、グロースハックやデザインスプリントのコンセプトをご紹介しながら、改めてLEAN UX の思想とその価値を参加者のみなさんと一緒に再発見・拡大していきたいと考えています。 （株式会社コンセント / Lean UX Circle 主宰 坂田 一倫）
第8回 「気持ちいいUI」の追求に熱心になりすぎて、空回りしてませんか？ | gihyo.jp
前回は、気持ちいいUIを構築する方法を開発者の視点から捉え、「開発者が“面倒くさくて”やらなかったことが、利用者の“面倒くささ”の蓄積につながるのではないか」、そしてユーザーの面倒くささを解消してあげる方法の1つとして「ユーザーが何もしなくて良い状態を作る」ことがよいのではないか、という意見を提示しました。今回はその考察をさらに発展させ、技術者がついついやってしまいがちな「やりすぎ」について考えてみたいと思います。 チュニジアで痛感したGoogleマップの出来の良さ 筆者は8月末にチュニジアに行って来ました。チュニジアはアフリカ大陸の地中海沿岸に位置しており、アフリカの中では比較的発展を遂げている国です。フランス人などのリゾート地としても有名です。今回は家族を連れて、チュニジア人の元同僚を訪ねての旅だったのですが、筆者は基本リモートで仕事をしているため、仕事を完全にストップさ
Webユーザエクスペリエンスのためのパターン集～Ajaxデザインパターン - プログラマの思索
「Ajaxデザインパターン」という本を見つけたのでメモ。 【参考】 O'Reilly Japan - Ajaxデザインパターン Main Page - Ajax Patterns パターンとライブラリで作るAjaxおいしいレシピ（1）：jQueryを使ってTwitterをおいしくマッシュアップ (1/4) - ＠IT JSONP － ＠IT リッチクライアント用語事典 Ajaxデザインパターン｜Ouobpo Ajaxデザインパターン - プログラミングパターン (1)｜Ouobpo Ajaxデザインパターン - プログラミングパターン (2)｜Ouobpo Ajaxデザインパターン ―ユーザビリティと開発効率の向上のために - Foo am I? up J's street on Blog: Ajaxデザインパターン ―ユーザビリティと開発効率の向上のために @ITでAjaxネタ(デザイン
ソシオメディア | あるとよい機能はない方がよい
UXデザインのコンサルティングではよく品質優先度マッピングというものを行います。これは開発プロジェクトの上流工程において、実装を検討している機能をリストアップし、そのひとつひとつについて想定する利用者の割合や利用頻度の観点からグルーピングし、実装の優先度を決める作業です。 これを行う目的は、UIをできるだけシンプルに保つことにあります。ユーザーが求める機能をすべて盛り込むと、当然UIは複雑になり、誰にとっても使いにくいものになります。また蓋然性のバランスが取れていない要件はプログラムを複雑にし、バグが増える原因になります。 UIデザインにおけるパレートの法則（結果の大部分は全体の一部によって生み出される）は、「ユーザーの80%は全機能の20%しか使わない」というものです。その20%に注力し他の優先度を下げることで、製品の利便性は向上するはずです。 Core, Important, Nice
37signals Jason Fried氏の講演 「より少ないシンプルな機能で競争する」：Goodpic
This shop will be powered by Are you the store owner? Log in here
スマホ時代の主役になりたい技術者は、「デザイン思考」と「のりしろ」を持つべき【連載:えふしん】 - エンジニアtype
藤川真一（えふしん） FA装置メーカー、Web制作のベンチャーを経て、2006年にpaperboy&co.へ。ショッピングモールサービスにプロデューサーとして携わるかたわら、2007年からモバイル端末向けのTwitterウェブサービス型クライアント『モバツイ』の開発・運営を個人で開始。2010年、想創社（現・マインドスコープ）を設立し、2012年4月30日まで代表取締役社長を務める。その後しばらくフリーランスエンジニアとして活躍し、2012年11月6日に想創社（version2）設立 最近、Webやスマホの制作界隈で、「デザイン思考」という言葉を見かけることが増えました。 デザイン思考というのは、IDEOというビジネスコンサルタントが製品開発の際に取り込んだプロトタイプを活用した製品デザインの方法です。プロセスとしては右図の通りで、 ・ 実現したい哲学とビジョンを決める ・ 調査を行い、分
A/Bテストとユーザビリティテストの使い分け
A/Bテストは、用意した複数のデザインのどちらの成果指標がよりよいか、という結果を定量的に比較検討するための手法です。いくつかのデザインの選択肢があった場合に実際にユーザーに利用してもらうことで、どのデザインが最も数値目標達成率が高いかを把握するのには有効ですが、なぜその結果になったのか、という理由を把握することはできません。デザイナーの発想の域を越えることはできず、変更すべきデザイン要素が別のものだったとしても気づくことができません（例：真の問題は、色ではなく配置だった）。 一方、ユーザビリティテストは、ユーザーの利用状況を観察することで、目的達成を妨げる問題など、定性的な洞察を得るための定性的な手法です。まだ開発途中である場合や、リリースしたあとに、ターゲットとしたユーザーがどのように思考し行動するかを把握するのに有効ですが、定量的な指標による評価にはあまり向きません（それをしようとす
レスポンシブwebデザインの作り方とSEOとUXを考察
2013年は更に レスポンシブ は流行ではなく 一つのデザイン定義として定着する年なのではないかと。 その定着する新しい手法のデザインの作り方と SEO 、 UX の観点から考察していきたい。 レスポンシブwebデザインの基本 レスポンシブwebデザイン とは 1ファイルでどんなデバイスでも柔軟に対応する事が出来る手法です。 この手法が編み出される前は、端末別等で違うCSSファイルを呼び出し、デザインを変えていたかと思いますが、このやり方だとデザインを変更する時に端末別に分けた分のデザインを変更しなくてはなりません。 レスポンシブwebデザイン もそうゆう意味では変えなくてはならないのですが 横幅の計算でデザインしていきますので変更点が少なくなります。 初めは リキッドデザイン と似ていると感じると思いますが、違いはこちら ■リキッドデザイン これで レスポンシブwebデザイン とはなんぞ
Designing for Performance
Designers have a tremendous impact on site performance based on how they design for the web, before a single line of code is written. This article will cover how performance can be designed and what it takes to make it happen. Speed is a fundamental part of user experience on the web. Web performance has been proven to have a direct impact on how people use a site and if they are willing to use it
デスクトップのUI・UX設計はモバイルの影響を受けて変わっていく | スラド IT
ソフトウェア開発者でDr.Dobb's誌編集長のAndrew Binstock氏が、スマートフォンとデスクトップPCのインタフェース設計に関するコラムを掲載している（Dr.Dobb's、本家/.）。 スマートフォンとデスクトップPCのユーザーインタフェース（UI）とユーザーエクスペリエンス（UX）は大きく異なる。そのため、UI、UXの設計はそれぞれ個別に行われてきている。一方で（やや性急すぎるが）MicrosoftのWindows 8メトロUIのように両方を一つにしようという動きも見られる。たとえば、Webアプリの分野では複雑だったダイアログボックスの設計が簡素化する方向に向かっている。これはスマートフォンからの影響を受けている部分が大きい。 ドロップダウン・メニューの発展も著しい。デスクトップPC向けのドロップダウンメニュー機能の拡張に応じてはどんどん長くなっていったが、最近では指でタッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[UX]は投げ捨てろ！![[UX]は投げ捨てろ！](https://cdn-ak-scissors.b.st-hatena.com/image/square/d35e44c1834305f0f591517f44342e50419b879c/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fsendai-150131020702-conversion-gate01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
1px / Podcast始めました! | elle-height
おっぱいでUX語る
マイクロソフト、『Windows 8.1 UX ガイドライン』日本語版を無償公開
CSS 20 stunning examples of CSS 3D transforms