Ironhack의 사전 작업:Jacob Bunan_Challenge2

이 게시물에서는 두 번째 도전인 와이어프레임에 대한 경험을 공유할 것입니다.

내 도전은 Figma를 사용하고 내가 선택한 작업 앱을 와이어프레임으로 리버스 디자인하는 것이 었습니다. 그런 다음 앱에서 하나의 상호 작용을 선택하고 흐름을 디자인합니다. 마지막으로 이 기능을 보여주기 위해 작동하는 프로토타입을 만듭니다.

간단히 말해서 와이어프레임은 앱 또는 웹 사이트의 흐름이라고도 하는 일련의 상호 작용을 통해 단순한 시각적 표현을 제공합니다. 와이어프레임의 경험 법칙은 관찰자가 시각적인 것이 아닌 디지털 제품과의 상호 작용에 집중할 수 있도록 추가 컨텍스트 없이 이해할 수 있도록 최대한 명확하게 만들어야 한다는 것입니다.

나는 "수동 출퇴근 시간" 상호 작용과 Timesheet라는 시간 관리 앱의 시간 프레젠테이션을 표시하도록 선택했습니다.

과거에는 사용하기 쉽고 명확한 레이아웃으로 시간을 보여주는 무료 앱을 찾는 데 시간을 보냈습니다. 저는 이 앱이 이 모든 일을 꽤 훌륭하게 수행한다는 것을 알았습니다.

상호 작용 흐름이 포함된 와이어프레임은 다음과 같습니다.

또한 인터랙션의 작업 프로토타입에 대한 링크입니다 .

마지막 메모.

그래서 이 챌린지는 부트캠프를 위한 저의 사전 작업을 마무리 짓고 이 분야에 대한 실제 경험이 없었기 때문에 이것이 얼마나 중요한 일인지 고백해야 합니다. 나는 어려움을 기대하지 않고 여기에 들어왔기 때문에 앞으로 있을 일에 유연하게 대처할 수 있었습니다.

와이어프레임을 만들고 흐름을 디자인하면서 이 작업의 작은 뉘앙스에 대해 내가 얼마나 눈이 멀었는지 알게 되었습니다. 한 가지가 작업의 일부를 완료하는 데 충분할 것이라고 생각하는 것, 예를 들어 작업에 필요한 와이어프레임이 될 수 있다고 생각하는 것을 선택한 다음 내가 달성하려는 실제 목적에 도움이 되지 않는다는 것을 알았을 때 완전히 조롱하는 것과 같습니다. 이것이 실제로 작동하는 것과 작동하지 않는 것을 파악하고 프로세스에서 피해를 주지 않고 실패하는 프로토타이핑의 진정한 가치입니다. 매우 귀중한 교훈입니다.