쿠팡 UX Bible & Complex
첨부파일 https://imweb.eond.com/designforum/372366
오늘은 브런치에 올라온 글 중 탭 UI에 관한 글입니다. 전문은 링크를 참조해주세요.

 

 

쿠팡 UX Bible & Complex

쿠팡 모바일 디자이너로 보낸 3년간의 이야기  #3

TAB

 

두 번째는 탭이다. 

쿠팡에서는 이렇게 생긴 탭만이 탭으로 인정된다. 세그먼트 컨트롤(Segment Control)은 탭의 변형된 UI인데도  탭으로 분류되지 않는다. 

쿠팡에서는 이렇게 생긴 것만 탭으로 인정됐다.

2013년쯤, 작은 개편을 하면서 아무도 모르게 볼록한 버튼들에 손을 댔다. 아무래도 그라데이션 떡칠한 앱의 낡은 느낌을 견디기가 힘들었다. 그렇다고 평평하게 디자인을 할 수도 없었다. 그래서 타협한 것이 납작한 입체 버튼이다. 1mm만 남기고 납작하게 잘라낸 형태의 버튼. Navigation Bar와 Tab Bar에서 그라데이션을 제거했다. 그 정도로 만족해야 했다. 다행히 아무도 눈치 못 챈 것 같았다. 

 

그렇게  몰래몰래 바꿔가다 결국 눈치를 챘나 보다. 홈 Tab bar가 왜 탭처럼 생기지 않았는지에 대한 지적이 내려왔다. 구체적으로 그라데이션을 넣어서 바꾸라는 얘기까지 나왔다. 추가로 검색창은 펼쳐 놓으라는 얘기도 함께. 앱 업데이트 마감을 위해서 정신없었던 때라 급하게 대안 마련하기가 어려웠던 상황이다. 그래서 그렇게  업데이트됐다. 

첫 번째 시안에 지시사항을 반영하면 아래처럼 된다. (2014) 처음 시안도 2013년 디자인이라 이상하긴 하지만....

그 후 몇 번의 업데이트를 통해 탭 형태의 디자인은 사라졌지만 온 몸에 힘이 빠지며 부들거릴 정도로 힘들었던 사건이었다. 이 정도면 쿠팡 디자인이 왜 엉망인지 이해할 수 있을까? 물론 내 부족함에 대한 변명은 아니다. 나도 부족했다. 모바일 디자인에 대한 철학이 생기기 전까지 삽질도 많이 했고 그 결과들이 최근까지 남아있었다. 그런 요소들이 다 합쳐서 디자인 품질의 낙후를 가져왔다고 생각한다. 

 

혹시나 쿠팡에 가서 디자인을 확 바꿔주겠다는 의욕을 가지고 입사를 하려고 한다면 말리고 싶다. 이건 회사 철학과 시스템의 문제라 개인이 바꾸기엔 쉽지 않다. 언젠간 좋게 만들 수 있지 않을까 싶은 희망으로 버텨봤지만 끝내 포기하게 됐다. 

 

모바일 디자인 원칙을 수립하고 프로토타입을 디자인하면서 생각했다. '이 프로토타입은 쿠팡에서 절대 반영시킬 수 없겠구나.' 쿠팡을 나오게 된 가장 큰 이유중 하나는 이 스티브 크룩의 규칙에서 벗어나고 싶었기 때문이다. 논리적으로는 스티브 크룩이 맞지만 개인적으로는 완전히 받아들이기 어려운 꽤 큰 컴플렉스였다.

첨부파일
코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 50 articles in 1 / 3 pages
번호 제목 제목 조회 수 날짜날짜
50 [모바일웹] 비밀글 모바일웹의 최소 해상도는 0 2016/06/17 0
49 [모바일웹] 비밀글 모바일 웹 디자인 해보기 3 2019/11/14 0
48 top bar height 파일 5 2024/12/13 0
47 [UI/UX] 프로필 더보기 UI 파일 11 2024/11/14 0
46 [일상톡] 앱디자인도 끝! 파일 44 2024/06/19 1
45 [일상톡] 명함, 모바일 등에 작업하기 좋은 아이콘 모음 사이트, tabler.io 파일 45 2024/05/05 0
44 [일상톡] visuallab.kr 웹 에이전시에서 알려주는 #아임웹 텍스트 위젯 활용법 공개💙 파일 64 2024/06/06 0
43 [디자인팁] 아이콘몬스터 72 2024/06/20 0
42 [모바일웹] 비밀글 웹 먼저? vs 모바일 먼저? 73 2016/06/17 0
41 [일상톡] 어제 만든 이온디 명함인데 폰트 사이즈를 잘못 설정해서 새로 만들어야겠네요 파일 75 2024/05/06 0
40 [일상톡] 멀티셀렉트 ui 디자인 85 2023/05/11 0
39 [참조] GS Holdings (회사홈페이지) 89 2022/12/06 1
38 [일상톡] 큐알코드(QR코드) 만드는 사이트 파일 103 2024/05/05 0
37 [아이콘/픽토그램] 아이콘 PSDblast 121 2016/07/18 0
36 [부트스트랩] 부트스트랩 디자인 시 그리드 참조 자료 파일 126 2016/02/15 0
35 [아이콘/픽토그램] Noun Project 에 참여하세요. 128 2016/03/04 0
34 [일상톡] 디자인 견적 비싸다는 클라이언트 대처 방법? 133 2022/01/07 0
33 [일상톡] 디자이너와 소비자가 직접 만나는 가게 디자인태그 146 2017/06/18 0
32 [일상톡] Figma - closing the tab won't lose your changes, but you'll have to reconnect to sync the changes. 파일 156 2022/01/11 0
31 [디자인소식] 디자인소식 관련 사이트 소개합니다. 166 2015/08/15 0

해시태그 디렉터리

오늘의 핫게시물