社内のスマートフォン 戦略を本格始動させ、成功に導くために役立つ資料をお送りします。 Google の最新コンテンツである「The Mobile Playbook」を一読してから、社内で検討を始めましょう。 www.themobileplaybook.com
![The Mobile Playbook](https://cdn-ak-scissors.b.st-hatena.com/image/square/43f471d00518b15e1f28a231b8b298d06bec12fd/height=288;version=1;width=512/http%3A%2F%2Fwww.themobileplaybook.com%2Fassets%2Fimages%2Ficons%2Fplaybook-social.png)
ワイヤーフレームを楽しく作ろう! 魅力的なユーザーエクスペリエンスをユーザーに届けるために、ワイヤーフレームはとても重要です。 何より自分自身が楽しんで作らないと、良いアイデアは生まれないものですよね。 ということで「楽しく作れる!」という観点から、おすすめのスマホアプリ/サイトのワイヤーフレームの作成を支援するツールをまとめてみました!もちろんすべて無料で始められます! では早速どうぞ〜! Fluid UI http://www.fluidui.com/ プレビュー機能で画面遷移も作れる UIパーツが本物にかなり近い形で表現されています(むしろそのまま?)。UIパーツはWireframe、iPhone、iPad、Android、Android 4.0、Android Tablet、Windows Phoneの中から自由に選べます。かなり豊富です。またオリジナル画像をアップロードして使うこ
日本特許庁、スマートフォンやタブレットのユーザーインターフェイス(操作パネル)デザインを知的財産として保護する方針 Japan Patent Office protects user interface design 特許庁は、スマートフォンやタブレット端末に使用されるユーザーインターフェイス(操作パネル)画像デザイン等を新たに知的財産として保護する方針を行う。日本でデザイン登録を出願すれば加盟国でも適用されるように国際協定にも加盟。 NHK が報じたニュースで、特許庁は急速に普及が進むスマートフォンやタブレット端末等のデジタル製品に使用されるユーザーインターフェイス(操作パネル)画像を、工業製品のデザインに関係する「意匠法」を改正し保護する方針としています。 今まで保護されていなかった事に驚きですが、欧米では既に行なっている保護で日本がこれに追従する形となります。日本でデザイン登録をすれ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする >> 世界的なスマホの急速な普及とそれに伴う様々なアプリの登場と共に、モバイルデバイス向けのUIデザインも様々な試行錯誤と進化を続けているようです。今回は、デザインにはこだわりのある人気ITメディアThe Next Webのスタッフが選んだ次世代のモバイルアプリを担う15のUIデザインを紹介します。 — SEO Japan コードを学ぶのと同じように、デザイナーとして上達する一番の方法は、習うより慣れることだ。それでもやはり、優れた作品を称賛して模倣すること(という名の練習)が驚くべき効果を発揮しないというわけではない。何よりも、他のデザイナーが過去にしたことを見ることは、相当な時間の節約になる。なぜ
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
もう一週間も前のことになるが、今回のゴールデンウィークは、いろいろなニュースが流れてきた。特に一番印象的だったのは、夜中に私のTwitterに飛び込んできたCNETのこちらのニュース。分かっていたこととはいえ、今更グラフでちゃんと見せられると結構ショックだった。 Apple, Samsung put hammerlock on smartphone profits-CNET (2012/5/4) 携帯電話市場における「プロフィットプール」つまりその業界の企業が出している利益全体を、誰がどのように分け合っているのか。Asymco社が算出した結果、2011年第四四半期において、アップルが全体の73%、サムスンが26%、台湾のHTCが1%を取っているという報告がされたという。 そのニュースに掲載されていた、2007年からの業界のプロフィットプールのシェア変遷を描いたグラフがこちらである。 このプ
Android案件を何件か担当して見積り前に確認しておいた方がいいと思うことや決めておくこと、 事前に説明しておくべきことがいくつかあったのでまとめます。 ①ハードウェアの選定 ・どの端末をサポートしますか? 動作確認を行う端末を決めてもらいます。 複数の端末をサポートする場合、テストも複数の端末で行うため工数もそれに応じて増やす必要があります。 ・サポートするAndroidのバージョンは? 端末を決めた時点でほぼ決まってしまいますが"Android 2.2以上"のようにサポートする最小のバージョンを決めます。 特にお客様にご要望がない場合はアプリのリリース時期と端末、OSのシェアなどを考慮して提案しています。 ・タブレットでの使用は想定していますか? これはスマートフォン用に開発している案件で後からタブレットでも使用したい、 というご要望を受けることがあるためです。 ・マルチデバイス対応
前回『グーグルがスマートフォンUAのクローラを発表』では、Googleのスマートフォン専用クローラーについてその判定方法をまとめました。今回はURLアドレスを設計する際にネックとなる「スマートフォンサイトとPCサイトでURLアドレスは同一であるべきか、それとも別々の異なるURLアドレスとするか」について考えます。 結論を先に述べると、「同一URLと別URLどちらにもメリット・デメリットがあるので、サイト規模や運用負荷などを考慮して相応しい方を選ぶこと」となります。 フィーチャーフォンサイト/PCサイトのURL振り分け スマートフォンサイトを語る前に、まずフィーチャーフォンサイト/PCサイトのSEO、いわゆるモバイルSEOのURL振り分けをまとめます。 別アドレスを採用してクローラー全開放が理想的 ベストプラクティスは、フィーチャーフォンサイトとPCサイトはそれぞれ異なるURLアドレスで展開
PathみたいなナビゲーションをWebページに実装するライブラリです。同じようなのは他にもあると思いますけど、これの特徴は対象に当たっている他のライブラリと干渉しにくいということでしょうか。iScrollみたいなイベントキャンセルが強力なやつはだめだと思います。 サンプルがまさにそれなんですけど、同僚の@が作った flipsnap.jsとは共存できます。レイヤー毎にスワイプ判定をしてるので、上位レイヤーで一度キャンセルすると Swpnav が実行されてる下位レイヤーにはイベントが飛ばなくなるような感じで、この Swpnav とか flipsnap のような作り方をしているライブラリとは共存できると思います。 サンプル(Webkitのみ ホスト githubにあります 5509/Swpnav – GitHub 使い方 ソースコードをダウンロードして、任意の場所に swpnav.js を置き、
1. SMARTPHONE・TABLET USER INTERFACE GUIDELINE マルチデバイスLab. × ユーザビリティ研究所 スマートフォン・タブレットユーザーインターフェイス ガイドライン スマートフォン・ 2011.9.26 COPYRIGHT© IMJ CORPORATION.ALL RIGHTS RESERVED. 2. 目次 INDEX 00 INTRODUCTION はじめに 2 01 SCREEN 画面 3 02 TEXT テキスト 4 03 OBJECT SIZE / WHITE SPACE オブジェクトサイズ・ オブジェクトサイズ・余白 5 04 OPERATION DESIGN 操作設計 6 05 NAVIGATION ナビゲーション 7 06 LAYOUT レイアウト 8 07 CAPACITY ファイル容量 ファイル容量 9 08 PSD PSDサン
「スマートフォンのインタラクションデザインに関するユーザビリティ調査」を発表 ~最も支持されるJavaScriptの表現方法とは~ 株式会社アイ・エム・ジェイ(JASDAQ 4305)のグループ会社である株式会社IMJモバイル(本社:東京都目黒区 代表取締役社長:川合純一)は、「スマートフォンのインタラクションデザインに関するユーザビリティ調査」を実施いたしました。 調査期間は2011年9月14日~9月15日、有効回答数は412名から得られました。 調査結果概要 スマートフォンの普及に伴い、インタラクション性が高いサイトが求められています。 スマートフォンサイトを構築する際の効果的な表現方法としてJavaScriptの活用がありますが、実際にJavaScriptを使った表現方法がユーザーに与える印象について実例を用いた調査を行いました。 調査の結果、シンプルにわかりやすい表現方法はユーザ
iPhoneに始まり、さらにここ数年で様々なAndroidケータイが登場し、日本でもスマートフォンが普及し始めています。それにともない、企業サイトやECサイトを、スマートフォンブラウザーで利用するユーザが着実に増えてきています。世界規模でいえば、2012年頃にはスマートフォンの販売台数がPCを超えるという予測もあります(ITU, Mark Lipacis, Morgan Stanley Research.2009 資料PDF )。これはビジネス的に考えて、「まだ様子を見て、対応しなくてもよい」とはいえない状況でしょう。そこで、本連載では「スマートフォン時代のWebサイト制作」をテーマに、スマートフォン対応に必要となる考え方、Dreamweaverを使ったスマートフォン対応のテクニックなどを解説していきます。第1回目となる今回は、スマートフォン対応サイトを制作する前段階について考えてみましょ
スマートフォンアプリデザインに役立つ 基礎のまとめ!:一撃デザインの種明かし(14)(1/4 ページ) 各キャリアが新Android携帯を続々と発表し、スマートフォンへの注目がますます盛り上がる中、アプリケーションも、iPhone/Androidともに展開するものが増えてきました。 そういった中で、本稿ではスマートフォンアプリのデザインのコツをまとめてみます! iPhone/Androidともに展開しているアプリ3例 まずは、iPhone、Androidともに展開している有名アプリを3つ紹介します。それぞれのスクリーンショットを見ながら違いを探してみてください。 【1】クックパッド レシピの投稿と検索ができるアプリです。PCサイトの雰囲気はそのままに、トップ画面を旬のキーワードと履歴、検索ボックスのみに絞ったシンプルなUIになっています。要素とコンテンツを極力減らすことで、レシピ検索に集中
iPhoneやAndroidなどの人気の スマートフォン向けのJavascript製 フレームワーク・wink toolkitを触っ てみました。動作サンプルが豊富 で割と応用できそうだったので日本 語でサンプルを作ってみました。 スマートフォン向けのWebサイトやネイティブアプリに使えそうなJavaScript製のフレームワークです。沢山の動作サンプルがあって、内容もとっても分かりやすかったので(完全ではないけど)日本語サンプルを作成してみました。 スマホ向けのWebアプリ用JavaScript製フレームワークです。 動作サンプルを日本語にしたのでお手持ちのiPhoneなどでサンプルを触りながら記事を読んでいただけると嬉しいです。 [note]お持ちでない場合でも、Safariでご覧頂くと同様の動作確認が出来ます。Chromeでも多少確認出来ました。また、デモ動画もいくつかありますので宜
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く