📝

숙제 2 : 와이어프레임 그리기

가상의 굿즈 커머스 서비스의 제품 리스트 화면과 제품 상세 정보 화면

첫번째 화면 : 품절 상품의 재입고 알림을 제안하는 다이얼로그
두번째 화면 : 제품 리스트 화면
세번째 화면 : 제품 상세 정보 화면

🎙️ 느낀점

튜터님께서 올려주신 와이어프레임 키트와 플러그인을 활용하여 간편하게 만들었다.

디테일한 부분을 많이 놓친 것 같았지만 강의에서 학습한 내용대로 와이어프레임을 만들고 있기 때문에 사용자가 마주하게 될 과정들에 대해서 좀 더 생각해보며 만들었다.

단순히 리스트에서 물건을 보고 클릭하여 상세 페이지로 이동하는 것인데도 이렇게 와이어프레임을 그려보니 고려해야할 사항과 만들어야 하는 UI가 꽤 많다는 것을 알게되었다.
그러니 더더욱 전체적인 흐름을 잡는 와이어프레임이 중요할 것 같다.