문자메시지 스크롤 시 기능버튼 인터랙션 디자인하기

문자메시지 스크롤 시 기능버튼 인터랙션 디자인하기

문제

스마트폰에서 문자메시지 확인화면 스크롤 시 기능버튼이 함께 스크롤되어 화면에서 사라지는 인터랙션 문제를 해결해봅시다.


아래 그림은 갤럭시 S22 스마트폰에서 문자메시지를 확인하는 장면입니다. 

문자 내용을 보기 위해 아래로 스크롤을 하면 화면 상단에 있던 버튼들이 사라집니다. 이를 다시 보기 위해선 최상단으로 다시 스크롤을 하던지, 상단에 있는 전화번호 부분을 탭 해야 하는 불편함이 있습니다.
그렇다고 버튼들을 고정 영역으로 두기엔 메시지 확인을 위한 공간이 작아집니다.


이 문제를 동시에 해결할 수 있는 적절한 인터랙션 안을 만들어보세요.

케이스 풀이시 고려사항

  • 우리가 흔히 사용하는 스마트폰 속에서도 생각보다 많은 인터랙션 디자인 문제들이 존재함을 인지할 수 있고, 그 문제점을 알아보는 날카로운 눈을 가지도록 노력해야 하며, 불편함 해결에 다양한 인터랙션 디자인 안을 고민하는 것이 필요함을 알게 될 겁니다.
  • 내비게이션은 차량의 속도에 따라 자동으로 지도를 확대하거나 축소합니다. 이를 응용해보세요. 

문제

스마트폰에서 문자메시지 확인화면 스크롤 시 기능버튼이 함께 스크롤되어 화면에서 사라지는 인터랙션 문제를 해결해봅시다.


아래 그림은 갤럭시 S22 스마트폰에서 문자메시지를 확인하는 장면입니다.
문자 내용을 보기 위해 아래로 스크롤을 하면 화면 상단에 있던 버튼들이 사라집니다. 이를 다시 보기 위해선 최상단으로 다시 스크롤을 하던지, 상단에 있는 전화번호 부분을 탭 해야 하는 불편함이 있습니다.
그렇다고 버튼들을 고정 영역으로 두기엔 메시지 확인을 위한 공간이 작아집니다.


이 문제를 동시에 해결할 수 있는 적절한 인터랙션 안을 만들어보세요. 

케이스 풀이시 고려사항

우리가 흔히 사용하는 스마트폰 속에서도 생각보다 많은 인터랙션 디자인 문제들이 존재함을 인지할 수 있고, 그 문제점을 알아보는 날카로운 눈을 가지도록 노력해야 하며, 불편함 해결에 다양한 인터랙션 디자인 안을 고민하는 것이 필요함을 알게 될 겁니다.


내비게이션은 차량의 속도에 따라 자동으로 지도를 확대하거나 축소합니다. 이를 응용해보세요. 


모범답안

다른 회원이 풀어본 모범답안을 참고하며,

더 나은 솔루션을 고민해보세요.

이XX 회원님이 제출하신 케이스 모범답안입니다.






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

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

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

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

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

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


일곱시로 실무 UX 역량을,

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