요리용 타이머 앱 디자인하기

요리용 타이머 앱 디자인하기

문제

저녁 7시에 예정인 저녁식사를 성공적으로 차리기 위한 요리용 타이머 앱을 디자인하세요. 한상에 요리가 1개 이상인 것을 전제합니다.
 

케이스 풀이시 고려사항

간단기능을 빠르게 디자인하기, 너무 깊은 고민은 안하는 것이 좋습니다.

 
저녁 식사 요리를 준비의 시작부터 완료까지를 디자인의 대상으로 상정합니다. 어떤 과정은 시간이 오래 걸리기도 하며, 동시에 진행되는 여러 조리가 있기도 합니다.

 
여러 요리를 한꺼번에 진행하는 요리사들은 여러 타이머들 한꺼번에 사용하기도 합니다. 

케이스   |   힌트   |   솔루션·피드백



케이스 힌트

이 케이스가 어떤 케이스인지,

어떻게 접근해야 하는지 알 수 있어요.

이 케이스를 풀기 위한 접근법

이 케이스는 무료 체험 케이스 중 가장 복잡하고 어렵습니다. 실제로 유명 회사에서 실습 문제로 제공한 사례입니다.

 
고려할 것도 많고 이를 체계적으로 정리하여 문제 해결 역량을 보여야 합니다. 그만큼 좋은 디자인안을 만들 수 있다면 역량이 높다고 할 수 있습니다.

이 케이스는 아직 벤치마킹할 만한 앱이 없습니다. 대신 요리사들이 사용하는 타이머 제품이 있습니다. (아래 그림 참조) 요리사들이 왜 저런 타이머를 쓰는지 파악해 보세요.

사용자의 상황에 대한 면밀한 이해가 필요합니다. 여러 요리가 진행되며 각 요리에는 타이머가 필요한 구간(예. 가스레인지 중불 5분, 약불 3분)과 그렇지 않을 구간(예. 야채 썰기) 있을 것입니다.

 
여러 요리에서 타이머를 사용하는 사용자 정황이 어떤 조합이 있는지 최대한 파악합니다.

 
시간을 따라 사용자 경험을 시뮬레이션 하면서 각 상황에 필요한 UI를 그립니다. 문제가 있다면 수정을 합니다.

 
정리는 사용자의 목표와 정황을 표현하고, 이를 감안해서 만들어진 UI를 상황 별로 보여주는 것이 좋습니다. 


케이스를 풀기 위한 접근법


  • 이 케이스는 무료 체험 케이스 중 가장 복잡하고 어렵습니다. 실제로 유명 회사에서 실습 문제로 제공한 사례입니다.
  • 고려할 것도 많고 이를 체계적으로 정리하여 문제 해결 역량을 보여야 합니다. 그만큼 좋은 디자인안을 만들 수 있다면 역량이 높다고 할 수 있습니다.

  • 이 케이스는 아직 벤치마킹할 만한 앱이 없습니다. 대신 요리사들이 사용하는 타이머 제품이 있습니다. (아래 그림 참조) 요리사들이 왜 저런 타이머를 쓰는지 파악해 보세요.


  • 사용자의 상황에 대한 면밀한 이해가 필요합니다. 여러 요리가 진행되며 각 요리에는 타이머가 필요한 구간(예. 가스레인지 중불 5분, 약불 3분)과 그렇지 않을 구간(예. 야채 썰기) 있을 것입니다.
  • 여러 요리에서 타이머를 사용하는 사용자 정황이 어떤 조합이 있는지 최대한 파악합니다.
    시간을 따라 사용자 경험을 시뮬레이션 하면서 각 상황에 필요한 UI를 그립니다. 문제가 있다면 수정을 합니다.
  •  정리는 사용자의 목표와 정황을 표현하고, 이를 감안해서 만들어진 UI를 상황 별로 보여주는 것이 좋습니다. 



솔루션·피드백

다른 회원은 이 케이스를 어떻게 풀었는지,

어떤 피드백을 받았는지 볼 수 있어요.

이XX 회원님이 제출하신 솔루션 예시입니다.

케이스를 출제한 전문가의 피드백 입니다.

👍 잘한 점 
요리에 필요한 여러 작업 별로 타이머를 나눠서 설정할 수 있고, 타이머 추가가 쉽도록 UI를 잘 디자인 하셨습니다.

그리고 여러 타이머를 한 화면에 보여줌으로써 요리에 필요한 과정을 모아서 볼 수 있는, 레서피의 성격도 가지게 되어 좋은 디자인이라고 생각합니다. 
 
📌 부족한 점 
하지만 요리 과정을 직접 요리하는 사람 입장에서 조금 더 섬세하게 들여다보는 것이 필요합니다.

전체 요리 시간을 보여주어야 하는것이 필요한 것인지 고민해봐야 합니다. 요리에 필요한 과정 중에 시간 관리가 필요하지 않은 것들이 있습니다. 예를 들면 야채 썰기 같은 과정은 시간관리가 필요하지 않습니다.


그리고 기존 요리 타이머를 보면 꽤 많은 버튼들이 있는 것을 알 수 있습니다. 간단한 타이머도 3개 이상입니다.


이 버튼들이 UI에서 어떻게 동작하는지 구체적으로 정의하는 것도 필요합니다. 예를들어 타이머 시간 설정은 어떻게 하는지 (회원님의 UI에서는 슬라이더로 설정 하는 것으로 예상되긴 합니다), 시작/멈춤/초기화는 어떻게 하는지 같은 기능들은 상세 동작방식이 잘 설명되어야 합니다.

