スマホサイト最適化25の最新ルール | グロースハックジャパン | growth hack japan
Ryutaro Mori TwitterでGHJをフォロー！ FacebookでGHJをフォロー！ NEW スタートアップに欠かせない6種類の人間 検索エンジン大手グーグルが、スマホサイト最適化に関する大規模なリサーチを行いました。 その結果から導き出した「スマホサイト最適化25のルール」は、モバイル時代、特にtoCビジネスには欠かせない内容です。 調査に関して 本調査は、GoogleとAnswerLabの共同指揮の下に行われました。 モバイルサイトにとって最良のデザイン慣行を提言することを目的に行われた本調査は、以下の方法論で実行されています。 ・シカゴ・サンフランシスコにて、119時間のユーザービリティテストを敢行 ・iOS・Android両方を含むユーザーに調査を実施 ・ユーザーは、商品の購入、価格の調査、予約など、コンバージョンに関連するタスクを実行し、各サイトのユーザービリティを
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
『スマホブログ『Simplog』のUIデザイン』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。こんにちは。 Ameba事業本部 デザイナーのサトウ（@sugaar）です。 今回は、9月3日にリリースしたスマホブログ、「Simplog」iOS版のUIデザインについてご紹介させていただきます。SimplogとはSimplogは、Twitterのように気軽に投稿し、ブログよりもシンプルに美しく記録するAmeba発のスマホブログです。 おかげさまで会員数10万人を突破(11月7日現在)し、 ユーザーの皆様に満足いただけるよう、日々改善を重ねています。 シンプルで簡単な投稿Simplogは「シンプル × ブログ」というコンセプトのもと、「
デザインの引き出しを増やそう！細部にまでこだわった美しいウェブUIエレメントのPSD素材のまとめ
細部まで作り込まれた美しいデザインのウェブ用のUIエレメントのPSD素材を紹介します。 そのまま制作に使ってもよし、インスピレーションをもらってもよし、PSDなのでエフェクトの勉強をしてもよし、などいろいろ活用できると思います。 ※一部のファイルはPNGフォーマットです。
オライリーさんから発売の「モバイル デザインパターン」監訳いたしました | fladdict
オライリーさんからでる、「モバイル デザインパターン」という本の監訳いたしました。まさかの動物本デビュー。9月24日発売ですが、Amazonの在庫は少なめと思われるのでご予約をおすすめしたり。 本書は、iPhone/Androidの定番インターフェースを分類した、インターフェース図鑑。 「このUIには、こういう意図があって、こんなシチュエーションで使うといいですよ！！」というのが、ざっと100パターンほど紹介されています。 企画を考える時、ワイヤーフレームを作る時、あるいは直面している問題の先行事例がないか調べるとき、この本はとっても大活躍。パラパラめくって気になるパターンを読むだけでも、色々と新発見ができます。 営業的に、カンペや目録っぽい売り方がされると予想される本書ですが、実際はどちらかというと、将棋の定石や空手の型に近い感じの本。 まずは型を覚え、自然に繰り出せるようになる為の本で
Webデザイナーが知っておきたいアプリの知識〜もしもアプリのデザインを頼まれたら？〜
ABC 2016 Springで発表した「Androidアプリ実装アンチパターン」の暫定資料だよ あとで、発表時に喋った内容をテキストで追加したものをアップロードするよ
モバイルサイト vs. フルサイト
モバイルの良質なユーザーエクスペリエンス（UX）に必要なデザインは、デスクトップユーザーを満足させるために必要なものとは異なる。2種類のデザインをして、サイトを2個にし、相互リンクすることによって、すべてはうまくいく。 Mobile Site vs. Full Site by Jakob Nielsen on April 10, 2012 日本語版2012年5月8日公開 数百のサイトについてのユーザビリティテストから判断すると、モバイルに最適化したウェブサイト向けの主なガイドラインは明らかである： 余裕があれば、モバイルに最適化したサイト（あるいはモバイルサイト）を別個に構築しよう。モバイルデバイスを利用してサイトにアクセスするとき、ユーザビリティの測定結果はフルサイトのものよりもモバイルサイトのほうがずっと高い。 モバイルのアプリならさらにいいだろう、少なくとも現時点では。 モバイルのユ
【UI】驚愕！直帰の楽園、AndroidとiPhoneのユーザーフローを見てみた
直帰の楽園。だめだめだぁ・・・orz。 いやはや、スマートフォンを強化しなくちゃしちゃくちゃと思いつつ、ひさしぶりに見てみたら、あらまあ直帰の嵐ですよ。 ・ほとんど直帰。極まれに2ページ以上進む。 ・Androidはほぼ検索経由。 ・iPhoneはノーリファラーも多く、おそらくTwitterなどアプリ経由かと思われる。 なぜ2ページ以降進まないのか！＞＞単にタップ出来る箇所が少ないからじゃね？ 数少ない2ページ目までの遷移を見てみる。見やすいように二値化してます。 おっと！ホームとindex.htmlが分かれちゃってる！設定してなかったけな・・・。 ・トップにとりあえずは戻っている。 ・もしくはカテゴリーを経由している。＜＜これはカテゴリーが記事したに来るからかな。 ・あとは前後の記事リンクを押してるっぽい。 やっぱり、リンクがあればそれなりに押してくれてるっぽい。ありがとうございます。
CSS で作るスマートフォン向け片手操作メニュー
ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript （jQuery 使用） で作ってみたので紹介。 久々にこの手のネタ書いた気がしますけども… ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript （jQuery 使用） で作ってみたので紹介。多分言葉で言っても伝わりにくいと思いますので実際のサンプルをまずは見てみてください。 CSS で作るスマートフォン向け片手操作メニュー サンプル 現在最新版の Firefox
『魔乳秘剣帖』第9話プレイバック＆第10話予告映像をお届け！ - ファミ通.com
キー操作からタップ操作へ、FLASHからHTML5へ、フィーチャーフォンからスマホ移行で求められたUIデザインとは？ グリーが事例を紹介【CEDEC 2011】 CEDEC 2011最終日となる3日目、グリーが抱える主要ソーシャルアプリ（フィーチャーフォン版）を、スマートフォンに対応させるためにぶつかった壁、それに対しての解決方法などを、樺澤俊介氏（グリーの事業戦略本部、クリエイティブセンター センター長）と、清田徹氏（グリーの事業本部、クリエイティブセンター リーダー）が解説。UIデザイン編、アニメーション編に分け、事例をあげつつ語った。 ●フォーチャーフォンの常識は、スマートフォンの常識に通用しない？ 2011年9月6日〜8日の3日間、神奈川県のパシフィコ横浜・国際会議センターにて、ゲーム開発者の技術交流などを目的としたCEDEC（コンピュータエンターテインメントデベロッパーズカンファ
最も支持されるJavaScriptの表現方法とは？ 【スマホのインタラクションデザイン調査】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
iPhoneやAndroidのUIパターンを収集するシンプルで見やすいギャラリーサイト・Patterns of Design
いくつか同じようなギャラリーサイトは ありますが、こちらもなかなか見やすか ったのでメモ。スマートフォンのUIの パターンギャラリーサイトです。スマー トフォンに限らず、通常のWebサイトの パーツデザインの参考にもなりそうです。 特にスマートフォンのUIは細かい部分のこだわりが見られてとても参考になりますので見ておいて損は無いかと思います。 シンプルな作りです。パーツはカテゴリで分けられていて探しやすいです。ちょっと重いかな・・ 例えばこちらはグリッドのカテゴリ。同じ幅、同じ高さという限られた空間の中で、様々な工夫が見られます。 クリックするとその場でLightbox風にポップアップします。iTuneへのリンクもあるので確認しやすいですね。 同じようなギャラリーサイト似たようなサイトは沢山あるので合わせてチェックしてみてはいかがでしょう。 Mobile UI Patternspttrns
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アディダスに学ぶ「気持ちいい」サイトを作る4つのしかけ
jQuery Toggles | Simon Tabor
cmmntr.com
これが無料とは！ スマートフォン向けサイトやアプリのワイヤーフレームを作成するソフトウェア -Prototyper
企画が考えるスマホUIデザイン
スマートフォンサイト開発に使える！Tipsやフレームワークのまとめサイト「Mobile Tuxedo」 | Web活メモ帳
https://www.mobiletuxedo.com/