UXUI 디자이너를 위한 앱과 웹의 차이점 이해

앱과 웹의 공통점과 차이점

앱 

• 서비스마다 인터페이스 디자인이 다르다
• 풍부한 인터랙션 실현  (음성 인식, 모션 인터랙션 등)
• 설치 조건에 따른 데이터 사용 최소화 가능
• 터치패널을 통한 다양한 제스처 대응

웹 

• 범용 도구
• 멀티 디바이스 가능
• 조작 인터랙션 부족
• 서비스마다 설치할 필요 없음

소프트웨어 관련 용어

• 해상도 : 화면이 표시할 수 있는 세밀한 정도
• 텍스트 
• 텍스트의 경우 이미지화가 아닌 텍스트 그대로 두는 것이 중요! 이를 기반으로 사용자가 복사/붙여 넣기/ 가독성 쉬움
• 이미지 
• 이미지의 경우 해상도에 대한 대응 중요! 
• svg (백터 이미지는 해상도와 관계없이 가장 적합하게 표시)
• jpg/gif/png (레스터 데이터 이미지는 해상도 고려 필요)
• 퍼포먼스 : 조작 대응도 (스피드)
• 퍼포먼스의 경우 작업 완료시간을 줄여주어 사용자의 편리성을 더욱 높여준다

*참고 문헌

UI 디자인 교과서 : 네이버 도서