業種の切り替えを、スマホの指でもキーボードでも扱えるようにしました

実機(iPhone の幅)で測ったところ、業種のボタンは高さ30ピクセルで、指で確実に押せる大きさ(44ピクセル)に足りていませんでした。さらにサービスページでは17業種が6行に折り返し、切り替えの帯だけで画面の38%を占めていたため、肝心の中身がほとんど見えない状態でした。

スマホでは業種を横1行に並べて左右になぞって選ぶ形にし、ボタンは指で押せる大きさに広げました。帯が占める高さは画面の12%まで下がり、選んだ業種の悩みと自動化できる業務がすぐ目に入ります。画面の広い端末ではこれまでどおり折り返して、17業種すべてが一度に見えます。

キーボードだけで操作する方には、左右キーで隣の業種へ移れる(端では反対側へ回り込む)ようにし、Home・End で両端へ飛べるようにしました。これまでは業種の数だけTabキーを押さないと本文に届きませんでしたが、数回で抜けられます。