Molayo

© 2026 Molayo

Dev.to헤드라인2026. 06. 10. 00:46

수정 기능을 작은 편집 버튼 뒤에 숨기지 않기로 결정한 이유

요약

AI 음식 기록 앱 MetricSync 개발 경험을 바탕으로 AI UX 디자인의 핵심 원칙을 제시합니다. 사용자가 AI 결과를 '최종본'이 아닌 '초안(draft)'으로 인식하게 하고, 수정 과정을 자연스럽게 통합하는 것이 중요하다고 강조합니다. 특히, 입력 방식과 수정 루프를 마찰 없이 빠르게 처리하여 실제 생활 환경에 녹여내는 UX가 핵심입니다.

핵심 포인트

  • AI 결과는 최종본이 아닌 시작점(starting point)처럼 느껴져야 한다.
  • 수정 기능은 캡처 순간과 물리적으로 가깝게 배치되어야 한다.
  • 사진, 바코드, 텍스트 등 여러 입력 방식은 경쟁하는 기능이 아니라 빠른 입력이라는 하나의 목표를 가져야 한다.
  • 최고의 AI UX는 모델을 똑똑하게 보이게 하는 것이 아니라 수정 루프가 무해하게 느껴지도록 만드는 것이다.

저는 iPhone AI 음식 기록 앱인 MetricSync를 개발해 왔는데, 테스트 과정에서 한 가지 제품 상세 부분이 계속 눈에 띄었습니다. 바로 '수정' 기능이 에지 케이스(edge case)가 아니라는 점입니다.

그것은 제품 그 자체였습니다.

많은 AI 음식 기록 데모들은 가장 깔끔한 순간을 중심으로 만들어집니다:

  1. 사진 촬영
  2. 앱이 식사를 인식함
  3. 칼로리와 매크로가 표시됨
  4. 사용자가 저장 버튼을 누름

이렇게 하면 멋진 영상을 만들 수 있습니다. 하지만 이것은 일반적인 음식 기록의 느낌과는 다릅니다.

실제 식사는 지저분합니다. 접시에는 남은 음식이 있을 수도 있고, 소스가 묻어있거나, 숨겨진 재료가 있거나, 먹는 사람에게는 명확하지만 모델에게는 그렇지 않은 양일 수 있습니다. 혹은 바코드가 사진보다 더 신뢰할 만한 포장 제품도 있고요. 때로는 사용자가 이미 답을 알고 있어서 빠르게 타이핑하고 싶을 때도 있습니다.

이것은 제가 UI에 대해 생각하는 방식을 바꾸어 놓았습니다.

첫 번째 결과는 편집 가능하게 느껴져야 한다

AI 앱이 음식 기록을 최종본처럼 반환하면, 모든 실수는 실패처럼 느껴집니다.

만약 그것을 초안(draft)으로 반환한다면, 모든 실수는 일반적인 편집처럼 느껴집니다.

사소하게 들릴 수 있지만, 제품의 느낌은 완전히 다릅니다.

MetricSync를 위해 저는 AI 결과를 시작점(starting point)으로 취급하기 시작했습니다:

  • 식사가 보이는 경우 사진
  • 패키지에 구조화된 데이터가 있는 경우 바코드
  • 사용자가 이미 무엇을 먹었는지 아는 경우 텍스트
  • 첫 번째 시도가 근접하지만 정확하지 않은 경우 수정 기능(correction)

목표는 모델이 완벽하다고 가장하는 것이 아닙니다. 목표는 사용자가 수동 기록보다 더 빠르게 느끼게 하면서도, 잘못된 첫 추측에 가두지 않는 것입니다.

수정 기능은 캡처와 가까워야 한다

음식 기록 앱에서 제가 보는 한 가지 실수는 '수정' 기능을 캡처 순간과 너무 멀리 배치하는 것입니다.

만약 사용자가 상세 화면을 열고, 작은 편집 아이콘을 찾고, 여러 필드를 수정하고, 다시 저장해야 한다면, AI 기능은 타이핑보다 느리게 느껴지기 시작합니다.

더 나은 패턴은 다음과 같습니다:

  1. 식사 캡처
  2. 즉시 초안 표시
  3. 사용자가 명확하게 잘못된 부분을 수정하도록 함
  4. 수정을 별도의 워크플로우처럼 느끼게 하지 않고 저장하기

이것이 중요한 이유는 식사 기록(food logging)이 보통 급하게 이루어지기 때문입니다. 사람들은 데이터베이스를 관리하기 위해 앉아 있는 것이 아닙니다. 그들은 회의와 회의 사이, 친구들과 식사를 하거나 요리 후에 뒷정리를 하는 중에 있습니다.

여러 입력 방식이 기능 과잉(feature bloat)이 아닌 이유

처음에는 사진, 바코드, 텍스트가 세 가지 별개의 기능처럼 보일 수 있습니다.

하지만 테스트를 할수록 이들은 하나의 기능, 즉 빠른 입력(fast entry)처럼 느껴집니다.

사용자는 어떤 입력 방식이 기술적으로 가장 인상적인지에 관심이 없습니다. 그들이 신경 쓰는 것은 마찰(friction)을 최소화하여 식사를 기록할 수 있는 방법입니다.

포장된 단백질 바의 경우, 바코드가 유리합니다.

남은 음식 접시의 경우, 사진이 유리합니다.

“계란 두 개와 토스트”의 경우, 텍스트가 유리할 수도 있습니다.

앱은 하나의 입력 방식이 AI를 증명하도록 강요해서는 안 됩니다. 사용자가 눈앞의 음식에 대해 가장 빠른 경로를 선택하도록 해야 합니다.

교훈

제가 지금까지 발견한 최고의 AI UX는 “모델을 더 똑똑해 보이게 만드는 것”이 아닙니다.

그것은 “수정 루프(correction loop)가 무해하게 느껴지도록 만드는 것”입니다.

만약 앱이 틀렸고 사용자가 1초 만에 고칠 수 있다면, 그들은 계속 나아갑니다. 하지만 앱이 틀렸는데 사용자가 인터페이스와 싸워야 한다면, 그들은 이탈(churn)합니다.

이것이 제가 MetricSync에 적용하고 있는 디자인 기준입니다: iPhone에서 사진, 바코드, 텍스트를 이용한 음식 기록을 구현하면서, 수정을 실패 상태가 아닌 행복한 경로(happy path)의 일부로 취급하는 것입니다.

MetricSync는 사용해 보고 싶다면 여기에 있습니다: https://metricsync.download

3일 무료 체험이 제공되며, 이후에는 월 $5입니다.

AI 자동 생성 콘텐츠

본 콘텐츠는 Dev.to AI tag의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.

원문 바로가기
0

댓글

0