Daily UI #024 Boarding Pass

Daily UI Challenge

#024 Boarding Pass

 

이번 과제는 Boarding Pass, 탑승권 ui다.

사실 여행을 잘 안가기도 하고 비행기나 기차도 태어나서 딱 한 번밖에 안타봐서

고민하다가 버스 탑승권 ui로 결정했다.

 

사실 비행기나 기차 보딩패스 ui 작업물들은 많아도 버스는 별로 없더라고요...

 

실제로 자주 사용하는 고속버스 예매 어플인 고속버스 티머니의 ui를 벤치마킹해서 진행했다.

평소 사용하면서 아쉬웠던 부분으로는 QR 코드 부분이 작아서 가끔 잘 찍히지 않을 때도 있다는 점이었다.

 

그래서 QR 코드 크기를 좀 더 키웠고, 출발일자에서 시간 부분을 가장 예민하게 보는 만큼 그 부분도 더 잘 보일 수 있도록 날짜와 정보 위계를 다르게 설정해서 강조하는 식으로 작업했다.

 

소요시간 부분도 출발, 도착시간과 혼동이 없도록 '3:20' 이라는 표기보다는 '3시간 20분'으로 풀어서 작성하여 좀 더 쉽게 파악할 수 있도록 구성했다.