RailsでWEBアプリを作って海外移住

30歳にしてサラリーマンをリタイア、WEBの世界で、ご飯を食べて、海外移住に挑戦

deviseのユーザ登録ページを綺麗にする 1日目

私の作ったWEBサービスの39は、力を抜いていたせいでユーザ登録ページが雑です。本来であれば一番力をいれないといけない画面です。今日から、数回に渡ってユーザ登録ページを綺麗にしていきたいと思います。

まずは現状のユーザ登録画面です。

f:id:kentarito:20160507025152p:plain

シンプルですが、インターフェースとしてはあまり見やすくありません。今回はこのサイトから勉強して、新しく作り直すことにしました。


design.kayac.com



ユーザを逃さない!インターフェス。まさに私が求めていたことです。そこで、上記のサイトを参考にして下のイメージのように修正。


f:id:kentarito:20160507025612p:plain


今回の修正ポイントは2つです。1つ目は、関連のある内容でグループ分けをしたこと。2つ目は、背景にwellクラスを追加したことです。次回からはユーザが入力譲歩を間違えた時の、エラー表示方法を考えてみます。