다른 서비스
위시켓 잡스
디자인
11.1K본문은 위시켓과 번역가 윌리(Willy)가 함께 만든 해외 콘텐츠 기반 번역문입니다. 사용자 경험(UX)과 관련된 다양한 정보를 다루는 블로그 매체 ‘UX Planet’의 글을 번역했습니다. 작가는 닉 배비치(Nick Babich)는 현업 소프트웨어 개발자인 동시에 블로그 ‘UX플래닛’을 운영하고 있습니다. 본문은 UI 디자이너가 모바일 앱을 디자인할 때, 가장 흔히 저지르는 실수를 알아보고 이를 예방할 수 있는 팁들을 소개합니다.
2021년 현재까지도 많은 디자이너가 모바일 앱 UI를 디자인할 때 같은 실수를 반복하고 있습니다. 이 중 가장 흔한 사례를 여러분과 하나씩 알아보겠습니다.
외곽선 두께가 다른 홈 아이콘
나쁜 대비 vs. 좋은 대비
낮은 대비 vs. 좋은 대비
시각적 구분 없음 vs. 시각적 구분
스와이프 스루 온보딩
Facebook은 탭 바에 햄버거 메뉴를 보여준다.
[1] 사용자의 반응을 유도하는 행위 혹은 요소. 웹사이트나 앱의 배너, 버튼, 링크 등이 여기에 해당한다.
[2] 사용자가 앱을 처음 실행하거나 웹사이트를 처음 방문했을 때 경험하는 상호작용.
[3] 스와이프 제스처를 이용해 화면을 채운 이미지나 콘텐츠를 좌우로 넘기며 탐색하는 방식.
[4] 주로 앱 상단이나 하단에 세 개의 가로 줄로 표현되는 내비게이션 메뉴로, 다양한 메뉴를 하나의 내비게이션 안에 담기 위해 널리 사용된다.
같은 분야를 다룬 글들을 권해드려요.
요즘 인기있는 이야기들을 권해드려요.
만일 여러분이 디자인 업무를 협업할 때 다른 사전 준비를 제치고 디자인 툴에 곧바로 뛰어든다면 이는 결국 여러분의 창의성을 빼앗아 갈 것입니다. 그 대표적인 예로 피그마와 스케치가 있습니다. 그들은 제품에 라이브러리를 탑재했고, 덕분에 디자이너는 복사/붙여 넣기를 할 필요가 없어졌으며, 각종 컴포넌트를 최신 버전으로 확보할 수 있게 됐습니다. 기업의 디자인 팀은 하나의 파일에서 작업하면서 많은 파일의 일관성을 유지할 수 있게 되었습니다. 통합되거나 내장된 기능으로 프로토타입 작업은 더 쉬워졌습니다. 그러나 이러한 강력한 기능들은 디자이너들을 중력과도 같이 끌어당겨 그들을 이러한 도구에서만 작업하도록 만들었었습니다. 이는 큰 문제입니다.
개발자로 살다 보면 한 번쯤 ‘페어 프로그래밍’을 하게 된다. 페어 프로그래밍은 두 사람이 파트너가 되어 함께 의논하면서 코드를 작성하는 활동이다. 계속 대화하는 것도 쉽지 않은 일인데 말하면서 코드 작성까지 해야 하는 건 분명 체력적, 정신적으로 에너지가 많이 쓰이는 일이다. 그런데 페어 프로그래밍에 대해 검색하면 장점을 얘기하는 사람들이 정말 많다. 실제로 만나본 개발자 중에서도 페어 프로그래밍을 싫다고 하는 사람을 보지 못했다. 오히려, 어렵지만 꼭 해야 하는 일이라고 다들 말했다. 도대체 페어 프로그래밍이 무엇이길래, 그리고 어떤 장점이 있기에 좋아하는 걸까?
일주일에 한 번!
전문가들의 IT 이야기를 전달해드려요.