타이머 추가 > 시간 설정 > 타이머 시작 > 멈춤 > 다시시작 > 종료 (종료 후엔 어떻게 되는지?) 정의 해보세요.

그리고 실제로 사용자가 요리하는 환경을 생각해보는 것도 필요합니다. 요리 중에는 많은 재료와 요리도구들로 사용자의 Attention은 이미 소비되고 있습니다. 기존 요리용 타이머의 화면과 버튼이 큼지막하게 디자인 된 것도 이런 환경에서 유용하게 쓰일 수 있도록 고려했기 때문입니다.

또한 재료를 손질하느라 손이 더럽거나, 장갑을 끼고 있었을 수도 있는데 이럴 때는 스마트폰의 장점을 살려서 쉽게 시간을 설정하고 타이머를 조작하는 방법도 고민해볼 수 있습니다 (ex. 음성인식). 이런 기능을 기획하는 것은 사용자가 기존 타이머를 사용하지 않고 스마트폰을 이용한 타이머를 쓰도록 많드는 요소가 될 수 있습니다.
📘 총평 
전체 요리 과정을 고려한 타이머 화면 레이아웃, 손쉬운 타이머 추가는 좋습니다. 실제 요리하는 사용자의 사용 환경을 고려하신다면 더 좋은 디자인으로 개선하실 수 있겠습니다. 그리고 세부 동작방식에 대한 고민이 추가되면 더 좋아지겠습니다.   

전문가의 평가:B
S: 감탄할 만한 수준입니다.
A: 실제 상품에 바로 적용할 수 있어요.
B: 부족함이 조금 있습니다.
C: 노력이 필요해요. 

답안 제출을 망설이지 마세요. 디자인에 정답은 없습니다. 

머뭇거리는 것 보다는 전문가의 1:1 피드백을 받는 것이 

 역량 향상에 훨씬 도움이 됩니다.


일곱시로 실무 UX 역량을,

특히 채용 과정에서 중요한 문제해결 역량을 쌓아가세요.

케이스를 출제한 전문가의 피드백 입니다.

👍 잘한 점

  • 요리에 필요한 여러 작업 별로 타이머를 나눠서 설정할 수 있고, 타이머 추가가 쉽도록 UI를 잘 디자인 하셨습니다.
  • 그리고 여러 타이머를 한 화면에 보여줌으로써 요리에 필요한 과정을 모아서 볼 수 있는, 레서피의 성격도 가지게 되어 좋은 디자인이라고 생각합니다. 

📌 부족한 점 

  • 하지만 요리 과정을 직접 요리하는 사람 입장에서 조금 더 섬세하게 들여다보는 것이 필요합니다.
  • 전체 요리 시간을 보여주어야 하는것이 필요한 것인지 고민해봐야 합니다. 요리에 필요한 과정 중에 시간 관리가 필요하지 않은 것들이 있습니다. 예를 들면 야채 썰기 같은 과정은 시간관리가 필요하지 않습니다.
  • 그리고 기존 요리 타이머를 보면 꽤 많은 버튼들이 있는 것을 알 수 있습니다. 간단한 타이머도 3개 이상입니다.
  • 이 버튼들이 UI에서 어떻게 동작하는지 구체적으로 정의하는 것도 필요합니다. 예를들어 타이머 시간 설정은 어떻게 하는지 (회원님의 UI에서는 슬라이더로 설정 하는 것으로 예상되긴 합니다), 시작/멈춤/초기화는 어떻게 하는지 같은 기능들은 상세 동작방식이 잘 설명되어야 합니다.
  • 타이머 추가 > 시간 설정 > 타이머 시작 > 멈춤 > 다시시작 > 종료 (종료 후엔 어떻게 되는지?) 정의 해보세요.
  • 그리고 실제로 사용자가 요리하는 환경을 생각해보는 것도 필요합니다. 요리 중에는 많은 재료와 요리도구들로 사용자의 Attention은 이미 소비되고 있습니다. 기존 요리용 타이머의 화면과 버튼이 큼지막하게 디자인 된 것도 이런 환경에서 유용하게 쓰일 수 있도록 고려했기 때문입니다.
  • 또한 재료를 손질하느라 손이 더럽거나, 장갑을 끼고 있었을 수도 있는데 이럴 때는 스마트폰의 장점을 살려서 쉽게 시간을 설정하고 타이머를 조작하는 방법도 고민해볼 수 있습니다 (ex. 음성인식). 이런 기능을 기획하는 것은 사용자가 기존 타이머를 사용하지 않고 스마트폰을 이용한 타이머를 쓰도록 많드는 요소가 될 수 있습니다.  

📘 총평 


전체 요리 과정을 고려한 타이머 화면 레이아웃, 손쉬운 타이머 추가는 좋습니다. 실제 요리하는 사용자의 사용 환경을 고려하신다면 더 좋은 디자인으로 개선하실 수 있겠습니다. 그리고 세부 동작방식에 대한 고민이 추가되면 더 좋아지겠습니다.    

전문가의 평가: B
S: 감탄할 만한 수준입니다.
A: 실제 상품에 바로 적용할 수 있어요.
B: 부족함이 조금 있습니다.
C: 노력이 필요해요. 

답안 제출을 망설이지 마세요. 디자인에 정답은 없습니다. 

머뭇거리는 것 보다는 전문가의 1:1 피드백을 받는 것이 역량 향상에 훨씬 도움이 됩니다.

일곱시로 실무 UX 역량을, 특히 채용 과정에서 중요한 문제해결 역량을 쌓아가세요.