면접관이 이 한 문장으로 확인하려는 것들. 각 갈래를 알면 답의 뼈대가 잡혀요.
풀필먼트처럼 재고, 배송 상태, 주문 처리 단계가 복잡하게 얽힌 도메인에서는 모든 정보를 한 화면에 나열하기보다 사용자가 지금 당장 필요한 정보만 우선 보여주는 게 중요하다고 생각합니다. 학교 프로젝트로 물류 관리 대시보드를 설계했을 때 처음엔 20개 넘는 지표를 한 화면에 배치했는데, 테스트 참여자들이 무엇을 봐야 할지 모르겠다는 반응이었습니다. 이후 이상 상태(지연, 재고 부족)만 상단에 강조하고 나머지는 클릭 시 펼쳐지는 구조로 바꾸니 필요한 정보를 찾는 시간이 절반 가까이 줄었습니다. 복잡한 도메인일수록 정보 위계를 명확히 나누는 게 핵심이라고 생각합니다.
인터랙션 디자인에서는 화려한 애니메이션보다 사용자의 행동에 대한 즉각적 피드백이 더 중요하다고 생각합니다. 개인 프로젝트에서 장바구니에 상품을 담을 때 아무 반응이 없어 사용자가 담겼는지 헷갈려하는 문제를 발견했습니다. Figma와 Principle을 활용해 상품이 장바구니 아이콘으로 짧게 이동하는 0.3초짜리 모션을 추가했더니, 테스트에서 「담겼는지 확실히 알겠다」는 반응을 받았습니다. 모션은 장식이 아니라 사용자에게 상태 변화를 알려주는 정보 전달 수단이라는 걸 이 경험으로 배웠습니다.
반응형 디자인 프로젝트로 개인 포트폴리오 사이트를 제작하면서 모바일과 데스크톱에서 정보 우선순위가 달라야 한다는 걸 경험했습니다. 데스크톱에서는 여러 프로젝트를 그리드로 한눈에 보여줬지만, 같은 구조를 모바일에 그대로 축소하니 글자와 이미지가 너무 작아 가독성이 떨어졌습니다. 그래서 모바일에서는 프로젝트를 세로로 나열하고 대표 이미지와 제목만 먼저 보여준 뒤 상세는 탭하면 펼쳐지는 구조로 바꿨습니다. 또한 색약 시뮬레이터로 확인해 색상 대비를 조정하는 접근성 점검도 함께 진행했습니다. 화면 크기에 따라 정보를 재구성하는 게 단순 축소와는 다른 작업이라는 걸 배웠습니다.
같은 실수가 반복돼요. 이것만 피해도 절반은 갑니다.
진짜 면접은 두 번째 질문부터예요. 이 답 뒤에 따라올 법한 것들.