직무교육 7회차 과제 - [유데미x스나이퍼팩토리] UI/UX 디자이너 인턴형 프로그램 과정

 

7회차 과제

와이어 프레임 작성

 

본격적인 디자인 작업에 앞서 와이어프레임을 작성해보는 실습 시간을 가졌다.하지만 난 아직 UI스케치가 완전히 마무리되지 않아서 보완하고조금 늦게 와이어프레임 작성을 시작했다.

 

메인페이지(홈)

먼저 메인페이지 와이어프레임을 작성했다.

바코드 조회를 위해 접속하는 유저들 외에는 바코드 조회 화면이 앱실행시 바로 뜨는게 불편할 수 있기때문에

메인 페이지 내에 배치시켰는데 뭔가 복잡복잡해보인다.

어떻게 해야할지 조금 더 고민해봐야겠다.

메뉴바 부분은 카카오페이의 메뉴바 부분을 참고하였다.

차라리 바코드를 바로 보이게 하지 말고 바코드 조회 및 내통장결제 버튼을 눌러서 바코드를 조회할 수 있게 하는게 나을까?

그럼 사용자 입장에서 프로세스가 추가되기 때문에 아무래도 메인 페이지에 보이는게 편하긴 할 것 같다.

흠.. 슬랙에 조언을 구해보는게 낫겠다!

 

검색페이지

다음은 검색페이지의 와이어프레임이다.

검색페이지 상단 부분을 어떻게 해야할지 가장 고민이 많았다.

통신3사 중에는 SKT의 검색바 디자인이 마음에 들어서 비슷하게 구성했다.

그 아래로는 최근 검색어, 지금 많이 찾는 제휴 브랜드, 인기 검색어를 배치했는데

검색 페이지에 이 요소들을 배치해 뭘 검색해야할지 막막한 사용자들을 도와줄 것으로 기대한다.

섹션 구분은 메인페이지와는 다르게 선으로 구분지었다.

 

아직 와이어프레임이 이렇게 두 페이지 밖에 나오지 못했다...😥

분발하자.