Googleが119時間のテストをしてわかった「モバイルサイト設計25の指針」｜男子ハック
@JUNP_Nです。GoogleがGoogle AdSenseに関する最新情報を伝える公式ブログ「Inside AdSense」にて、119時間にもわたるユーザービリティテストを行った結果をまとめて公開しています。詳細は以下。 モバイルサイトの最適化は必須！モバイルの特性を理解したサイト設計が必要img via：モバイルサイト設計の指針 Googleがシカゴとサンフランシスコで119時間にもわたるユーザービリティテストの結果をまとめています。調査対象はAndroid、iOSの両方のユーザーで、商品の購入やサイト内を調べるなどの操作を行い、各サイトでの体験を調査委とともに評価したそうです。 関連：スマホに特化したアクセス解析「Pt engine」スマートフォンサイトのヒートマップが凄い！ この調査の結果で明らかになったことをまとめたものが「モバイルサイト設計を成功させる25の指針」となってい
U-site
長文コンテンツのための5つの書式テクニック ニールセン博士のAlertbox 3月19日 要約、箇条書き、コールアウト、太字、役立つ視覚情報などのテクニックを用いることで、1,000語を超えるコンテンツの理解度やエンゲージメントは向上する。 このサイトについて UXリサーチや市場調査の手法やコツ、結果や知見を紹介しています。 詳細 新記事公開は、Twitter・Facebook・RSSで随時、メルマガで月1回通知します。 Twitter Facebook RSS メルマガ UXのためのAI：入門編 ニールセン博士のAlertbox 3月13日 生成AIツールを、あなたのUXスキルを代替するためではなく、サポートし、強化するために使おう。小さなUXタスクから始めて、ハルシネーションや誤ったアドバイスに気をつけよう。
レスポンシブWebデザインの基礎
第1回 Web Developer Selection「レスポンシブWebデザインの実践ワークフロー」のスライドです。
ブックマークに加えておきたい、雰囲気のある写真画像がダウンロードできるストックフォトサイトのまとめ
個人ブログでも商用サイトでも、そして紙やTシャツにも無料で利用できる、雰囲気のあるかっこいい、ライフスタイル、ファッション、フード、動物、自然、建物、人物などをテーマにした、さまざまな高解像度の写真がダウンロードできるサイトをMediumから紹介します。 Stock photos that don't suck 上記で紹介されているストックフォトのサイトは9つで、全て個人でも商用でも無料で利用できます。 以下、その9つのサイトです。一番オススメは、6番目のPicjumbo。
今からでも間に合う！レスポンシブWebデザイン作り方のまとめ
photo by Scolirk 地方でもマルチデバイス対応を求められることが多くなってきました。 徐々に対応しているところが増えてきたためだと思います。 私も昨年からレスポンシブWEBデザインについて、 対応する必要がありましたので、調べたものをまとめてみました。 もくじ レスポンシブWebデザインとは？ ギャラリーサイト レスポンシブWebデザインの作り方 画像の切り替え・最適化 レスポンシブ対応のフレームワーク レスポンシブ対応のライブラリ サイトの高速化 レスポンシブWebデザインとは？ 2年程前から流行し始めたレスポンシブWebデザイン。 基本的な考え方、メリット・デメリットを理解しておかないとトラブルの元になります。 レスポンシブWebデザインの基本 レスポンシブWebデザインの基礎 必読！5分でわかる流行のレスポンシブWebデザインまとめ | 株式会社LIG 5分で分かるレス
Theme Matcher - HTML to WordPress Converter
Theme Matcher creates an optimized custom WordPress Theme from your existing website Over 309,200 themes created since 2012! Existing WebsiteAdd a blog to your website while keeping the same familiar branding that your customers love. DesignersOffer WordPress themes to your clients faster, cheaper, and easier than ever before. No WordPress experience required. StartupsBootstrap your blog so it mat
jQuery MobileでWordPressブログのテーマを制作して、スマートフォン対応させる手順（私の場合）。
「検索フォーム」「カテゴリリスト」「アバウト」の3つについては、jQuery Mobieのページ構造を利用して、footer.phpに記述することにしました。 2.jQuery Mobileの「ThemeRoller」を使ってベースとなるテーマを作成 詳しい使い方は省きますが、jQuery MobileのThemeRollerを使うと、配色や角丸の値を簡単にカスタマイズすることが可能で、作成したデザインをCSSファイルでダウンロードできます。 使い方も解説いらずで、直感的にとても分かりやすくできているので、オリジナルのカラーテーマで手っ取り早くjQuery Mobileをセミカスタマイズしたい人にもおすすめです。 私はこれを利用して、まずベースとなるデザインを画像のように設定しました。PCサイト用に作成したカラーテーマを、Adobe Kulerにアップロードしておくと、ThemeRolle
ネットで売れる戦術第8回 ランディングページの口コミ率を上げるテクニック —「販促会議6月号」より | AdverTimes.（アドタイ） by 宣伝会議
インターネット上でモノを売る際、ランディングページを作り、ユーザーの興味を引きつける必要がある。九州で一貫してダイレクトマーケティング型ネット広告に従事する、売れるネット広告社の加藤公一レオ氏が良いと考えるランディングページを紹介してもらい、その良さを客観的に解説してもらう。 第8回は、ソーシャルメディアなどで効果的に口コミを促すランディングページを紹介する。 ここでは、『販促会議』2012年6月号に掲載している第8回の全文を掲載します。 クラウディア「Tocco」 文：売れるネット広告社 代表取締役社長 加藤公一レオ氏 今までこの連載であらゆる“売れる”戦術を取り上げてきたが、今回紹介する内容が私が一番オススメする最高テクニックだ。むしろ今回の内容をみなさんが実施しないと、この連載の意味がないとも言い切れるぐらいである。 さて、その戦術とは、ズバリ！「ランディングページの“確認ページ”を
シリコンバレーで聞いたデザインが美しいWebサービス／アプリ15選 - パパパパ
このブログは、僕がこれまでWebサービスをいくつか作ってきて、失敗したり成功したり色々体験していることをまとめています。 シリコンバレーに来て45日が経ちました。今日はいつもと趣向を変えて、こちらで聞いた、デザインやUI/UXが美しいWebサービスやアプリの一部を紹介してみたいと思います。 Chill http://chill.com/ デザインのイケてるサービスを聞くと、かなりの確率でこのサービスの名前が挙がりました。動画の上に投稿者のプロフィール画像が円形に表示されているのが素敵です。詳細ページの「Thoughts?」ボタンの動きが秀逸。色々参考になるサイトだと思います。 ChillのようにPinterest風デザインは、今まさにトレンドのようで、教えてもらったサイトの中でも本家に負けず劣らずのデザイン性を持ったサービスも多いです。女性ウケが良いことと、画像をファーストビューでたくさん
15 Inspiring Examples of Magento Sites - Magento Themes - Magento eCommerce
design4magento.com 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
ゼロからはじめるスマートフォン専用サイト（iPhone＆Android）の作り方を学べるサイト集めました | HTML5でサイトをつくろう
これからのWEB制作はPCサイトだけではなく、iphoneなどのスマートフォンやipadなどさまざまなデバイスでの閲覧を前提として作成しなければいけません。 iphoneサイトやAndroidサイトはHTML5やCSS3にかなり対応しているので簡単そうなイメージもありますが、縦画面、横画面など変化することを前提に構築しなければいけませんし、Androidは機種によって解像度が違う、機種によってCSSが適用されないという昔のモバイルサイトより大変なことがおきているようです。 またシミュレーターを使ったり、実機をたくさん揃えたり、レンタルしたりとPCサイトより手間な制作の時代に逆戻りですね・・。 友人に聞いたら現在は案件よってはiphoneのみ対応、iphoneとdocomoを対応、すべて対応などさまざまなようですね。まあこれは予算によるのかもしれませんね。 僕はまだ本格的なスマホサイトの仕事
画像を使ったいろいろなjQueryプラグイン224個まとめ - かちびと.net
画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 LightboxLightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。グル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
吹き出し素材専門サイト「フキダシデザイン」
お盆期間中に一気読みしたい、Web制作者におすすめのスライド
WordPressで一般的な企業サイトを作るときに参考になる記事
http://www.99lime.com/
Components · Twitter Bootstrap
https://miqata.com/t/14
新着記事
iPhoneデザインボックス