ある案件で「スマホサイトのメニューがクリック率が悪いので調査してほしい」という依頼がありました。 詳しくヒアリングすると、コチラの記事を見てサイトのメニューのクリック率を確認したら、著しく悪かったので「メニューのデザインに何か問題があるのではないか」と考えているとのことでした。 この依頼者は役職ある立場にもかからわず、いつも僕のソリューションを楽しみにしてくれるので、快く引き受けたのですが、相談を受けた時は、 メニューはタップすることがゴールではないので、別に気にしなくてもいいのでは？ と漠然と思ってしまいました。 それだと話が終わってしまうので持ち帰ったのですが、改めて考えてみると「スマホのメニューってなんでハンバーガーアイコンなんだっけ？」という疑問が頭に浮かび、それに対する答えを持っていなかった自分がいました。 つまり、根拠もないのにハンバーガーメニューが最適だと盲信していたのです。
この記事は2015年10月22日に公開された記事を再編集したものです。 デザイン作業に慣れてくると、どうしても自分の癖が出てしまい、似たようなデザインばかりになってしまいがちです。特にWebデザインのパーツは、毎回同じようなデザインを作ってしまうことも少なくありません。しかし、自分が持っているアイデアだけでは、なかなか新しいデザインは浮かんでこないものです。 そこでオススメしたいのがギャラリーサイトです。その中でもパーツごとに収集したギャラリーサイトは、デザインの「部分」だけでも参考にすることができるため非常に便利です。デザインアイデアが欲しい時こそ、多くのヒントが詰まっている素材サイトを活用しましょう。 今回は、Webデザインのパーツをまとめたギャラリーサイトを36個まとめてご紹介します。 ※サイトによっては素材やソースコードなどを配布・掲載しているものもあります。ご利用の際は、必ず利用
UIスタイルガイドとはウェブサイトのヴィジュアルを定義するもので、コンテンツから切り離すことによりウェブサイトのスタイルを的確に確認するのに役立ちます。 UIスタイルガイドを作成する際にベースとなるテンプレート素材を紹介します。 UI Style Guide Template UIのスタイルを一括で管理することでデザインの作業時だけでなく、コーディングや検証の時にも重要なガイドになるでしょう。また、クライアントがヴィジュアルの変更を求めてきた際も、部分的にみるのではなく、全体を通して整合性をもった対応を行うことができます。 テンプレート素材にはカラースキームや背景をはじめ、さまざまなUIエレメントのスタイルが定義されています。
先日、長谷川恭久さんとの共同プロジェクト、“Patch Project”がスタートしました。これはUIデザインの新しいワークフローを作るために立ち上がったプロジェクトです。これまでのワークフローを見直して、より良いUIを作っていくためにはどうするべきなのか、実際に何かのUIをデザインしながら模索していきます。そのプロセスや結果はどんどんオープンにしていきますのでお楽しみに！ まず今回はその導入部分として、ワークフローの提案について長谷川さんに話して頂いた内容を記事にしました。前編では、デザインカンプをやめてプロトタイプを作るべき理由を中心にまとめています。 そもそもUIとは何か UIの話というと多くの人がビジュアルデザインの話をしますが、そもそもUIとは人間とコンピュータの関係を円滑にするためのものです。人がコンピュータと関わるとき、そこには必ずインプットとアウトプットがあります。その中で
2013年3月16日にAndroid Bazaar Conference 2013 Spring が開催されました。昨年に引き続き今年も登壇。前回はゲームをテーマにして話をしましたが、今回は「コンテンツで改善する UI デザインの極意」と題してコンテンツと UI をテーマに話をしました。 見た目が綺麗だから良い UI というわけではない UI のインスピレーションとして Dribblbe や Android Patterns のようなギャラリーサイトを見ている方は多いと思いますし、「素晴らしい UI のまとめ」と名付けた記事も、だいたいはこうしたギャラリーサイトを参照していることが多いです。 実装まで携わった経験がある方ならなんとなく分かると思いますが、Dribble で紹介されている UI アイデアの多くは現実味がない想像図が多く掲載されています。実装しようとするならばパフォーマンスや操
「ホームページが売上に繋がらない・・・」職業柄このような相談を受ける機会が多々あります。 売れる企業サイトと売れない企業サイト、その違いは何でしょうか？ 売れない企業サイトの特徴 サイト名が企業名のみ 奇をてらったデザイン 新着情報が更新されていない 商品の効果が記載されていない 「スピード対応」など言葉が抽象的 「お客様の声」に良い事しか掲載していない サイト訪問者にとってもらいたい行動が不明確 どうでもよい徒然日記的な社長ブログ Twitterの無意味なつぶやきが表示されている サイドバーにバナーが多い 「用語集」「リンク集」など無意味なページがある ヘッダ画像がスライドしたりフェードして切り替わる 画像が多く重い（ページを開くのに時間がかかる） 1.サイト名が企業名のみ Googleなどの検索エンジンは、サイト名に含まれるキーワードを一つの参考として、検索結果を表示します。 例えば、
同一のURLで、クリックすることによりテキストが切り替わる、タブ切り替え式のデザイン。 限られたスペースでいくつもの情報を表示させることが出来る優れたデザインといえなくもないのですが、あえて、タブ切り替え式のデザインを廃止したことにより、売り上げが大きく増えたECサイトの事例を紹介いたします。 今回はタブ切り替え式のデザインのデメリットを考えていきたいと思います。 タブ切り替え型のデザインのデメリット タブ切り替え型のデザインをやめた理由 タブ切り替え型のデザインを廃止したことにより、売り上げが目に見えて増えた タブ切り替え方式の採用は、ユーザー層によっては致命的かもしれない その仕組は本当に必要ですか？ タブ切り替え型のデザインをやめた理由 私が関係している、とあるガジェット類販売のECサイトの制作担当の方から、「タブ切り替え型のコンテンツってどうなんですか？」と質問されました。 タブで
365 awesome designers / Anna Paschenko / rbbrt.me他...全13件
「とりあえずUI直せば、どうにかなるんじゃないか病」が私の周りで流行している。もちろん私も何度となくかかっている。 この病気のはじまりは「目的を達成できないのはUIがいけてないせいだ！UIをとにかく今じゃない何かに変えれば問題は解決する」と思っちゃうことにある。 共通するのは、「とにかく今じゃだめなので、今じゃない何かにしたいからUI変えたい」という点。今じゃない何かにしたいのはわかるが、根拠が主観的すぎて成功する見込みがつかないのが困ったところ。 もちろん私も時にこの病気にかかり、ほんとにプロジェクトをすすめていいかどうか、どーしていいかわからず懊悩することも多々ある。というわけで、私なりに病気の定義と、自己治療法もなんとなく見つけたので、自省もこめて記録しておく。 「とりあえずUI直せばどうにかなるんじゃないか病」の主症状2点 根拠が主観的すぎて説得力がなく、社内を巻き込めない 本人が
東京大学TLO / 鎌倉近視老視クリニック / Roger Goulart | ロジャーグラート他...全4件
With Postcards Email Builder you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before. Free Email BuilderFree Email Templates The button is placed in an area that’s unfamiliar to the user; The color turns the user off or doesn’t stand out enough; It’s not immediately obvious that t
今までなかったスマートなページ内ナビゲーションを実装するjQueryプラグイン「Flexible Nav」 2011年08月04日- Flexible Nav jQuery library 今までなかったスマートなページ内ナビゲーションを実装するjQueryプラグイン「Flexible Nav」 <a name="hoge"></a> と <a href="#hoge"></a> を使って実現するページ内ナビゲーションをスマートに実現できます。 h1〜h3のエレメントでドキュメントの見出しを定義しておいて、プラグインで初期化すると、ページの右側に見出しが現れます。 文書の長さに応じて見出し間の距離が表されて、文書の構造が非常にわかりやすく、辿りやすくなります。 見出しをクリックすると、指定位置に移動できるのはもちろん、ドキュメント位置に応じて現在参照している見出し部分がハイライトされるので
dIG iT Digital Marketingに関する様々なテーマで発信するブログ。 若干ペースが落ちているものの、１本は濃い内容で書いてみてます！ 以前にBest Buyを例にあげてUSにおけるTOPページの変化について少し触れました（解析しやすいは作れる！）。これだけではなく、もう１つ大きい変化と考えているのがメガドロップダウンメニュー（メガメニュー）です。 ということで、ここのところずっと気になっていたメガドロップダウンメニューについて少し調べてみたことを書いてみます。 メガドロップダウンメニュー？ そもそもメガドロップダウンメニューが何かという話です。基本的にはヘッダなどにあるグローバルナビゲーション部分をオンマウスした時に、表示されるドロップダウンメニューの内容が多くなったものを指しています。 ちなみにユーザビリティの大家であるJakob Nielsenが挙げているメガドロップ
twitter facebook hatena google pocket 先日デザインリニューアルをしましたが、これには下記のような目標がありました。 ・コンテンツを見やすくする ・余計な情報の削除 ・表示速度の向上 ・気分 要はシンプルにして、コンテンツをより見ていただけるようにしたということです。 ついでなので、Webサイトのリニューアルはどうあるべきか、考えてみました。 参照元：An Exploration of Website Redesigns: Tips and Examples sponsors 【目次】 1）なぜリニューアルをするのか 2）目標設定をする 3）実例 4）参考サイトリスト 5）まとめ （1）なぜリニューアルをするのか ウェブデザインを変更するためには費用と時間がかかります。 社長に言われたからや、担当が自分になったし好きなように変えたるぞ！などということは、
こんにちは、株式会社ECナビUIO戦略室の春元です。今回は、コンバージョン率をアップさせるための「U会話」についてお伝えします。 「コンバージョン率」とは、サイトを訪れた人のどれくらいが、Webサイトが成果として想定しているアクションを行ったかを示す用語です。何をもって「アクション」とするかはサイトによって異なりますが、ECサイトならば商品を購入してもらうことですし、ほかにも資料請求、ユーザー登録など、さまざまなアクションが「コンバージョンポイント」になります。コンバージョン率は、日本語にすると「顧客転換率」といったところでしょうか（「CVR」と略されることもあります）。 さて「サイトの成果をアップする」というと、「広告を打って集客しなきゃ」と考える人も多いと思いますが、実は集客力をアップさせなくても、売上をアップさせることはできるのです。そう、サイトを訪ずれる人の数が一定でも、コンバージ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
