2023.12.11 팀실습
멀티타이머 설정해서 리스트업 됐을 때 화면의 페이지를 비교해서 어떤 UI가
사용자에게 사용성이 더 좋은지를 생각해보고 장점을 뽑아서 핸드스케치를 해보자.

멀티타이머/다중타이머

멀티타이머/다중타이머란, 여러 개의 타이머를 동시에 할 수 있는 기능입니다.

아이폰이 이번에 새로 업데이트 되면서 타이머를 2개 이상 설정할 수 있게 되었는데요!!
해당 기능의 UI를 운영체제 별로 비교해봅시당~~

멀티타이머 비교(iOS VS Android)

iOS와 Android의 장단점을 먼저 비교한 후에 우리가 생각하는 장점들을 뽑아서 스케치해보았다.

🍎 iOS 애플

🍎 progress bar가 원형
🍎 레이블 설정시 리스트에서 설정 시간 대신 레이블만 보여짐
🍎 개별 타이머 탭에서는 종료 시간(00시 00분)이 보이지만 멀티타이머 리스트에서는 설정 시간만 보임

👍 UI 디자인이 깔끔하고 예쁨
👍 최근 항목에 있는 재생 버튼만 누르면 바로 최근에 만든 타이머와 같은 타이머 생성 가능
—————————
👎 타이머를 슬라이더 해야지만 [삭제] 버튼이 생김/선택 삭제 안됨
       → 슬라이드 했을 때 삭제 버튼이 보이는건 직관적이지 못하고 오랜 아이폰 유저만 알고 있음
👎 타이머 상세화면에서 취소 누르면 타이머 삭제됨
       → 취소라는 워딩의 의미가 모호함. 오히려 삭제라고 수정하는 것이 좋아보임
👎 레이블 이름 설정 시 리스트에서 초기 타이머 설정 시간(00분)이 안보임
       → 설정 시간이 없어서 얼만큼의 시간을 설정한 것인지 바로 인지하기 어려움
👎 멀티타이머 리스트 재정렬 불가능, 설정한 순서대로 리스트업
       → 원하는 순서대로 타이머의 리스트를 정렬할 수 없음

🤖 Android 안드로이드

🤖 progress bar가 일직선

👍 사용자의 편리성 최고. 직관적인 디자인
👍 멀티타이머 리스트에서 X 꾹 눌러서 타이머 개별 삭제 가능
👍 상단 메뉴 탭에서 타이머 전체 삭제 가능
👍 리스트에서 종료 시간 확인 가능
👍 상단 메뉴에서 편집/정렬 가능
—————————
👎 레이블 이름 설정 시 리스트에서 초기 타이머 설정 시간(00분)이 안보임
       → 설정 시간이 없어서 얼만큼의 시간을 설정한 것인지 바로 인지하기 어려움
👎 설정 시간이 끝나면 바로 List 자동 삭제됨
       → 같은 시간으로 타이머를 쓸 때마다 만들어야하는 수고로움이 있음

멀티타이머 핸드스케치

<반영한 점>
🍎iOS
→ 원형 progress bar
→ 최근 항목 표시
→ 리스트 상단에 [편집]과 [+]를 좌우로 나누어 배치
→ 화면 좌측 상단에 [타이머] 라는 글자를 크게 표시

🤖Android
→ 설정 시간을 [HH:MM:SS]의 형태로 표시
→ 리스트에서 타이머 종료 시간 확인 가능

😍NEW
→ 편집 탭에서 햄버거 버튼 생성, 누른 후 드래그로 재정렬 가능
→ 편집 버튼 누른 후 체크박스 생성, 다중선택 후 삭제 가능
→ 편집 탭에서 [완료]와 [삭제]를 좌측 상단에 배치
→ 리스트에서 ‘🔔완료 시간 | 설정시간 | 레이블명’ 한번에 확인 가능