バナーをデザインしてみたは良いけど、なかなか良いCTR（クリック率）が取れなくて困っている・・・なんて思っていませんか？デザインが美しいからといってバナーのCTRが高くなるかと言ったら必ずしもそうではありません。むしろ見た目の良いバナーは逆にCTRが悪くなることさえあります。 サイトに訪れたユーザーにバナーをクリックしてもらうには、「思わずクリックしてしまいたくなるようなシカケ」が必要です。それは優れたキャッチコピーやカラーリング、背景画像、バナーサイズなど様々です。 そこで、今回はバナーデザインのCTRを高める為の「心理学テクニック」と事例を１４個ご紹介します。どれも非常に高い威力を発揮する心理学ですので悪用厳禁のテクニックです。 １．はじめに CTRの高いバナーサイズとは？ バナーのクリエイティブ以前にもサイズによってもCTRは全く異なってきます。 以下の図をご覧下さい。 出典：htt

こんにちは、久保田です。今日はオンラインショッピングや物件検索などで使用される、検索画面や検索時に使われるUIを見ていきたいと思います。検索と一口に言っても、用意されたカテゴリーの中から1点選ぶものから、複数項目を選べる複雑な検索など様々です。そもそも検索はユーザーが目標物にたどり着くための便利な機能ですが、選択項目が多かったり、各条件が関係し合っている場合などは、見せ方を工夫しないと検索そのものが役に立たなくなってしまいます。事例をあげながら見ていきますので、検索機能のデザインをする際の参考にしてみてください。 もくじ大きく3構成にてご紹介していきます。 よくある検索方法複雑な検索（詳細検索）工夫されたUIやデザインパターン 1. よくある検索方法例えば、オンラインショッピングサイトで買い物をするとき、サイトトップページからユーザーはどのように検索をするでしょうか？国内の主要なECサイト

こんにちは。FASTCODINGデザイナーの七転び八重子です。みなさん、Webデザイン時のワイドサイズやファーストビューサイズを何ピクセルに設定してますか？私は半年ごとに支流のサイズを確認しているので、２０２１下半期スタートに合わせてまとめてみました。前回2020年10月にまとめましたが、今回は、デザインのレイアウトも考慮に入れています。目次 ソリッドレイアウトorリキッドレイアウトorフレキシブルレイアウト？ ソリッドレイアウト（固定レイアウト）とは？ リキッドレイアウト（可変レイアウト）とは？ リキッドの進化系... どうも、FASTCODINGディレクターのせりなです。 Webサイトを制作するとき、デザインの横幅を何pxにすればいいかなーって思ったことありませんか？ パソコンは何pxで作るの？スマートフォンは何pxがいいの？ って聞かれることが多いので、デザインの横幅でもう迷わないた

コーヒーの香りは人をリッチにする。が、コーヒーがもたらす富があまねく人を豊かにしてきたわけではない。コスタリカ、ジャマイカ、グァテマラ、コンゴ、ベトナム…。中南米、アフリカ、アジアを横断する「コーヒーベルト」の国の多くが […]

スマートフォン対応サイトで右上や左上にある「≡」こんな形の三本線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。（サイトイメージは「グラシン工房」から） まずはBootstrapの標準に近い形式。三本の線があるだけのパターン。 次に三本の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三本線を線（border）で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現方法がありますが、それは前に書いた「【Web制作】スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた」の記事をご覧ください。 ●アイコンだけ・文字付

スマートフォンが普及し、デスクトップやモバイルの速度も安定してきたので、それに合わせてホームページのデザインも変化しています。 もちろん、定番で形式化されたデザインやレイアウトもある程度は存在していますが、挑戦的なデザインはどの時期にもあるものです。 とりわけ、モバイルファーストが急速に普及していった2015年を境に、ホームページのデザインは次の段階へとステップアップしています。 スマートフォンでのホームページの閲覧がデスクトップを上回ったことで、スクロールを重視したり、マルチデバイスに合わせたデザインが一般化してきたので、いかにスマートフォンでも閲覧しやすく、デザインや機能性も保持できるかが重要になってきます。 今回は、2015年以降に起こっているWebトレンドのまとめと今後のトレンドの大胆予測をご紹介していきます。 ホームページやアプリのデザインを行う機会のある方は、ぜひこの機会にこれ

近年、急速にスマートフォンの普及が進む中、PC版とは異なるUI・UXで、スマートフォン用に制作されたWebサイトが増えています。 これまでは「PC」が主体で制作されていたWebサイトですが、若い世代では"PCを所有していない人"も多く、スマートフォンだけで携帯電話とPC、双方を兼ねて使っているという人も少なくありません。 そのため、スマートフォンサイト（以下、スマホサイト）のUI・UXに関しても、より使いやすさというのが求められる時代になってきていて、必要とされるポイントとしては、画面が小さいため、視認性や可読性の高さ、タップのしやすさなどになります。 そこでユーザをストレスなく、目的とするページに遷移させるためにも重要となってくるのがグローバルナビゲーション（グローバルメニュー）の役割です。 今回は、実例をもとに、様々なスマホサイトのグローバルメニューをご紹介します。 各グローバルメニュ

