tags 診察券アプリ

UI|課題

共通

ナビゲーションバー

  • 現:〇〇クリニック
    • ダウンロードする時点でどのクリニックか?は分かるので、クリニック名ではなく画面名をバーに記載する
  • 改善:画面名(例:お知らせ/予約)

画面別

メイン

  • 現行
    • 新規登録・ログイン・ゲスト利用がすべて同色なので、少し違いが分かりづらい。一番多く使うのは「ログイン」だと思うので、ログインボタンを目立つように配置する。
  • 改善
    • 新規登録ボタン・・・文字リンク
      • 例)登録していない方はこちら
    • ゲスト利用ボタン・・・必要?
      • ダウンロードした時点で、ゲスト利用を押さなくても医院情報等は見れるようにすればいい

ログイン

  • 現行
    • パスワード・・・何を入力したのか分かりづらい
  • 改善
    • 表示・非表示を切り替えられるようにする

診察券タブ

  • 現行
    • バーコード・ポイント情報・履歴の3つをスイッチボタンで切り替えるメリットがないように感じる
    • スイッチボタンが細いので、押し間違えそう
  • 改善
    • スイッチボタンをなくし、より分かりやすい表示を検討

医院情報タブ

  • 現行
    • テキストとメールや電話アイコンの間に謎の余白があり、殺風景に感じる
    • 一つでも設定がない場合、そこにあるアイコンがただ非表示になるだけなので歯抜けのような表示になっている
    • 読み込み中に「クリニック」と初期表示が表示されるのはNG
  • 改善
    • 画面上部にクリニックの様子がわかる画像を何枚かスライドショーで表示
    • 設定のない情報がなくても、他のアイコンがセンターに寄るようにする
    • 初期表示の文字が表示されないようにする

地図画面

  • 現行
    • 経路などがあればもっと親切かも
  • 改善
    • 経路表示
      • 参考:ホットペッパービューティー

お知らせタブ

  • 現行
    • タブアイコンが「お知らせ」っぽくない
    • お知らせ詳細に遷移した時、戻るボタンがないため不便
      • Androidのみ
    • お知らせ詳細画面のボタン・・・文字の位置のバランスが悪い
      • Androidのみ

その他タブ

  • 現行
    • セクション分けされていないため、はじめて見ると「ユーザー情報変更・ログアウト」がどこにあるのか分からない
    • ゲスト利用で入った場合、戻り方が分かりづらい(ログアウトすればいい、というのは開発者はわかるが、利用者はわからない)
  • 改善
    • セクション分けし、見たいメニューがすぐ見つかるようにする
      • 参考:iPhoneの設定画面

ユーザー情報変更画面

  • 現行
    • メールアドレスとパスワードが一緒くたになっているため、どちらかを変更したい場合も、どっちも変更しないといけないの?と勘違いしそうになる
  • 改善
    • メールアドレス変更・パスワード変更と2つに分けるもしくは、一緒くたにする場合は分かりやすい表示にする