[B! iPhone][ui] kechinoのブックマーク

スマホ大画面時代、親指リーチ範囲が鍵となる新たなインターフェースデザイン

スマホ大画面時代、親指リーチ範囲が鍵となる新たなインターフェースデザイン2014.09.25 21:0010,223 そうこ片手で扱うならば、親指がスマートフォンの鍵となる。スクリーンの巨大化ーー賛成反対と意見がわかれつつも、アップルがiPhone 6／6 Plusをリリースしたことで、ついにスマホ大画面時代が一気に花開きました。初動で歴代予約記録を更新した新型iPhone、つまり世の中もこの時代の流れを受け入れたのではないでしょうか。 3.5～4インチのディスプレイは、急激にその姿を消しています。Adobeによるモバイルベンチマーク2014年レポートでは、4インチ以下のスマートフォンでのWeb観覧は11％も減少しているのです。時は大画面。とはいえ、はてしなくディスプレイが大きくなるわけでもありません。大画面時代を先行してきたAndroid端末でも、最も好まれているのは5.1～5.7

kechino 2014/09/26

リンク

アプリのペーパープロトタイピングにつかえるツールたち | sense of medium

以前、iPhoneアプリの画面遷移をイメージしやすくするペーパープロトタイピング用アプリ「POP」を紹介したとき、多くの方に読んでもらいました。今回は、「POP」でペーパープロトタイピングをするような方に合うプロダクトを紹介したいと思います。ペーパープロトタイピング・パッド for SmartPhone スマホアプリのペーパープロトタイピング用のノート。レポート用紙のように、ページ毎にはがして使えるもの。iPhoneアプリ作家であり、ブログ「fladdict」の管理人でもある深津さんが経営する会社THE GUILDが開発した用紙です。 THE GUILDのサイト上から購入できるようになっており、その商品説明には、紙を使って実寸でデザイン検証をすることで、初期段階でのデザインミスや、不具合の修正が容易にでき、コストの削減につながります。PhotoshopやXcodeでは数日かかっていた

kechino 2014/07/15

リンク

ソシオメディア | iPhone の当たり判定を検証した

スマートフォンやタブレットなどのモバイルデバイス向けにUIをデザインする際には、タッチ操作に適したコントロール表現を追求しなければいけません。タッチ操作に適したコントロール表現とは、前回書いたジェスチャもありますが、それ以前に、ボタンやリンクなどのUI要素を指で押しやすい大きさにすることが大切です。パソコン画面のマウスポインターと違って、タッチスクリーンにおいて指でボタンをタップする場合、指がそのボタンを覆い隠してしまうので、意図した場所に正しく触れているのか分かりにくく、またボタン自体の視覚的なフィードバックも確認しづらいという課題があります。またマウスポインターではピクセルレベルで画面上の座標を指し示すことができますが、指先ではそのような細かい操作はできません。ですからタッチデバイスでは、ボタンやリンクが細かく密集しているようなデザインは大きなストレスになります。最低限の大き

kechino 2013/04/22

リンク

Good night, Posterous

Posterous Spaces is no longer available Thanks to all of my @posterous peeps. Y'all made this a crazy ride and it was an honor and pleasure working with all of y'all. Thanks to all of the users. Thanks to the academy. Nobody will read this.

kechino 2011/08/27

リンク

1要素1クラス、画像を一切使わずCSSで実装するiPhone UI

1要素に1クラスを指定するだけで、画像も使わずさっと作れるiPhone風CSSライブラリを作ってみました。最近Macがほしくてたまらないえどです。こんにちは。(降ってこないかな・・) ↓実際に動いているデモはこちら(iPhone向けに作っているため、iPhone/Safariでしか最適化されていません) 1要素1クラス、画像を一切使わずにCSSで実装するiPhone UI - jsdo.it - share JavaScript, HTML5 and CSS ちなみにiPhoneで実際に見るとこんな感じに見えます↓ iPhoneで実際に見るには、以下のURLから見れます↓ (jsdo.itだとviewportが使えないため、ブログ自体にデモをアップしました) http://goo.gl/s5fV 1要素1クラスで実現する今回のサンプル作成でこだわったのは、1要素に1クラスを指定すること