スマホアプリでプロトタイプが必要なたった一つの理由 | DevelopersIO
こんにちは！おおはしりきたけです。弊社ではFlexの開発をやっていたころからUIプロトタイピングで開発することが多く。特に最近のスマホ開発ではUIプロトタイピングが必須と言っても過言ではありません。 はじめに 皆さんは、プロジェクトを進めていく上で、要求を洗い出す、要件を整理する、ワイヤーフレームを作る、設計書を書く、ビジュアルデザインを作るといった作業をやることが多いと思います。こういった作業というのは、コミュニーケーションの手段であり、プロダクトやサービスのゴールに向けて成功の確率を高めてくための作業だと思っております。クラスメソッドは、クライアント側の開発が多く、ここ数年スマホ開発に携わっていますが、スマホ開発では初期段階でも「動くプロトタイプ」が必要だと体感しております。その理由を書かせていただきます。 結論 結論から説明させて頂きます。スマホアプリでUIプロトタイプを作るたった一
デザイナに知っていて欲しい10個のAndroidのUIルール - ReDo
iPhoneのそれと比較して、よくかっこわるいと評価されてしまうAndroidですが、正しくは「標準UI同士で比べた際にイケてない」のが真実だと思っています。 今現実として、Androidアプリにイケてないものが多いのですが、そもそもデザインを考慮するプロセスが省略されてしまっていたり、時間（コスト）が無いとかそういうこともあったと思いますが、流石にこれだけメジャーなデバイスになってしまうとそれが許される時代は終わってしまいました。 ドットコム全盛期の様なGeocities＋IBMホームページビルダーのデザインがはるか昔にキャハハされた様に、もうそろそろ標準UIで未カスタマイズのAndroidアプリもキャハハされる時代です。 そんな中、効率よくかっこいいUIを構築するために頭の片隅で把握しておくとちょっと幸せになれる、独断と偏見で捻りあげた10個のAndroidのUIルールを紹介します。
考察：Appleはスマホサイトを作らない。
今まで気づかずにいたが、Appleはスマホ(スマートフォン)向けサイトを作っていない。それは何故か。 予算がないとか、(どこぞのメーカーと違って)ウェブデザインや自社製品についての理解度が低いとか、おそらくそういったネガティブな理由ではない。Appleのウェブサイトには、自社のプロダクトデザインに通じる主張が表現されている。 Mobile Safari のUIデザインの本質を垣間見るウェブデザイン 自社のプロダクト(ここでは特にMobile Safari)のUIデザインが、何を理想として、どう調整されてきたのか、このサイトのデザインから読み取ることができる。 Appleのウェブサイトの裏側をちょっとだけ覗いてみると、viewport に width=1024 が記述されている。これは、iPhoneの小さな画面でも1024px分の幅があるものと仮想してレンダリングされるようにする、呪文のよう
スマホサイト：Webアプリモードで意外と書かれていない落とし穴 - Kaleidoscope
ちょっと今回はまめ知識的な内容です。 最近、「iPhoneでWebアプリを作成」といった記事をよく見かけます。 （jQuery Mobileなどを利用した開発方法は置いといて） HTML5+CSS3+JavaScriptで一から作成する方法について、意外と肝心な注意点が抜けてるように思います。 とくに、よくmetaタグを使った「Webアプリモード（フルスクリーンモード）」にする方法が書かれていたりします。 <meta name="apple-mobile-web-app-capable" content="yes" /> これをやると、URLバーとかが無くなって、サイトがネイティブアプリっぽくなってかっこいいんですよね。 これで、サイトをアプリっぽく見せられる！ってちょっと興奮しちゃいますよね。 ただ、これって意外な落とし穴があるんです(￣▽￣;) 今回は、僕が知ってる大きな２つの注意点を
目が見えない人のためのスマートフォンは、デザインも機能もファンタスティック！
前面は全面シリコンパネル、裏面にはカメラとイヤーピースがあるだけのシンプルさですが、その機能は多彩です。のっぺりとしたシリコンパネルには、ユーザーに何かを伝える時に点字を浮かび上がらせることができます。カメラで文字を読み込めば、その情報をBluetoothを使ってイヤーピースから音声として出力することもできますし、カメラを前にして首から「VOIM」を下げて歩けば、前方にある物体を認識して音声で知らせることもできます。
スマートフォンサイト運用と今後のスマートフォン市場の展望 : LINE Corporation ディレクターブログ
スマートフォングループの藤村です。2か月前まで、モバイルで、livedoorトップ・デコメサイトの運用を担当していました。 10月から新しい部署のスマートフォングループに所属し、すでに、スマートフォン版のlivedoorトップ＆ニュース他の運用を開始しています。実際に運用してみると、モバイルとの共通性が多く、モバイルサイトの運用経験が生きる領域だと実感しました。 まだまだ運用の初期フェーズの段階ですが、今回は、実際にスマートフォンサイトを運用してみて気づいた点及び、今後のスマートフォン市場の展開予想について書いてみようと思います。 ファーストビューの重要性 スマートフォンのサイトを運用してみて、まず一番最初に改修を入れたのが、ファーストビューです。ファーストビューとはユーザーがモバイル端末でアクセスして、一番最初に表示される画面のことを言います。 モバイルサイト運用経験者の方には常識かと思
携帯端末向けのマルチメディア放送、端末を振って操作するインターフェースを公開
2011年にアナログテレビ放送が停波した後の空き帯域を利用した携帯端末向けの次世代放送サービス「マルチメディア放送」が、本サービス実施に向けて準備を進めている。3月8日に開催されたサービスイメージ発表会では、端末自体を傾けたり振ったりすることで操作できる新たなユーザーインターフェースが披露された。 マルチメディア放送は、放送波を利用して動画などのコンテンツをユーザーに届ける携帯端末向けの有料多チャンネル放送サービス。大きく分けて蓄積ダウンロード型の「ファイルキャスティング」とライブ配信型の「ストリーミング」の2つがある。蓄積型ではユーザーの好みに合ったものを放送局が配信するリコメンド機能もある。国内ではNTTドコモや放送局、電通などが出資するマルチメディア放送（mmbi）が実用化に向けて開発を進めている。 今回開発されたユーザーインターフェースは、端末の加速度や傾きに応じて、表示画面切り替
HTMLサイトよりFlashサイトを支持するユーザーが増加【モバイルリサーチ】
調査結果概要 今回、多くのモバイルサイトで採用されているFlashについてユーザーはどう感じているのか、また、 2年前に比べFlashサイトに対する受容性はどう変化したのかを把握するため、調査を実施いたしました。 その結果、HTMLサイトよりFlashサイトを支持するユーザーは2年前より7ポイント増加し、7割を超えることが分かりました。 Flashサイトの商品訴求力、先進性、機能性などのイメージアップが好感度の高さに繋がったものと考えられます。 このように好感度が高まっているFlashサイトですが、閲覧しているときに誤って前の画面に戻ってしまうなどの画面遷移に関する誤操作を経験しているユーザーは多くなっており、「重くて表示に時間がかかる」や「パケット代が気になる」など、不満の声も見られました。 ブランドイメージが伝わりやすく、商品訴求にも好影響を与えるFlashのモバイルサイトですが、ユー
ユーザーの6割以上が縦移動のみのFlashサイトを支持 【モバイルリサーチ】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
【ハウツー】jQuery on iPhone - jQTouchを使ったWebアプリ開発 (1) jQTouchとは | エンタープライズ | マイコミジャーナル
iPhone向けWebアプリケーションの開発において、jQuery使いなら見逃せないプロダクト「jQTouch」のベータ版がリリースされた。同プラグインを使用すれば、ネイティブアニメーションを伴うWebアプリケーションでも簡単に開発できるようになる。jQueryベースのため、強力なAjaxアプリケーションだって可能だ。本稿ではjQTouchを使ったWebアプリ開発方法を紹介しよう。 David Kaneda氏は8月30日(米国時間)、jQTouchの最新版であるjQTouch 1.0(beta)をリリースした。jQTouchはThe MIT Licenseのもとで公開されている、iPhone上で動作するWebアプリケーション開発に特化したjQueryプラグイン。デベロッパはjQTouchを使用することで、テーマやネイティブアニメーションをともなうiPhone用Webアプリケーションを簡単に
HugeDomains.com
Captcha security check sohaya.com is for sale Please prove you're not a robot View Price Processing
気付き難かったiPhoneの操作 - ザリガニが見ていた...。
iPhoneには紙のマニュアルは用意されていないが、web上にはちゃんと公開されている。そのリンクは、iPhoneのSafariのブックマークにも、デフォルトで登録されていた。 使いこなすためのヒント - iPhoneの使い方をすべて紹介（iPhone >> Safari >> ブックマーク第一階層 >> iPhoneユーザーガイド） iPhone ユーザガイド（203ページのPDF版） やはり、一通りは読んでみるべきだと思った。（今までいい加減に使っていたので）いくつか知らない操作も発見した。また、マニュアルに書いてないこともある。以下は、自分が使いそうな、最初は気付かなかった操作のメモ。 この他にも未知の操作がいっぱいあるのだと思います。ご存知の方は、ぜひ、教えて頂きたいです。 環境 iPhone 3GS / OS 3.0 MacBook OSX 10.5.7 iTunes 8.2.1
【携帯サイト】もう1ページ先に進んでもらうための６つのテクニック (ユーザビリティ実践メモ)
せっかくコンテンツを作っても、リンクがユーザにクリックされず、内容を見てもらえない、という悩みをお持ちのWEBマスターの方は多いのではないでしょうか。 今回は、携帯サイトでユーザを次ページに導くためのテクニックをご紹介します。 筆者がユーザビリティテスト（ユーザ行動観察調査）を通して得た実感として、携帯サイトの方がパソコンサイトよりも次ページへの誘導が難しいという印象があります。ある携帯の有料会員制サイトでは、「ユーザはいつも利用しているリンク以外はほとんどクリックしない」というユーザ行動が見られました。 理由として、携帯サイトは 読み込みが遅い隙間時間に利用される場合が多く、利用時間が短いパケット代がかかる などが考えられます。 そのため、携帯サイトでユーザを次ページに誘導するためには、パソコンサイト以上に誘導方法を意識する必要があります。以下、ユーザビリティテスト（ユーザ行動観察調査）
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
「INFOBAR A01」インタビュー iidaの世界を体現するUI、シリーズ初のスマートフォン - ケータイ Watch
Good night, Posterous
Android UIのデザインパターンを集めた『Android Patterns』 | 100SHIKI
https://jp.techcrunch.com/2010/06/16/20100616android-team-laser-focused-on-the-user-experience-for-next-release/
Engadget | Technology News & Reviews
https://jp.techcrunch.com/2009/09/02/20090901developers-be-warned-apple-has-apparently-trademarked-those-shiny-chat-bubbles/