タグ

IAに関するseven0314のブックマーク (48)

  • ファーストビュー神話崩壊か 女性向けアパレル「fifth」スマホECの斬新すぎる設計に注目 

    ECzine Day(イーシージン・デイ)とは、ECzineが主催するカンファレンス型のイベントです。変化の激しいEC業界、この日にリアルな場にお越しいただくことで、トレンドやトピックスを効率的に短時間で網羅する機会としていただければ幸いです。

    ファーストビュー神話崩壊か 女性向けアパレル「fifth」スマホECの斬新すぎる設計に注目 
  • なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密

    Amazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかという秘密が明らかになりました。ユーザビリティを改善することが至上命題のネットショッピング系サイトにとっては非常に有益な知識となっています。 Breaking down Amazon’s mega dropdown - Ben Kamens http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown まずこれがAmazonの左上にあるカテゴリーを一覧化したメガドロップダウンメニュー。日Amazonにも同様のメニューが採用されており、マウスカーソルを上に持っていくと実にスムーズに動きます。 通常のメニューの場合、以下のようにして少し遅れてサブメニューが開くようになっています。 な

    なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密
  • 売れるECサイト制作のために商品ページデザインに必須の15の要素

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. ECサイトの売上アップに困っているなら、まず知っておいておきたい簡単な公式がある。 それは、「売上=集客×コンバージョン率×リピート率」だ。 集客力が2倍になれば売上は単純に2倍になる。またコンバージョン率が2倍になった場合も売上は2倍になる。 リピート率も然りだ。そして、この3つの中で、最も簡単に変えられるのがコンバージョン率だ。 そこで日は、ECサイトのコンバージョン率を倍増させるために、抑えておくべき商品ページの15の要素をご紹介する。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PVを実現したアプリメディアなど大きな成果を挙げ続

    売れるECサイト制作のために商品ページデザインに必須の15の要素
  • [ad:tech tokyo 2012] 検索マーケティングとスマホのお話 ::SEM R (#SEMR)

    [ad:tech tokyo 2012] 検索マーケティングとスマホのお話 ad:tech tokyo 「The Future of Search;How to Integrate the Search Ecosystem into Marketing Mix」でパネリストとして話してきました。ここでは、ショートプレゼンテーションで話した、検索とユーザーエクスペリエンスのお話をした背景について。 公開日時:2012年11月02日 14:17 2012年10月30、31日の二日間に渡って開催された ad:tech tokyo のセッション「The Future of Search;How to Integrate the Search Ecosystem into Marketing Mix」に登壇させて頂きました。今年で3回目の登壇で、こういう場はあまり緊張はしないのですが毎年悩むのは「こ

    [ad:tech tokyo 2012] 検索マーケティングとスマホのお話 ::SEM R (#SEMR)
  • 楽しく作れる!スマホアプリ/サイトのワイヤーフレーム・モックアップ作成支援ツール7選 | DevelopersIO

    ワイヤーフレームを楽しく作ろう! 魅力的なユーザーエクスペリエンスをユーザーに届けるために、ワイヤーフレームはとても重要です。 何より自分自身が楽しんで作らないと、良いアイデアは生まれないものですよね。 ということで「楽しく作れる!」という観点から、おすすめのスマホアプリ/サイトのワイヤーフレームの作成を支援するツールをまとめてみました!もちろんすべて無料で始められます! では早速どうぞ〜! Fluid UI http://www.fluidui.com/ プレビュー機能で画面遷移も作れる UIパーツが物にかなり近い形で表現されています(むしろそのまま?)。UIパーツはWireframe、iPhoneiPadAndroidAndroid 4.0、Android Tablet、Windows Phoneの中から自由に選べます。かなり豊富です。またオリジナル画像をアップロードして使うこ

    楽しく作れる!スマホアプリ/サイトのワイヤーフレーム・モックアップ作成支援ツール7選 | DevelopersIO
  • 様々なイケてるUIを参考にできるサイト | バシャログ。

    足掛け2年、全ての関連作品を見てからアベンジャーズを見て最高に盛り上がったminamiです。 Webデザインの中でもサイトのUIデザインは近年重要性を増していると思いますが、デザインする際のインスピレーションを受けられるサイトをご紹介します。 UI Patterns UI Patterns User Interface Patter Libraryというサイト名通り、UIが体系的にまとめられ解説されています。「Design patterns」ではそれぞれのUIに対して、どういう問題を解決してくれるものなのかの詳細な解説があるので、普段なんとなく使っているUIを基礎から勉強し直せます。 ui parade. ui parade. UIを種類別に集めたサイト。なかなか洗練されたものが集まってますね。 PATTERN TAP PATTERN TAP 良さ気なUIのスクリーンショットが集まるサイト

    様々なイケてるUIを参考にできるサイト | バシャログ。
  • Wikipedia Redefined - A favorite of many

    The Brand We started with the world is a puzzle of knowledge logo. ...and decided to eliminate, ahem, everything except... …the letter W, which is/could be the most famous W in the whole web. W is enough for Wikipedia to be recognized. The compound word wiki-pedia, is divided into italic and regular. The italic wiki part will later be used as a prefix for other sub-brands. A huge family of various

    seven0314
    seven0314 2012/09/05
  • 「モーダル」と「モードレス」 | Accessible & Usable

    公開日 : 2009年10月20日 (2020年8月30日 更新) カテゴリー : ユーザビリティ ユーザーインターフェース (UI) デザインの専門用語に「モーダル (modal)」と「モードレス (modeless)」という言葉があります。Web サイトの UI を設計するうえで、おさえておきたいキーワードだと思いますので、簡単に触れたいと思います。 「モーダル」「モードレス」とは? ユーザーインターフェース設計のコンサルティング会社、ソシオメディアさんの用語紹介 (グロッサリー) によると、「モーダル」「モードレス」はそれぞれ下記のように定義されています。 モードがある状態。つまり、システムが特定の機能の使用に制限された状態。ユーザーが自由に操作を行えなくなることと、モード別に機能の意味や振る舞いが変化することから、ユーザーインターフェースのデザインでは、できる限りモードを設けないほ

    「モーダル」と「モードレス」 | Accessible & Usable
  • 3つのユーザ特性から考える 『売れる』スマートフォンECサイトデザイン - ECサイト構築運営に役立つ情報発信|モバイルファーストマーケティングラボ

    スマホEC 3つのユーザ特性 スマートフォンECサイト構築において多彩な表現方法が出現しており、最近ではクライアント様のスマホECサイト構築を実施する際に様々なご要望をいただくようになっています。例えば『ANAPさんのようなデザインに』『**サイトのような表現方法で』など、特にJSを活用するような表現が多くなっています。 私たちがスマホECサイト構築の際にお客様と議論する1つが『売れるサイト』を目指すのか、『スマホっぽい見た目が良いサイト』を目指すのかという点です。 これまでの私たちのテスト実績や経験則から携帯サイトでも同様であったように、スマホ向けのモバイルサイトは『モバイルユーザ』の特性を加味したモバイルサイトが最もCVRが高くなります。 3つのスマートフォン(モバイル)ユーザ特性 通信速度が遅い 画面が小さく操作がしにくい PCに比べ目的意識が強い そこで『スマホっぽい見た目が良いサ

    3つのユーザ特性から考える 『売れる』スマートフォンECサイトデザイン - ECサイト構築運営に役立つ情報発信|モバイルファーストマーケティングラボ
  • 常識の枠にとらわれない独創的なUIのWebデザイン

    Niketo:Portfolio / Copenhagen Art Festival / Air Jordan 2012 - AJ2012他...全15件

    常識の枠にとらわれない独創的なUIのWebデザイン
  • UIデザイナーが知っておくべきエンドユーザーの10の特徴

    ユーザーの視点に立ってデザインされていないインターフェースは、エンドユーザーに受け入れてもらえないはずだ。そこで記事では、UIデザイナーが念頭に置いておくべきユーザーの習慣や考え方について焦点を当てる。 つい最近、「Ubuntu Unity」はUbuntuに正式搭載されてから1周年を迎えた。また、「Windows 8」はリリースを間近に控えている。こういった状況のなか、すべてのユーザーインターフェース(UI)は同じように作られていないという事実が明らかになってきている。実際のところ、コンピュータの使い方に革命的な変化をもたらすような素晴らしいUIデザインもあり得るだろうが、エンドユーザーを念頭に置いていないものは、その素晴らしさを証明する間もなく失敗作という烙印を押されてしまうはずだ。 筆者は長年に渡るコンピュータ経験のなかで、ほとんどすべてのLinuxデスクトップと、あらゆるバージョン

    UIデザイナーが知っておくべきエンドユーザーの10の特徴
  • 人はなぜ角丸に魅かれるのか、その理由と角丸の効果的な使い方

    ウェブのインターフェイスだけでなく、現実の世界でもたくさんの角丸を目にします。角丸は一時のトレンドではなく、デザインのスタンダードと言ってもよいでしょう。 そんな角丸がなぜ好まれるのか、どう使えばよいのか、ウェブページにどのように実装するのかなどを紹介します。 Rounded Corners and Why They Are Here to Stay 下記は各ポイントを意訳したものです。 角丸は目に、そして脳に優しい< 角丸のイメージは安心 -Appleのこだわり 角丸はいつ使用するべきか 角丸の実装:CSS3< 角丸の実装:古い方法 終わりに 角丸は目に、そして脳に優しい ビジュアル認知の権威:Jürg Nänni教授によると、『鋭角の長方形は同じ大きさの楕円より認知するのに努力を必要とする。人間の目は円形のものをより速く捉えることができる。」と述べています。 鋭角と角丸の視線の流れ 鋭

  • UXとUIが混同されるワケ

    最近 UXUI を混同して表記されているのを見かけるようになりました。私もウケやすいということで、混同させたことがあります。しかし実際のところ UXUI は同義語ではありません。良い UI デザインをすれば、UX が向上する可能性はありますが、必ずしもそうではありません。逆もしかりです。最近も UXUIの違いを分かりやすく表現しようと、シリアルとボールの写真を使った例が登場しましたが、「そうでもない」という意見も多数ありました。 それでは、なぜ混同されやすいのかというと、今のスマートフォン向けのデザインを見るとヒントが隠されています。例えば Twitter クライアントの中で人気のある Tweetbot を見てみましょう。このアプリの中で装飾と呼べるデザインはどれだけあるでしょうか。ほぼ皆無だと思います。 スマートフォンという小さなスクリーンには、UI しか存在しません。

    UXとUIが混同されるワケ
  • could

    Design, Content, Experience

    could
    seven0314
    seven0314 2012/05/21
  • 素人とは違う、Webプロフェッショナルの仕事としてのWebコンテンツ開発を考えてみた | イベント・セミナー

    コンテンツの重要性は、Webの漆明期からうたわれている。しかし、これは特別な視点だというわけではない。書籍・テレビをはじめとしたメディアでは当たり前のことである。 それでは何がWeb特有なのだろうか。改めて「コンテンツは王様」だと言われている理由とは、何なのだろうか。 Webコンテンツがもつ2つの側面Webにおけるコンテンツ開発は、大きく次の2つに分類できる 「ヒューマン・リーダブル(Human Readable)」であること「マシン・リーダブル(Machine Readable)」であること1つ目の「ヒューマン・リーダブル」とは、魅力的な写真、もっと読みたくなるような文章、理解しやすいように整理された情報など、そのコンテンツを「人」が視覚・聴覚によって理解できるかどうかである。 書籍やTVなど従来の媒体でもヒューマン・リーダブルであることが良いコンテンツであることの根底にあることから、コ

    素人とは違う、Webプロフェッショナルの仕事としてのWebコンテンツ開発を考えてみた | イベント・セミナー
  • eBay でヒドいデザインの方がコンバージョン率が高かった、という話

    先日日WEBデザインが2003年で止まっていると話題にという記事で楽天のサイトなどのことが取り上げられていましたが、これを読んで思い出したポッドキャストインタビューがあったので一部抜粋してみます。 このインタビューはスタートアップ向けレクチャーイベント ZURBsoapbox シリーズのひとつ。昨年11月に、「サンフランシスコでの投資とギークな日々の20年間」といったタイトルで 500 Startups 代表のエンジェル投資家デイブ・マクルーア氏が語ったものです。 「チームのメンバーに求める特徴は?」という客席からの質問のデザイナーの部分について、彼はこのように答えていました。 一緒に働くのが辛いデザイナーもいた。自分はなんでも知ってる、みたいなデザイナーと働くのにはほんとに苦労した。デザイナーと口論したいわけじゃないんだ。俺が見たいのは数字とお客さんの利用例。そして何がうまくいってい

    eBay でヒドいデザインの方がコンバージョン率が高かった、という話
  • インタフェースデザインやインタラクションデザインがなぜ重要か? | インタラクションとデザイン

    はじめに 人が関わるものすべてにインタフェースがある。そして、インタフェースは人の行為をつくる。あるいは「行為に影響するように物の設計を考えることがインタフェースの設計」と言えるかもしれない。 行為は人の経験をつくる。連続する行為は活動つくり文化をつくる。だからインタフェースは重要である。人にとってこんなに質的で、文化にとっても重要な現象を、なぜもっと注目しないのだろうか。インタフェースに人類の未来があると言ってもいいほどだ。 この文章は、インタフェースやインタラクションだけにフォーカスし、その視点から、それがいかに重要であるかを記述する試みである。 *書いた後に思うことは、僕自身はインタフェースはコンピュータから外に向かっていて、コンピュータの中を操作すためのものじゃないこと。だからこんな発想になる。でもこれはユビキタスコンピューティングや実世界指向など一連の思想の流れの結果だとは思っ

    seven0314
    seven0314 2012/04/26
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
  • 「Facebookはバカばかり」に見る「いい情報はいつだって何回でも出すべき」の法則 | 初代編集長ブログ―安田英久

    今日は、2月に話題になった「Facebbokはバカばかり」という某ブログ記事で取り上げられた話題から、Web担当者(特にコンテンツ企画の人)が意識しておくべき「さんざん既出の情報」の扱いについて。 有名な話だと思っていたけど、それでも知らない人は山ほどいるんだなぁ。 そう思った出来事がありました。 今日の話は、結論としては、あなたが「誰でも知っているよ」「以前に掲載したよ」と思う情報でも、それが届いていない人はたくさんいるのだから、当に有用で伝えるべき情報は、何度でも出すべきだ(ただし伝え方は工夫して)というものです。 「実話」として拡散されたエスニックジョーク2012年2月ごろに、Facebookで話題になった書き込みがありました。「感動した」「素晴らしい」「実話らしいです」「いや、デマのようです」と大拡散したものです。 これは実話でもデマでもない単なるエスニックジョークで、元ネタはそ

    「Facebookはバカばかり」に見る「いい情報はいつだって何回でも出すべき」の法則 | 初代編集長ブログ―安田英久
  • 3000はてブを獲得した経緯と方法

    はてなブックマークで、週間ランキング総合1位を獲得し、 2051シェア、1400ツイートを獲得した経緯と方法を解説。 3月26日の夜、当社で1つのブログ記事をアップしました。 「超簡単! 髪の毛の画像を1分で切り抜く方法まとめ」 翌日には、はてなブックマークにて人気エントリー入りし、 それと同時に、ソーシャルメディア内で拡散が起こり、 3003ユーザーから「はてなブックマーク」を獲得、 Facebookで2051シェア、Twitterで1400ツイートという ユーザー間での共有が行われ、結果的に多くのPVに繋がり、 今なお、その数字は伸びています。 今回は、その経緯と方法についてご紹介します。 はじめに 日お話しする内容は、大きく分けて以下の2つになります。 ◆ 3000はてブを獲得した経緯 ◆ 3000はてブ実現のために私が行った方法 方法論のみをお知りになりたい方は、 「方法」のみ読

    3000はてブを獲得した経緯と方法