【Cocoda!お題】名刺アプリの「ホーム画面」を改善

OVERVIEW

使いやすさと手入力のしやすさを意識したUIデザインに改善してみました

YEAR 2019

デザインの意図

日付順に整理されたリスト

日付順で見やすく並べて欲しいという依頼内容だったが、そもそも名刺を日付順で見たい時とはどういう時なのだろう?と考えました。
→タイトルは「登録履歴」に。「この間登録した名刺ってどれだっけ?」と探したい時に表示されるページなんだろうなと予想。
一覧ページの時にはあえて部署やグループ名は必要ないと考えました。長い部署名の時など全部表示させるよりも詳細画面へタップさせた方が良いし、それよりも役職や職種が何だったかの方が、普段知りたい場合が多いと感じたため。

詳細画面では利便性も重視

見やすくして欲しいという依頼に追加して、その場ですぐに地図アプリや電話アプリにアクセスできるようにアイコンを右側に付けました。

手入力になるべくストレスがかからないように

名刺を撮影してデータが登録されるアプリを想定しましたが、手入力で情報を登録したり編集したりすることもあると思うので、その際にストレスをなるべく感じないよう意識。
大きめの入力フォーム、住所自動入力や、すでに入力されている項目では右端の「×」をタップすることですぐに消去できるようにするなど、基本的なことですがいかに手間を省くことを意識してデザインしました。
電話番号も、追加する場合は「追加する」ボタンをタップさせ、最初からいくつも「電話番号1、電話番号2」といった入力欄を作らないようにしました。


WEBSITE