スマホサイトのナビメニューを見直そう！基本3パターンの長所と短所、改善ポイント
ウェブやモバイルアプリのナビゲーションは、直感的で予測できるべきです。新しいユーザーとリピーターの両方が、どのようにアプリが操作するのか理解できるべきなのです。 しかしモバイルの小さな画面上では、分かりやすくアクセスしやすいナビゲーションメニューを作成するのは大変な作業で、コンテンツの優先順位に応じてUI要素が必要になります。異なるナビゲーションメニュー・パターンを利用し、他の解決方法を試みても、他のさまざまなユーザビリティーの問題点が出てきてしまいます。 この記事では、ハンバーガーメニューとタブメニュー、ジェスチャー型ナビゲーションといった、モバイルアプリの基本的な3つのナビゲーションパターンのメリットやデメリット、デザインの解決方法について詳しく見ていきましょう。 コンテンツ目次 1. ハンバーガーメニュー 概要 メリット デメリット デザインの解決方法 2. タブメニュー 概要 メリ
今からできるWebコンテンツの次のコト
10月25日、仙台で The NEXT WEB CONTENT 2015 が開催されました。主催である株式会社インフォアクシア設立11周年記念として、Web アクセシビリティを中心に、デザイン、ユーザビリティ、SEO など、Web に関わる様々な話題を扱ったイベントになりました。トピックは広く浅いわけですが、異業種の専門家が集まることで、新たな視点の発見や共通点を見つけることができました。 本イベントの様子は Togetter #tnwc2015 をご覧ください。 Web利用は『終わった』のではなく『変わった』 ここ１年「Web は終わった」というニュアンスが含まれた話題を国内外で耳にします。Mashable が「Web Design is Dead（Web デザインは死んだ）」という記事を公開して話題になりましたし、アプリの利用時間の急増から「The Web Is Dying; Apps
Webコンテンツの成果が上がるレイアウトの法則とは？ | 誰も語らなかったWebコンテンツ作成技法
優れたコンテンツ構成の鉄則を探る！優れたコンテンツとは顧客の悩みを解決できるため、検索やお気に入りから訪問者を獲得できます。そして、そのコンテンツは別のページに誘導する力があり、しかもゴールに結びつける力があります。 前回説明したように、こうしたコンテンツは、天才的なアイデアや人並みはずれた文章力で作られるのでしょうか。実際にはそうではありません。普通のビジネスパーソンが、普通に考え、普通の文章力で作ったものが成果を上げているのです。 意図的ではない分、成果が小さいことがもったいないのですが、これを意図的に行っていけば、狙った成果をより大きなものにできるはずです。それでは、コンテンツの成果が上がる構成とはどんなものなのか解説していきます。 コンテンツの見出しは画像を使わず2行のテキストで作る前回説明したように優れたコンテンツは、検索集客力が高く検索から顧客と出会う力を持っています。検索から
WordPressのカスタム投稿タイプで独立コンテンツを作る方法まとめ #wacja2012
さて今回、会社のサイトに『WordPressテクニック』というWordPressのTips、技術情報を投稿していくコンテンツを新設するにあたり、会社情報とは独立した扱いにするために、カスタム投稿タイプを使用しました。 そこで、WordPressテクニックの一発目として、そのプロセスを記録して公開しておきます。 基本方針 元々のコンテンツ（通常ページ、投稿等）に影響を与えないように追加する なるべくプラグインを使わない デザインは別にする RSSフィードも独立 1については、既に運営中の会社サイトに併設するので気をつけたいところです。クライアント企業のサイトに設置することもありますからね。 2については、カスタム投稿タイプを管理する便利なプラグインも色々出ているんですが、まずは自分でマネージしてみないと構造の理解が進まないので。 3、４は、せっかく独立コンテンツなので、デザインもフィードも独
これは便利！レスポンシブで変化するエレメントを一元管理できるワイヤーフレーム作成ツール -RWD Wireframes
これは便利！レスポンシブで変化するエレメントを一元管理できるワイヤーフレーム作成ツール -RWD Wireframes
[JS]最近よく見かける1ページ垂直スクロールコンテンツで、スクロール位置を自動補正するスクリプト -windows.js
スクロールしすぎも補正 windows.jsの使い方 実装は簡単で、既存のコンテンツにclassを加えるだけで適用できます。 Step 1: HTML HTMLは各コンテンツを配置しているdivやsectionにclassを加えるだけです。 classは変更可です。 <section class="window"></section> <section class="window"></section> <section class="window"></section> <section class="window"></section> <section class="window"></section> Step 2: 外部ファイル 「jquery.js」と当スクリプトをhead内に記述します。 <script src="http://cdnjs.cloudflare.com/aja
新規サイトを立ち上げる前に知っておきたい29個のアドバイス
[対象: 全員] 新しいサイトを立ち上げるときに役立つ29個のアドバイスをWebmasterWorldでフォーラムモデレータが提供してくれました。 僕たちにとってとても価値ある情報なので共有します。 新しいウェブサイトを公開するときに役立つ29のアドバイス 互換性の問題を後になって生じさせない良いCMS（コンテンツ・マネジメント・システム）で始める フレームワークとプラグイン、アドオンの使用を最低限に抑える ―― 今日はすごくいいものでも明日には頭痛の種になることがある ユーザーにとっては見やすく検索エンジンに対しては短いURLを付けることに重点を置く 粗末なリンクを獲得しないようにする ―― 長期的に見て危険過ぎるし後になって取り除くのにうんざりするほど時間がかかる すでにある他の100のサイトにないどんなものを新しいサイトが提供するのかを自問自答してみる 最初の1年間は、Googleの
Google会長エリック・シュミット、本人確認の取れた作成者のコンテンツをより上位に表示する
[対象: 中〜上級] 本人であることをオンラインで確認証明できたコンテンツ作成者による情報を検索結果のより上位にGoogleは今後表示するようになるかもしれません。 この4月に出版予定の、米Googleの会長、Eric Schmidt（エリック・シュミット）氏の著書、「The New Digital Age」にそのような記述があることを米Wall Street Jounalが報じています。 Search engines: “Within search results, information tied to verified online profiles will be ranked higher than content without such verification, which will result in most users naturally clicking on th
最初に勤めたWeb制作会社で教えてもらったコンテンツの見やすさを作るポイント
最初に勤めたWeb制作会社で教えてもらったコンテンツの見やすさを作るポイント 2013/01/24 | カテゴリー: Creative | タグ: tips, 考え方 タイトルとURLをコピーする Tweet これについては色々な意見があるかと思いますがｗ デザイン未経験の私はそんな風に教えてもらいました。 デザイン途中で息抜きする際、 ぬわーっと入り込んでいたディスプレイから離れてみて、 「伝わりやすいように」というのを意識しながら、 俯瞰というかユーザー目線で見直してみるというのをやったりしてます。 1. タイトル コンテンツごとに、タイトル（見出し）を入れていくことによって、 文章にリズムが生まれ読みやすくなります。 タイトルも改行もなく、 ただただ文字が並んでいる文章を読むのは、 かなりのストレスです。 また、タイトルの装飾によって、 さらに見やすいページにすることが可能です。 2
住太陽の「SEO 検索エンジン最適化」
私がSEOを始めたときから住太陽さんやその書籍からたくさんのことを学ばせていただきました。 このボーディーSEOには多くの人が学ぶべき正しいSEOの情報が詰まっています。このサイトの情報をもとにして自身のウェブサイトに合うようにアレンジすることで、SEOの成功に近づけると思います。 日本でトップのSEOコンサルタントを3人挙げろと言われたら、絶対に住太陽さんを含めます。実績と経験、知識ともに間違いなくトップです。でも、住さんの最も素晴らしいところは、知識の共有です。住さんが惜し気もなくボーディーSEOで公開している情報は、ウェブのどこにもない独自のもので、かつ極めて有用です。僕自身も多くのことを学ばせてもらっています。 SEO(検索エンジン最適化)の意味SEO(Search Engine Optimization: 検索エンジン最適化)とは、自社のウェブページがGoogleやBingなどの
100種以上の自社広告運用でわかった！バナー広告クリエイティブ4つの基本 : LINE Corporation ディレクターブログ
こんにちは、ウェブサービス本部の宮澤です。私は現在、自社コンテンツ内で自社のサービスをPRするため自社広告の管理を担当しています。 NHN Japanには数多くのサービスが存在するため、常時20〜30の自社広告が運用されています。自社広告は細かく効果測定を行うことが可能なので、毎週5〜10のバナーを入れ替えながら最適化を図ったところ、コンバージョン率、クリック率など、ほぼすべての指標で広告効果が向上しました。 自社広告の掲載メディアに関しても、livedoor、livedoorニュース、livedoor Blog、NAVER まとめ、各種アプリと多岐にわたっており、今では新規ユーザー獲得のための重要施策の一つとなっています。 今回は100種類以上の自社広告を制作、運用してみてわかった、効果の高い広告クリエイティブを作るためのコツをご紹介します。 1. 笑顔 VS 泣き顔 まずはLINEの自
未だに幅を利かせるスパムといえばスパムな5つのSEO手法 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
どのSEO手法をもってスパムと呼ぶかは人によって意見が分かれるところですが、今回はユーザーではなく検索エンジンを意識したSEO手法は容赦なくスパム呼ばわりする筆者が考える本来すべきではないのに未だに利用されている基本SEOテクニックを5つ紹介。ある種SEOの常識的な手法ばかりですが、さてあなたはどう考える。 — SEO Japan グーグルは、意図とコンテンツを平等に扱っていない。 私達は、キーワードをその最も基礎的なレベルにおいて、コミュニケーションに用いている。ベーシックなコミュニケーションの時代を振り返ると、アイデアが脳の中で言葉へとエンコード（符号化）され、当該の言葉は、口から発せられる、もしくは文字として綴られ、その後、相手の脳がデコード（解読）していた。 これこそが、何か言葉を発すると、意図していた内容とは異なる内容になってしまうことがある（あるいは異なる受け取り方をされる）理
Google SEOの順位決定に大きな影響を与える30の要因【最新版】
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. GoogleのSEOランキングの決定要因を知ることはWEB集客に必要不可欠だ。 Googleは世界最大の検索エンジンであり、「世界中のインターネットユーザーにベストのコンテンツを届ける」ために、不断の改善を重ねている。 そして、近年のパンダアップデートの継続的な実施により、今まで以上に検索エンジンのクオリティが高まり、ユーザーにとって理想的な形に近づきつつある。 従って、今までは有効だった方法が、全く逆効果になるという例すら少なくない。 そこで、本日は、最新版のGoogle SEOの順位決定に大きな影響を与える３０の要因をご紹介する。 Google SEO ファクター：ページ内要素１．コンテンツの質 GoogleのSEOで高く評価されるた
JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]
代表中山陽平 ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。 みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。 このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。 最新の記事一覧
![JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/e43158a9b02ff4438d55128491865b833395bd4d/height=288;version=1;width=512/https%3A%2F%2Froundup-inc.co.jp%2Fwp-content%2Fuploads%2F2019%2F09%2F9106fa4d7b0fdf2534aa97dea102e186.png)
Webコンテンツの制作ガイド~売れるサイト作りに必要不可欠な5ステップ~
２．WEBサイトに必要な３つのコンテンツを知る商用サイトに適したWEBコンテンツは、大別して以下の３つに分かれる。 集客に適したWEBコンテンツ教育に適したWEBコンテンツセールスに適したWEBコンテンツこの３つの内、どれが欠けても、最大の成果を出せるサイトにはならない。 実際のお店を思い浮かべて欲しい。どれだけ素晴らしい商品を販売しているお店でも、お客様が来なければモノは売れない（集客）。さらに、お客様が来たとしても、丁寧に接客をして、商品のニーズやウォンツを高めることをしなければ購入意欲は生まれない（教育）。最後に、自信を持ってクロージングをしなければ、お客様は決断を先延ばしにしてしまう（セールス）。 従って、WEBサイトでも、実際の店舗と同じように、集客コンテンツ、教育コンテンツ、セールスコンテンツが必要なのだ。 それでは、これらのWEBコンテンツを、もう少し深く理解しよう。 ①集客
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
in the looop | Looops communications
フリービー(Freebie)コンテンツの紹介とまとめ！WEB屋がフリービーコンテンツから学べること色々！ | バンクーバーのうぇぶ屋