スマホサイト最適化25の最新ルール | グロースハックジャパン | growth hack japan
Ryutaro Mori TwitterでGHJをフォロー！ FacebookでGHJをフォロー！ NEW スタートアップに欠かせない6種類の人間 検索エンジン大手グーグルが、スマホサイト最適化に関する大規模なリサーチを行いました。 その結果から導き出した「スマホサイト最適化25のルール」は、モバイル時代、特にtoCビジネスには欠かせない内容です。 調査に関して 本調査は、GoogleとAnswerLabの共同指揮の下に行われました。 モバイルサイトにとって最良のデザイン慣行を提言することを目的に行われた本調査は、以下の方法論で実行されています。 ・シカゴ・サンフランシスコにて、119時間のユーザービリティテストを敢行 ・iOS・Android両方を含むユーザーに調査を実施 ・ユーザーは、商品の購入、価格の調査、予約など、コンバージョンに関連するタスクを実行し、各サイトのユーザービリティを
LukeW | New Layouts for the Multi-Device Web
New Layouts for the Multi-Device Web by Luke Wroblewski May 13, 2013 Most Web page layouts rely on design patterns created for laptop and desktop computers equipped with a mouse and keyboard. As the variety of devices being used to access the Web has grown, these patterns haven’t been keeping up. Designing for today’s Web means considering single-handed thumb use on smartphones, two handed touch i
マルチデバイス体験のためのデザインの課題
ここ 1, 2 年のアプリ購入の条件はマルチデバイスでシームレスな操作ができることができることが前提になっており、その傾向はますます強くなっています。私が愛用している Byword も保存という操作をすることなく、マルチデバイスですぐにデータにアクセスできることが購入のキッカケになっています。 マルチデバイスと同様、重要になってくるのがアプリ間のデータのやりとりや操作が可能なこと。Web サービスを基にして作られたアプリであれば大丈夫ですが、孤立した状態で存在で存在するアプリも少なくありません。Android だともう少しスマートな解決策がありそうですが、iPhone の場合だと Launch Center は便利です。TextExpander と連携をしていて、書いた文章を様々なサービスへ直接投函することができる Drafts も、制限はありますがアプリの壁を超えることができます。 こう
タブレットユーザーが読みやすいと感じるフォントサイズは？【リサーチ】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
UI/UXの第一人者が集まり、語り尽くす- 第六回スマホデザイン会議 ～UI/UX 最前線まとめ〜｜U-NOTE【ユーノート】-イベントまとめプラットフォーム
■「アートの世界観をデジタルで実現する手法〜蜷川実花監修カメラアプリ cameran」 株式会社リクルートホールディングス Media Technology Labs（MTL） 大城 哲也氏 迅速にグローバルで沢山のユーザーに使われるアプリを広告費ゼロで作りたかった。 【カメラアプリを選んだ理由】 「情報が多すぎて処理しきれない！」 という 世の中の不を感じ 「ビジュアル化で、処理しやすくしたい」と考えた。 「カメラアプリの不 」 かっこいいけど似たフィルター多い？ 「 開発者の不」 万が一ヒットしてもすぐにコモディティ化する これは チャンスだと思った！ 本当は東京のクリエイティブは世界一ヤバイ！ （データあり） 「コード×東京のセンス」で 唯一無二のカメラアプリを作れないか？ そして思いついたのが、 蜷川実花さんの世界観を実現するカメラアプリ 。 【全体設計の進め方（コンセプト
膨大なコンテンツを美しく、レスポンシブで見せているWebサイトまとめ | Goodpatch Blog
ニュースサイトやイメージギャラリー、ブログなどの情報量やコンテンツが多いWebサイトをデザインするのは大変ではないでしょうか。日々、情報の更新があるようなWebサイトはコンテンツを整理し、かつ見やすいようにレイアウトしなければなりません。そこで今回は「25 Beautiful Content Heavy Websites」で紹介されていた中から “膨大なコンテンツを美しく、さらにレスポンシブで見せているWebサイト” をいくつかピックアップしてまとめてみました！ House http://house.pl/ 大きなメインビジュアルがまず目に入るサイト。縦長長方形のブログ記事と赤い横長の長方形のプロモーション記事で構成されています。 Monocle http://monocle.com/ 写真や各記事のエリアの大きさが異なるWebサイトですがとても整った印象があります。 Esquire ht
CSS Nite ＠Co-Edo, Vol.8「UIデザインのパターン化」に行ってきたよ - Mitsu.log();
2013-04-13 CSS Nite ＠Co-Edo, Vol.8「UIデザインのパターン化」に行ってきたよ 4月4日に行われたCSS Nite ＠Co-Edo, Vol.8「UIデザインのパターン化」に行ってきました。この前ここにも書いたCSS Nite LP26のCSSプリプロセッサの回で、クックパッドの@tikedaさんのお話をもっと聞いてみたいなーと思っていたので、これは！！と思い。テーマは「UIデザインのパターン化」。ちょうど「スマートフォンのためのUIデザイン ユーザー体験に大切なルールとパターン」という本を出されたばかりだったので、本から抜粋された内容が紹介されました。以下Agenda。 UIのパターン化・ルール化とは プラットフォームの流儀 画面パターン UIコンポーネント 実践事例 パターンとルールがもたらすメリット 90分という短い時間だったけど、ワークショップ的なの
jQuery UIをタッチデバイスに対応させるためのライブラリ・jQuery UI Touch Punch - かちびと.net
jQuery UIをタッチデバイスに対応させる ライブラリ・jQuery UI Touch Punchの ご紹介です。いつか使うかも、と思った ので備忘録。これを見て、そういやスマ フォでjQuery UIを試したことが無いこと に気が付いた次第です・・ jQuery UIのドラッグとかリサイズとかソートとかをiPhoneなどに対応させるためのライブラリです。そういやjQuery UIはタッチデバイスで動くのか試したことありませんでしたが、ドラッグやリサイズはそのままでは使えませんでした。 これは需要あるんじゃないですかね。このライブラリでタッチデバイスに対応させられるのは以下の通り。 Draggable Droppable Resizable Selectable Sortable Accordion Autocomplete Dialog Progressbar Slider 実機でテ
ke-tai.org > Blog Archive > ケータイ向けに工夫されたUIが多数、KLabのFlashコンテスト受賞作品
ケータイ向けに工夫されたUIが多数、KLabのFlashコンテスト受賞作品 Tweet 2008/4/22 火曜日 matsui Posted in Flash | No Comments » KLabが開催していた、「ケータイFlashサイトデザインコンテスト」の受賞作品が発表されました。 PCサイトに比べて、どうしても使いづらいケータイWebですが、どの作品もFlashをうまく使って使いやすさとデザインを両立させています。 → KLab ケータイFlashサイトデザインコンテスト [klab.org] → ITMedia +D Mobile 見た目も操作もここまで変わる KLab、Flashデザインコンテストの受賞作を発表 [itmedia.co.jp] コンテストは、あらかじめ決められたテーマ（HTMLサイト）のFlashサイト化を行うという形で行われています。 受賞作品にはそれぞれ
http://www.andreminoli.com/index.php?go=por&por=moto
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
From 4-Inch Phones to 40-Inch TVs: Designing Responsive Websites - noupe
Sp design2013 v2
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker
case:MobileDesign! モバイルサイトのデザイン紹介ブログ
携帯端末スペック一覧 - ke-tai.org
http://www.au.kddi.com/au_design_project/seihin/mediaskin/index.html
http://japan.internet.com/busnews/20060403/3.html