디자인공부 34

[3주차-5] 클론 디자인-커머스 장바구니

1. 커머스 장바구니 화면 수집처음 사용하거나 사용 빈도수가 낮은 커머스인 무신사, 29CM, 굿웨어몰, 오늘의집, G마켓을 골랐다. 2. 공통 부분 그룹핑  3. 클론 디자인· 안드로이드 최소 사이즈인 360x640을 기준으로 디자인, 폰트는 Pretendard 사용굿웨어몰을 고른 이유무신사와 G마켓은 연관 상품 추천 모듈이 없고, 역으로 29CM과 오늘의집은 너무 과하게 있어서 화면이 복잡하게 느껴졌다. 굿웨어몰이 연관 상품 추천 모듈이 들어가 있으면서 심플하게 구성되어 있어서 고르게 되었다.

[3주차-4] 클론 디자인-커머스 상세 페이지

1. 커머스 상세 페이지 화면 수집가장 많이 사용하고 있는 커머스인 쿠팡, 11번가, 알리 익스프레스, 텐바이텐, 지그재그를 골랐다. 2. 공통 부분 그룹핑  3. 클론 디자인· 안드로이드 최소 사이즈인 360x640을 기준으로 디자인, 폰트는 Pretendard 사용 지그재그를 고른 이유페이지의 구성이 가장 마음에 들었다.이런 커머스 서비스로 상품을 구매할 때 상품의 상세 정보보다 후기를 먼저 보는 편인데알리 익스프레스와 지그재그가 상단에 후기 모듈을 배치했고, 그중에서는 지그재그의 디자인이 더 마음에 들어서 선택했다.그리고 플로팅 버튼도 위·아래 방향 모두 있어서 페이지 이동이 수월하게 한 점 또한 매력적으로 다가왔다.개인적으로 핑크색을 좋아해서 고르기도 했다.

[3주차-3] 클론 디자인-커머스 카테고리

1. 커머스 카테고리 화면 수집가장 많이 사용하고 있는 커머스인 쿠팡, 11번가, 알리 익스프레스, 텐바이텐, 지그재그를 골랐다.2. 공통 부분 그룹핑 3. 클론 디자인·안드로이드 최소 사이즈인 360x640을 기준으로 디자인, 폰트는 Pretendard 사용 지그재그를 고른 이유다른 커머스 서비스는카테고리에 아이콘이나 이미지를 함께 보여주는 경우가 많았는데 개인적으로 리스트형 카테고리가 깔끔하고 매력적이라 느껴서지그재그를 클론 디자인해보았다.의류 쇼핑 서비스답게, 상품 카테고리에서 옷의 색상을 작게 표시한 것 또한 매력적으로 다가왔다.그리고 개인적으로 핑크색을 좋아해서 고르기도 했다.

[3주차-2] 클론 디자인-회원가입 페이지

