スマホのログイン画面の入力フォームレイアウトは「アメーバ」が解なのでは？ « console.log :) | Don't forget trace :)今回は、スマートフォン上のログイン画面の考察をします。 私がレイアウトのパターンとして推したいのは、題名にもありますが、アメーバのログイン画面です。（下記iPhoneアプリ版） ■アメーバのログイン画面 特筆すべきは ・キーボード表示時でも要素が見やすい ・指のストロークが短くてすむ ・分かりやすく押しやすいログインボタン スマホのログイン画面フォームレイアウトの解は、もうこれなんじゃないかというほどのログインのしやすさ。ページスクロールも不要で、指の流れがとても自然、最後のログインボタンも押し間違いの不安はほぼなし。 Appleのレギュレーションでは、ボタンサイズの推奨サイズは44px以上とされていますが、アメーバのログインボタンは 88 x 70px です。 デザインにもよりますが、プライオリティの高いボタンはこれぐらいの領域を取ったほうが安心して押せてよかったりもしますね。 以下は
