Web Developer
UI|課題
Try
HackMD
Web Developer
·
Follow
Last edited by
TOMO SHIMIZU
on
Nov 18, 2020
Linked with GitHub
Contributed by
tags
診察券アプリ
UI|課題
共通
ナビゲーションバー
現:〇〇クリニック
ダウンロードする時点でどのクリニックか?は分かるので、クリニック名ではなく画面名をバーに記載する
改善:画面名(例:お知らせ/予約)
画面別
メイン
現行
新規登録・ログイン・ゲスト利用がすべて同色なので、少し違いが分かりづらい。一番多く使うのは「ログイン」だと思うので、ログインボタンを目立つように配置する。
改善
新規登録ボタン・・・文字リンク
例)登録していない方はこちら
ゲスト利用ボタン・・・必要?
ダウンロードした時点で、ゲスト利用を押さなくても医院情報等は見れるようにすればいい
ログイン
現行
パスワード・・・何を入力したのか分かりづらい
改善
表示・非表示を切り替えられるようにする
診察券タブ
現行
バーコード・ポイント情報・履歴の3つをスイッチボタンで切り替えるメリットがないように感じる
スイッチボタンが細いので、押し間違えそう
改善
スイッチボタンをなくし、より分かりやすい表示を検討
医院情報タブ
現行
テキストとメールや電話アイコンの間に謎の余白があり、殺風景に感じる
一つでも設定がない場合、そこにあるアイコンがただ非表示になるだけなので歯抜けのような表示になっている
読み込み中に「クリニック」と初期表示が表示されるのはNG
改善
画面上部にクリニックの様子がわかる画像を何枚かスライドショーで表示
設定のない情報がなくても、他のアイコンがセンターに寄るようにする
初期表示の文字が表示されないようにする
地図画面
現行
経路などがあればもっと親切かも
改善
経路表示
参考:ホットペッパービューティー
お知らせタブ
現行
タブアイコンが「お知らせ」っぽくない
お知らせ詳細に遷移した時、戻るボタンがないため不便
Androidのみ
お知らせ詳細画面のボタン・・・文字の位置のバランスが悪い
Androidのみ
その他タブ
現行
セクション分けされていないため、はじめて見ると「ユーザー情報変更・ログアウト」がどこにあるのか分からない
ゲスト利用で入った場合、戻り方が分かりづらい(ログアウトすればいい、というのは開発者はわかるが、利用者はわからない)
改善
セクション分けし、見たいメニューがすぐ見つかるようにする
参考:iPhoneの設定画面
ユーザー情報変更画面
現行
メールアドレスとパスワードが一緒くたになっているため、どちらかを変更したい場合も、どっちも変更しないといけないの?と勘違いしそうになる
改善
メールアドレス変更・パスワード変更と2つに分けるもしくは、一緒くたにする場合は分かりやすい表示にする
UI|課題
共通
ナビゲーションバー
画面別
メイン
ログイン
診察券タブ
医院情報タブ
地図画面
お知らせタブ
その他タブ
ユーザー情報変更画面
Expand all
Back to top
Go to bottom
UI|課題
共通
ナビゲーションバー
画面別
メイン
ログイン
診察券タブ
医院情報タブ
地図画面
お知らせタブ
その他タブ
ユーザー情報変更画面
Expand all
Back to top
Go to bottom
×
Sign in
Email
Password
Forgot password
or
By clicking below, you agree to our
terms of service
.
Sign in via Facebook
Sign in via Twitter
Sign in via GitHub
Sign in via Dropbox
Sign in with Wallet
Wallet (
)
Connect another wallet
New to HackMD?
Sign up
Comment