· 오로지 '회원가입' 과정의 화면 수집 및 분석이 이루어졌다.
(회원가입 버튼을 누른 바로 다음 화면부터 메인 페이지로 이동하기 바로 전까지의 화면)· Input 채워지지 않은 것과 비활성화된 것을 기준으로 수집했다.· UI 디자인이 얼마나 예쁜지보다는, 회원가입 과정과 UX 라이팅, 컴포넌트 구성 위주로 분석했다. 1. 가장 많이 사용하는 앱의 회원가입 페이지 수집화면 2. 5개의 앱 분석&클론 디자인· 안드로이드 최소 사이즈인 360x640을 기준으로 디자인, 폰트는 Pretendard 사용 이전에 분석했던 앱들도 포함되어있지만주어진 과제의 기준이 '가장 많이 사용하는 앱 5개'여서 그냥 분석을 진행했다.정말 많이 사용하는 앱들이다보니 회원가입 과정을 보는 것이 쉽지 않았다.(당근 마켓은 실수로 계..

[3주차-1] UX 이론 기초 파트 1 수강 完

UX 이론 기초 파트 2의 수강을 완료했다.기초 파트 1과 내용이 크게 다르지 않아서 파트 2를 수강할 때는 복습을 한다는 생각으로 훨씬 수월하게 들을 수 있었다.일단 파트 1&2 강의 내용을 전부 노션에 정리해놓은 상태고, 틈틈이 하나로 합쳐서 다시 정리할 예정이다. 이론적인 내용이라서 조금 지루하기도 했고 들을수록 실제로는 어떤 식으로 적용해서 일을 하는지 궁금해지기도 했다.UX 이론에 대한 내용을 며칠 동안 수십개의 강의로 공부해서 사실 아직 잘 안 와닿긴 하다.물론 이론적인 내용을 잘 알아야 하는 것도 맞지만 실제로 내가 직접 해봐야 훨씬 체감이 잘 될 것 같았다.일단 지금 당장 업무를 하는 것은 아니니, 관련 서적을 읽어서 지식을 보충해야겠다는 생각이 들었다.강의 내용 중에서, 강사님들이 자료 ..

레퍼런스 분석 3주차 [우리동네GS]

0. About 우리동네GS 우리동네GS는 GS25와 GS더프레시의 상품, 배달, 결제, 택배 등여러가지 유용한 서비스 및 와인25+와 멤버십 혜택까지모든 것을 한 번에 빠르고 편리한 방법으로 이용할 수 있는 위치 기반 종합 서비스다.기존 '나만의 냉장고(GS25)', 'THE POP', '우딜-주문하기’, ‘GS더프레시(GS수퍼마켓)’이ALL-IN-ONE으로 결합된 통합 앱이다.(출처: https://play.google.com/store/apps/details?id=com.gsr.gs25&hl=ko)쉽게 말해서 GS 편의점과 마트 통합 서비스 앱이라고 보면 된다.(아래 내용은 그냥 보기 편하게 편의점, 마트로 작성될 예정) 1. 화면 구성 분석  화면 구성 분석은 Footer를 기준으로 하며이 앱에서..

[2주차-3] UX 이론 기초 파트 1 수강 完, 그리고 클로바노트

헬게이트같았던 UX 이론 기초 파트 1수강을 다 끝냈다..진짜 밥먹고 화장실가고 하는 시간 제외하면 전부 강의 듣고 과제하는 데에 시간을 썼다고3때 이후로 제일 열심히 산 듯하다사실 원래 일정대로였으면 이정도로 힘들지는 않았겠지만3일의 공백이 생겨버려서 이렇게 되어버렸다(이럴 줄 알았으면 약속 미리 안 잡았지..)이번 주는 상황이 이래서 수영도 못했다..😭엉엉 이번 UX 이론 수강을 하면서, 굉장히 클로바노트를 굉장히 유용하게 사용했다!강의에 필요한 내용들을 노션에 필기해가면서 수강하다보니손목이 아작나기 직전의 상태가 되어버렸다.방법이 없을까 고민하다가, 진짜 파칭! 하듯이 옛날에 유미의 세포들 클로바노트 광고 웹툰을 보았던 것이 기억이 났다..ㅋㅋㅋ 이래서 광고를 하는구나 싶었다 이렇게 음성 파일이 ..

레퍼런스 분석 2주차 [트래블월렛]

0. About 트래블월렛 트래블월렛(Travel Wallet)은 기본적으로 해외여행자를 위한 외화 충전식 결제 카드 서비스다.(후술하겠지만 다양한 기능을 지원 중이며 원화₩도 지원해서 한국에서도 사용 가능하다)다양한 외화를 미리 충전한 후, 해외에서 그 나라에 해당하는 화폐로 결제 및 ATM 출금을 할 수 있는 서비스를 제공한다.달러, 유로, 엔화 등 주요 통화는 환전&결제 수수료가 없기 때문에 해외여행객들에게 사랑받고 있는 서비스다.나 또한 지난 여름 어학연수와 여행을 하면서 굉장히 요긴하게 사용했었고그 경험을 다분히 넣어서 작성할 예정이다.    1. 화면 구성 분석  ① Header 헤더좌상단에 [홈] [소셜페이], 우상단에 [QR] [알림]으로 아주 심플하게 이루어져 있다.여기서 생각해 볼 만한..

[2주차-2] 아티클을 읽고

이번 주에는 두 개의 아티클을 읽고 느낀 점과 요약본을 작성하는 과제가 주어졌다.근데 또 파워 N이라서 그런지, 느낀 점 작성하는데 점점 양이 늘어나다가거의 수필 한편을 작성해버렸다..ㅋㅋ근데 평소에 생각만 하는 것과 그것들을 하나의 글로써 언어화하는 건 또 별개의 것이다.좀 더 목표가 선명해졌다고 해야할까?더 열심히 해나가자고 다짐하도록 동기부여도 되었고..수업 종료인 12월까지 아직 긴 여정이 남아있는데, 목표를 확실히 할 수 있는 원동력이 된 것 같다.수업도 성공적으로 마무리하고, 취업도 좋은 곳에 할 수 있었으면 좋겠다!   (아래는 과제로 제출했던 아티클에 대한 느낀덤&요약본!) 프로덕트 디자이너가 뭐에요?프로덕트 디자이너는 무엇을 만드는 걸까요?designcompass.org ▼아티클 읽고 느..

[2주차-1] UX 이론 기초 수업 ing

2주차부턴 UX이론 강의를 듣기 시작했다.1년동안 UI 디자이너로 일한 경험은 있지만 작은 조직에 있었던 터라UX 이론을 실제 업무에서 적용을 한 적이 별로 없었고 자세히 공부해보지 않았기에강의 내용들이 전부 새로운 것들이었다. UI 디자인, 피그마 강의를 들었을 때는 업무했던 경험을 곱씹으면서 되새겼다면UX 이론 파트는 기초부터 마치 걸음마를 처음 배우는 아이처럼, 흰 도화지에 지식을 채워가려 했다.  한 가지 문제가 있다면, 이번주에 추석 연휴가 있다는 것..추석 연휴에 시골에 가기도 하고, 약속도 있어서 3일이나 공부를 못하게 되어 다른 날에 할 일이 몰려버렸다.그러다보니 하루에 할 일이 4개가 되는 날도 생겨버리고..문제는 이번 주에 듣는 강의 내용들이 기초지식이 아예 없는 상태고필기하랴 이해하랴..