スマートフォンはデカくなっても手は元のまんまです。親指で快適に素早く使うにはデザインはどう工夫すればいいの? 注意すべきポイントをまとめてみました。 親指操作をベースにデザインする デザインの専門家Steven Hooberさんが携帯1,333台の使用状況を調べてみた結果では親指操作の人は全体の75%、片手操作の人は49%でした。 日本でも片手の人が多いですけど、大型画面(4インチ以上)だと一番上にコントロールバーがあったりすると親指が届かなくて大変ですよね。
![デカスマホで使いづらいアプリにありがちなデザインと対処法](https://cdn-ak-scissors.b.st-hatena.com/image/square/a3a833e22beb8fcd5d84206322def42979177a4a/height=288;version=1;width=512/https%3A%2F%2Fmedia.loom-app.com%2Fgizmodo%2Fdist%2Fimages%2F2014%2F10%2F141029Designing_for_HugeSmartphones_a.jpg%3Fw%3D1280%26h%3D630%26f%3Djpg)
スマートフォンはデカくなっても手は元のまんまです。親指で快適に素早く使うにはデザインはどう工夫すればいいの? 注意すべきポイントをまとめてみました。 親指操作をベースにデザインする デザインの専門家Steven Hooberさんが携帯1,333台の使用状況を調べてみた結果では親指操作の人は全体の75%、片手操作の人は49%でした。 日本でも片手の人が多いですけど、大型画面(4インチ以上)だと一番上にコントロールバーがあったりすると親指が届かなくて大変ですよね。
display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ
もしすでにキャリアのiPhoneを持ってたら解約してsimロック解除。 SIMロック解除アダプタを使います。 Smartkingという名のSIMトレイを差し替えるだけのイメージ。激烈簡単。 —追記— この方法はいわゆる「ゲタをはかせる」と言うのですが、OSのアップデートに対応できませんので自己責任でよろしくお願いします。 アップデートされたら、新しいゲタが出るまで待たないといけません。 —追記終わり— 左がSmartking。ここにsimを乗せます。 ちなみにiPhone5のsimロック解除はSIM7+を使うようです。買ってみます。 キャリアの契約解約前にもロック解除試せるのかな?そこは試してないので分かりませんが、simを変えるだけなので行けると思います。 ピンキリですが、中古のiPhone4ならヤフオクで5000円くらい。それで全然OKだと思います。 ※すみません。最初4Sと書いてまし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く