こんにちは、工藤です。 今回はログイン画面のデザインを調べてみました。 何気ないんですけれど実はよく見る画面なのでもっと意識しないとなーと思うのですがつい後回しにしてしまったりします・・。 サムネイルクリックでログインフォームに飛びます。 シンプルなログインフォーム シンプルな背景に、ログインフォームが中央においてあるタイプです。 最近はフラットなものが多い印象があります。 evernote Rdio Simple magisto wordpress Google Favors.me ログインフォーム+新規登録などの誘導 ログインフォームにプラスして大きく新規登録への誘導や使い方などを説明しているタイプです。 はじめてサイトを訪れた方にもわかりやすく、親切ですよね。 Twitter Facebook nanapi ポップな印象のログインフォーム 背景にイラストを置いてみたり、他とは違う印象
こんにちわ、ひにしです。 本記事のテーマはSEOエキスパートの皆様も完全に耳慣れないワード「カツオアルゴリズム」です。 これは、2014年8月16日のCSS Nite LP37「選ばれるECサイト」において、私の働いているso.laの辻がお話しした件となります。本記事ではこのアルゴリズムについて詳細解説を行います。 また、このセミナーの内容は以下のページにてフォローアップ参加絶賛受付中とのことです。 http://cssnite.jp/lp/lp37/ カツオアルゴリズムとは? 一定の条件下において、順位が11位に固定される現象のことを指します。「11位に固定される現象」ではあまりに長く分かりづらいので以下の流れで命名されました。 11位に固定→ずっと11位→永遠の11→永遠の11歳?→カツオ!ということで、「カツオアルゴリズム」と名付けられました。 どういった現象なのか解説 では、具体的
SNSなどのアイコンをWebフォントにするサイトが増えていると思います。Webフォントにするということはアイコンの色はこちらで指定する必要があります。ということでFont Awesome Iconsにあるアイコンの色を調べてみました。 で、調べていくうちに止まらなくなってきたので、Font Awesomeに限らず有名なロゴカラーを調べてみました。 Font Awesome Iconsの使い方等はこちらの記事もご参考に。 これは便利!アイコン型WebフォントのCDN「Font Awesome」|Webpark アイコン型WebフォントをCSSでデザインしたボタン10個|Webpark ということで、ブランドカラーを調べて並べてみたのがこちらです。 ボタンはそのサイトにリンクしています。 「参考」は公式サイト内にあるロゴの利用規約等のページにリンクしています。 「参考」のリンクがない場合は公式
@JUNP_Nです。GoogleがGoogle AdSenseに関する最新情報を伝える公式ブログ「Inside AdSense」にて、119時間にもわたるユーザービリティテストを行った結果をまとめて公開しています。詳細は以下。 モバイルサイトの最適化は必須!モバイルの特性を理解したサイト設計が必要img via:モバイルサイト設計の指針 Googleがシカゴとサンフランシスコで119時間にもわたるユーザービリティテストの結果をまとめています。調査対象はAndroid、iOSの両方のユーザーで、商品の購入やサイト内を調べるなどの操作を行い、各サイトでの体験を調査委とともに評価したそうです。 関連:スマホに特化したアクセス解析「Pt engine」スマートフォンサイトのヒートマップが凄い! この調査の結果で明らかになったことをまとめたものが「モバイルサイト設計を成功させる25の指針」となってい
こういの記事を定期的に書いていますが、以前のものは古くなっているので書いてみます。ウェブサイト、ブックマークレット、拡張機能(Chrome)から本当によく使っているものを無理やり数を増やすことなく厳選して紹介します。 実際にウェブサイトを作成する時にお世話になるであろう順番で紹介します。ウェブサイト、ブックマークレット、拡張機能(Chrome)ごとで分けていませんのでご注意ください。 I/O 3000 | Webデザインギャラリー 【ウェブサイト】 ギャラリーサイトって同じサイトが紹介されていることも多いので、あまり色々を見ません。最近はこちらをよく見ます。更新頻度も高く、カテゴリやタグ分けも使いやすくなっています。 とはいうものの、もっと色々見たいというときもあるので、そんなときは以下のサイトもよくみます。どれもきれいで見やすいサイトです。やっぱり無限スクロールがいいですね。 【S5-S
報道関係者各位 プレスリリース 2014年 7月 31日 ウェブペイ株式会社 PDF形式はこちら WebPay、5 大カードブランドの処理手数料を完全無料化 ウェブペイ株式会社(本社:東京都品川区、代表取締役:久保 渓)は、カード決済システム『WebPay』の1取引あたりの処理手数料を8月1日より完全無料にします。 これまでJCB, American Express, Diners Clubに対しては、1取引あたり3.40%の決済手数料と、『WebPay』側の処理手数料10円が発生していましたが、今回の『WebPay』料金改定より処理手数料を無料にします。 これにより、2014年3月からすでに処理手数料を0円としていたVisa, MasterCardとあわせて、5大カードブランドすべての処理手数料が無料になります。そのため、デジタルコンテンツやサービスを提供する事業者の少額決済にも
たかが入力フォーム、されど、入力フォーム。 ユーザーが入力フォームに入力しているとき、もう気持ちは「購入します!」「申し込みます!」と決まっているはずです。 しかし、入力フォームが使いにくいために、せっかくの顧客をのがしてしまう可能性があるのです。 サイトへの流入はあるのに成果が上がらない・・・。 フォームPV数とコンバージョン数に差がある・・・。 そんな時には入力フォームを見直すべきかもしれません! 入力フォームについて書かれている16の記事、サイトを参考に、結局、なにが重要なのか、基本と応用合わせて18のテクニックを厳選し、事例を交えてお伝えします。 入力フォーム改善の威力、条件を知ることで、成果を上げる入力フォームを作ることができるはずです。 失敗しない入力フォームを選ぶ!【LISKUL特集(2019年版)】CVR改善ツール一覧>> ※本記事は2014年7月29日に公開された記事をL
こんにちは。Growth Seed編集部です。 ユーザーが検索エンジンをどのように活用しているのか、リアルな声を聞くためにアンケート調査を実施しました。 検索エンジンの利用頻度や、検索キーワードの種類、クリックする際に重要視している個所など、検索ユーザーの特徴をまとめた検索エンジン実態調査の一部を公開します。 調査期間 : 2014年4月22日~ 5月13日 調査手法 : インターネットリサーチ 調査対象 : 当社メディアサイト「TALENT」会員 調査人数 : 160人 調査属性 : 10代~60代(男性45%・女性55%) 調査機関 : 株式会社フルスピード ↓株式会社フルスピードのSEOコンサルティングサービスのご紹介(資料DLページ) 設問1 Webサイトを閲覧する際、主に利用しているデバイスは? デスクトップPCとノートPCが大多数を占め、スマートフォンの利用者は想定よりも少ない
クッキーより怖いcanvas fingerprintingって何?迂回方法は?2014.07.28 16:008,790 satomi 問題:ホワイトハウスとYouPornが共通でもってるもの、なーんだ? こたえ:canvas fingerprinting 「canvas fingerprinting(canvasの指紋採取)」というのは、最近大手サイトで採用が広まってる新手のオンライン追跡ツールのことです。クッキーと違って、ユーザー側からは探知もブロックもできないという、とんでもない野郎です。 まさにユーザーの知らぬ間にウェブの閲覧行動がサイトに筒抜け、というマジックミラー状態。その現状をProPublicaが記事にしていますよ。 「canvas fingerprinting」を最初に発見したのはプリンストン大学と英ルーヴェン大学の研究チームです。ここが発表した「The Web Neve
横並びは複雑化の第一歩 Webサイトの設計をする際、必ずといっていいほど縦にコンテンツを並べて構成を考えるようにしています。どのような人が、何を求めて Web サイトに訪れているのかというシナリオを基に構成を考えていくわけです。詳細なレイアウトを考えるのではなく、情報の流れが適切であるかどうかを判断するための工程にしています。 パソコン向けの Web サイトデザインの悪い癖のひとつに、「同じくらい重要だったら、横に並べる」というのがあります。広いスペースがあったパソコンが主流の時代ならではのアプローチですが、今は状況が大きく異なります。配信者側にとっての『重要』を出すことは間違っていません。しかし、あれこれ重要だからという理由で隣り合わせにしてしまうと、様々なデメリットが生まれます。 訪問者に迷いが生じる 直接関係のないコンテンツが横に並ぶことで視点の動きが多くなる可能性があります。また、
コメント一覧 1. ななしノート 2014年07月21日 01:50 みんな面白かった 検索流れてくる奴みんなエロ動画検索しすぎでわろた 2. ななしノート 2014年07月21日 09:49 有能過ぎました。 3. ななしノート 2014年07月21日 12:46 初代ひろぶろはよく見てた 4. ななしノート 2014年07月22日 04:00 さっきまでずっと見ていた芸能人の前歯をアップしまくっているブログ。 ttp://shinbishika-guide.com/ かなり時間潰せたw 5. ななしノート 2014年07月22日 11:25 ゲルゲルパニック ttp://family.shogakukan.co.jp/kids/netkun/panzo/games/gel.htm 優秀な暇つぶし 6. ななしノート 2014年07月23日 10:22 ハランデイイ
Googleの検索のアルゴリズムにおける検索結果の順位に影響を与える200+個の要因、コンプリートリストを紹介します。 量が多く翻訳するのに一週間かかりましたが、興味深いことが多々あり、とても面白かったです。 Google's 200 Ranking Factors: The Complete List 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 毎日のように海外のまとめ記事を無断転載してアクセスを稼いでいるあのブログの注意喚起を海外のブロガーから聞きます。問い合わせや削除依頼しても対応無しっていうから、たちが悪い。 ドメインによる要因 ページレベルによる要因 サイトレベルによる要因 バックリンクによる要因 ユーザーのインタラクションによる要因 アルゴリズムによる要因 ソーシャル シグナル ブランド シグナル サイト内部のスパム
WebサイトやアプリケーションのUIは、いくつかの要素の組み合わせで構成されますが、使いやすさに最大の影響を与えるのはナビゲーション要素でしょう。ナビゲーションのデザインを制する者がUIデザインを制する、といっても過言ではありません。 というわけでここでは、UIで最も大事な要素、ナビゲーションというものを整理して理解するために、その種類と特徴をまとめてみました。 1. グローバルナビゲーション ユーザがWebサイトやアプリを使う際に、もっともよく使われるのが、このグローバルナビゲーションです。通常は画面のどこかに常設されており、画面遷移をしても、決まった場所に、決まった並びで必ず表示されます。 メニューの構成方法としては、情報種別、機能種別、対象者/状況別、利用頻度別などの切り口があります。 Appleサイトのグローバルナビゲーション。どの画面でも、同じメニュー構成・同じデザイン・同じ場所
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く