본문 바로가기
디자인 스토리

PC와 모바일 앱 UX 디자인의 차이점

by 앤드블룸 2022. 12. 6.
반응형

사용자에게 가능한 최상의 경험을 제공하려면 PC와 모바일 앱 UX 디자인의 차이점을 알아야 합니다. 둘 다에 대해 동일한 디자인 원칙을 따라서는 안 됩니다.

 

1. 크기

PC: 컴퓨터는 크기 때문에 한 페이지에 많은 정보를 입력할 수 있으며 여전히 훌륭하고 체계적으로 보입니다.

모바일: 아무 것도 변경하지 않고 웹사이트를 4-5 ½인치 모바일 장치의 일반 크기로 축소하면 잘 보이지 않고 사용자에게 혼란을 줄 수 있습니다.

주의: 스마트폰 디자인에 어떤 정보가 중요한지 결정해야 합니다. 필요하지 않은 항목이 있으면 건너뛰거나 메뉴 아래 또는 다른 페이지에 배치합니다.

또한 데스크톱의 화면 크기가 크기 때문에 콘텐츠를 여러 열에 나란히 정렬할 수 있습니다. 훌륭한 모바일 UX 디자인을 위해서는 콘텐츠를 단 하나의 열로 구성해야 합니다. 사용자는 아래로 스크롤하여 모든 콘텐츠를 보기 때문입니다.

 

2. 화면 방향

PC: 가로 방향입니다. 사용자는 이 방향을 변경할 수 없습니다.

모바일: 모바일 장치에서 사용자는 원하는 경우 화면 방향을 변경할 수 있습니다. 사용자의 94%는 스마트폰을 세로로 사용하고 6%는 가로로 사용합니다.

또한 사용자의 49%는 엄지 하나로 휴대폰을 사용하는 것을 선호합니다. 화면 크기가 클수록 한 엄지손가락으로 편안하게 닿을 수 있는 지점이 줄어듭니다.

 

주의: 여기에서 여러 측면을 고려해야 합니다.

첫째, 사용자에게 원활한 UX를 제공하려면 모바일 앱을 두 가지 다른 방향으로 사용할 수 있도록 만들어야 합니다.

둘째, 주요 기능이나 클릭할 수 있는 아이콘을 사용자가 엄지 손가락 하나로 모든 것에 접근할 수 있도록 배치해야 합니다.

 

3. 탐색 및 입력

PC: 키보드와 마우스는 데스크탑의 가장 일반적인 입력 장치입니다. 때로는 터치스크린이 있는 데스크탑을 찾을 수 있지만, 그런 경우에도 자체 마우스와 키보드가 추가되는 경향이 있습니다.

모바일:모바일 장치에서 사용자는 의존할 마우스나 물리적 키보드가 없습니다. 요소를 입력하거나 선택하려면 모바일 장치 사용자가 터치스크린을 사용해야 합니다.

 

주의: 사용자가 무엇이든 입력해야 하는 경우(예: 로그인 프로세스 중에) 키보드를 제공해야 합니다.

입력해야 하는 항목에 따라 다른 키보드를 제공하여 사용자를 돕고 훨씬 더 편안하게 입력할 수 있습니다. 요청한 정보가 전화번호나 우편번호인 경우 일반 키보드로는 사용할 수 없습니다. 대신 숫자 키보드를 제공하십시오.

 

 

4. 환경

PC: 사용자는 종종 사무실에서 작업하거나 쇼핑하는 것과 같이 보다 심각하거나 중요한 작업을 위해 PC을 사용합니다.

모바일: 휴대폰은  PC보다 더 많은 개인화 기능을 제공합니다. 그렇기 때문에 모든 곳에서 사용됩니다. 

물론, 데스크톱 PC를 욕실에 설치하거나 지하철에서 뉴스를 읽기 위해 가지고 다닐 수 있습니다. 그러나 대부분의 사용자는 스마트폰을 사용합니다

 

주의: 사용자가 어디에서나 앱에 액세스 할 것이라는 점을 인식하면 앱이 야외에서 사용하기 쉬워야 한다는 점을 이해할 수 있습니다. 태양이 스마트폰에 비치는 경우에도 사용자가 모든 내용을 읽을 수 있도록 고대비 색상으로 앱을 디자인하십시오. 그리고 사용자에게 개인정보 부담을 주지 않으려면 모바일 사용에 정말 중요한 개인정보 입력을 최소화해야 합니다. pc에서도 마찬가지입니다. pc에서도 너무 많은 정보를 요구하는 것 같다고 느끼면 사용자가 이탈할 것입니다.

 

 

5. 분할 화면

PC: 사용자가 여러 앱과 웹사이트를 동시에 여는 경우가 있습니다. 예를 들어 앱과 계산기가 있습니다. 둘 다 동시에 나란히 열 수 있습니다.

모바일: 최신 스마트폰도 분할 화면을 지원하지만 여전히 일반적으로 사용되는 기능은 아니며 확실히 데스크탑만큼은 아닙니다.

화면 분할 기능이 없는 스마트폰을 사용하는 대부분의 사용자를 고려해야 합니다. 사용자가 앱을 최대한 활용하기 위해 환율을 비교하거나 도시의 위치를 ​​확인해야 하는데 이 기능을 제공하지 않는 경우 계산기나 Google 지도를 열려면 앱을 종료해야 할 수 있습니다.

여기서 문제는 의식적으로든 무의식적으로든 앱을 완전히 닫고 싶은 마음이 생기는 것입니다. 때때로 사용자는 다른 앱에 주의가 산만해지기 때문에 처음에 다른 앱을 사용하고 있었다는 사실을 잊어버립니다. 다른 때에는 제대로 사용하는 데 필요한 모든 것이 제공되지 않는 앱에 불편함을 느낍니다.

 

주의: 사용자에게 필요한 모든 것을 제공하여 사용자가 앱을 계속 사용하도록 하세요. 또한 등록이나 로그인과 같은 작업을 완료하기 위해 사용자를 브라우저로 이동하지 마십시오.

 

반응형

댓글