ウェブやモバイルアプリのナビゲーションは、直感的で予測できるべきです。新しいユーザーとリピーターの両方が、どのようにアプリが操作するのか理解できるべきなのです。 しかしモバイルの小さな画面上では、分かりやすくアクセスしやすいナビゲーションメニューを作成するのは大変な作業で、コンテンツの優先順位に応じてUI要素が必要になります。異なるナビゲーションメニュー・パターンを利用し、他の解決方法を試みても、他のさまざまなユーザビリティーの問題点が出てきてしまいます。 この記事では、ハンバーガーメニューとタブメニュー、ジェスチャー型ナビゲーションといった、モバイルアプリの基本的な3つのナビゲーションパターンのメリットやデメリット、デザインの解決方法について詳しく見ていきましょう。 コンテンツ目次 1. ハンバーガーメニュー 概要 メリット デメリット デザインの解決方法 2. タブメニュー 概要 メリ

Loading...

株式会社ハッシャダイは、中卒・高卒といった学歴や地方格差によって可能性に気付けない「よそもの、ばかもの、わかもの」に、東京での職・食・住を無償で提供するヤンキーインターンシップを実施することで、「選択格差」のない社会の実現を目指すエシカルカンパニーです。

2016年も毎年と同じように、デザインについて新しいことを学んできました。今回は、ウェブからグラフィックやロゴデザインまで、デザイン全般に関する2017年のトレンドを掘り下げてみていきましょう。 デザイントレンドはメディアやテクノロジー、ファッション業界、そして最近では「使いやすさ」を追求するユーザビリティーなどに影響を受けています。トレンドは徐々に細かく枝分かれし、いつの間にか同じように消えていきます。 基本的にデザイントレンドの寿命は1〜2年。2017年のデザインは、2016年のトレンドを引き継いだものとなり、雰囲気もここ数年よく利用され、親しまれているものと言えるでしょう。Google マテリアルデザインの影響力は今年も強く、対応にはいくつかの変更が必要になります。 Adobe が2017年デザイントレンドを発表！確認しておきたいポイントとは？ 2017年のWebデザインはどうなる？

OPEN HOUSE in 愛知県 丹羽郡 OPEN HOUSE in 大阪府 和泉市 完成見学会 in 兵庫 川西市向陽台 OPEN HOUSE in 大阪府 枚方市 OPEN HOUSE in 愛知県 大府市若草町 完成見学会 in 大阪 富田林市清水町 構造 暮らし 見学ツアー in 兵庫県 加古川市 マンションリノベーション完成見学会 in 大阪市 完成見学会 in 兵庫県 姫路市四郷町 人生をタノシム家　いま、自分スタイルを求めているあなたに—。 D'S STYLEが提案する新しい住まいのカタチを、どうぞ。 私たちは、仕事を楽しむをモットーとしています。ただ家を建てるのではなく、 お施主様と共に、最高の人生をタノシム家づくりをしたいと考えています。

南北およそ600kmのエリアに26もの有人離島が点在する鹿児島県。それぞれの島には、驚くような、神秘的で表情ゆたかな自然が残っています。 With prefectural boundaries stretching 600 km from north to south, Kagoshima is home to 26 beautiful inhabited islands. Each of these exotic islands has its own unique characteristics and extraordinary pristine nature.

 設定は一瞬。Apple Payの設定は簡単です。クレジットカードなどをiPhone上のウォレットアプリに追加するだけで、すぐに使えます。Suica、PASMO、ICOCAを加えれば、iPhoneまたはApple Watchをかざすだけで、自動改札をスムーズに通ることもできます。カードのポイントはすべて引き継がれ、特典もこれまでと同じように利用できるので安心。がんばって貯めたポイントやマイルを失うことはありません。 カードを追加する方法 もう、あなたのデバイス上にあります。Apple Payは、iPhone、Apple Watch、Mac、iPadに内蔵されています。登録や年間手数料は不要。別のアプリのダウンロードは不要。複雑な設定プロセスは不要。面倒な作業も不要です。  交通機関の利用もここまで簡単。Suica、PASMO、ICOCAをApple Payに追加すると、これまで以

オンもオフも。 様々なライフスタイルに心地よい環境。 今も、これからも、 高槻には新しい時間が生まれています。 NEWS 2024.3.28 たかつきDays 令和6年4月号 公開しました。 2024.2.29 たかつきDays 令和6年3月号 公開しました。 2024.1.31 たかつきDays 令和6年2月号 公開しました。 2023.12.28 たかつきDays 令和6年1月号 公開しました。 2023.12.11 「 関西で働くことになったあなたへ 」公開！ 2023.11.30 たかつきDays 令和5年12月号 公開しました。 2023.10.31 たかつきDays 令和5年11月号 公開しました。 2023.09.29 たかつきDays 令和5年10月号 公開しました。 2023.08.31 たかつきDays 令和5年9月号 公開しました。 2023.07.31 たかつきDa

お好み焼「道とん堀」の公式ウェブサイト。最寄りの店舗、店舗一覧、メニュー、私たちのこだわりなどをご紹介。

カプセルホテルの発祥地・大阪で、外国人旅行者や女性客をターゲットにした新しいタイプのカプセルホテルが相次いで登場している。背の高い外国人が泊まれる長いカプセルや女性同士で泊まれるツインルーム、ジムやプールを完備する施設も。大手企業の採用選考が今月１日から解禁されたが、就職活動生を迎える長期滞在型プランも注目を集めている。誕生から３７年たった今、客層も様変わりしている。 カプセルホテルは１９７９年、建築家の故黒川紀章氏の監修で日本で初めて大阪・梅田に誕生した。ビジネスマンの利用が大半だったが、最近は外国人や観光客の利用が急増している。 大阪でサウナ施設を展開する「ニュージャパン観光」は２０１４年、急増する外国人観光客を狙った男性専用のカプセルホテル「カバーナ」（１泊４１００円～）を、観光名所の道頓堀（大阪市中央区）で開業した。背の高い欧米の男性でもゆったりとくつろげるように、カプセルの奥