공부하는 디자이너

NN Group의 Article 발췌 번역입니다. 원본 : https://www.nngroup.com/articles/ux-strategy/ UX Strategy: Definition and Components A UX strategy is a 3-part plan that fosters shared understanding of direction toward achieving goals before designing and implementing solutions. It serves to intentionally guide the prioritization and execution of UX work over time. www.nngroup.com UX 전략이란 무엇인가? 정의 : UX 전략은 정해진 ..

Nielsen Norman Group의 아티클 번역입니다. 원문: https://www.nngroup.com/articles/ecommerce-product-pages/ 일본어 번역 : https://u-site.jp/alertbox/ecommerce-product-pages * 전체 내용이 아닌 소제목과 주요 내용만 옮겼습니다. 문맥이 끊겨 이해하기 어려운 부분은 원문을 참고해주세요. * 전체적으로는 일본어 번역문을 참고했으나 영어 원문도 크로스 체크하며 옮겼습니다. 이커머스 상품 페이지의 UX가이드라인 요약 : 상품의 페이지는 고객의 온라인 쇼핑 경험에 매우 중요하다. 질문에 답변하고, 제품을 비교할 수 있게 하고, 후기를 제공하고, 구매과정을 잘 제공하여 고객을 도와야 한다. 잘못 제작된 상품 페이..

모빌리티 관련 업계에 종사하다보니 마켓조사를 위해서 다양한 모빌리티 애플리케이션을 살펴보게 된다. 그 중 케이스 스터디에서 큰 카테고리 중 하나가 자동차 제조사의 앱이다. 현대, BMW, 포르쉐, 볼보, 테슬라 같은 회사 말이다. 그런데 자동차 제조사의 앱은 차주를 위한 자동차 제어앱이 대부분이다. 내가 그 차를 가지고 있지 않은 이상 써볼 수가 없는 것이다. 인터넷에 스크린샷을 잘 정리해 둔 케이스 스터디가 많지만 이것은 인터랙션이나 사용 맥락을 읽기 어렵기 때문에 반쪽짜리 리서치가 되고 만다. 비슷한 이유로 한국에서 서비스하지 않는 Uber나 Grab 같은 앱도 사용성 리서치를 하기가 어렵다. 이 난관을 타파할 방법 - 유튜브에서 영상을 찾아보는 것이다. 유튜브에 자동차 앱 관련 영상은 크게 3종류이..

지지난 달부터 Coursera에서 Google UX Design Certificate를 수강하고 있다. 총 7개 과정 중 4개째 듣는 중이다. 시중에 여러 UX 강의가 있지만 이 강의는 구글이 인증한다는 장점 덕분에 런칭되자마자 압도적인 인기 강좌로 등극했다. Google UX Design는 7개 강의로 쪼개져 있고 각 강의당 4~7주차로 구성된다. 코스를 수료하는데는 주 10시간 씩 학습한다고 계산할 때 6개월이 소요된다고 한다. 아직 수료도 안 했는데 후기를 쓰기는 이른 감이 없잖아 있지만 중간 숨 고르기로 후기를 남겨볼까 한다. 강의 총평 2022년 1월 중순에 수강을 시작해서 총 7개 강의 중 3개를 수료했고 4번째 강의를 듣고 있다. 내 개인적으로는 매우 만족스럽다. 월 3.99달러(약 4만 8..

디자인은 협업이 99%이다. 디자인에서 협업은 심각하게 중요한 문제이다. 특히 디자이너는 개발자와의 커뮤니케이션에 공을 들여야 한다. 디자이너와 기획자와는 크게 다르지 않은 언어를 사용한다. 의견 마찰이 생길 때는 의견이 달라서이지 쓰는 언어가 달라서가 아니다. 그러나 개발자와는 대화는 외국어를 쓰는 것과 같다. 따라서 의식적인 노력이 필요하다. 개발자와 소통하기 0. 기초편 - 약간의 개발 공부는 필요하다 예전 회사에는 앱 개발자 없이 100% 웹뷰 방식으로 앱을 만들었고 앱 개발자와 협업할 기회가 없었다. 그런데 현재 회사는 네이티브와 웹뷰 2:8 상태라 iOS, Android 개발자들이 따로 있다. 이들과 어떻게 업무적으로 소통해야 할지 감이 잘 오지 않았다. 그래서 네이티브 화면 개발에 대해 공부..

플로우차트는 사용자에게 앱을 어떻게 이용할지 동선을 알려주는 순서도이다. 또한 소프트웨어 개발 시 자료나 정보의 흐름을 파악하는데 사용한다. 플로우차트는 문제를 해결하기 위한 절차나 방법인 알고리즘에서 착안한 것이다. 알고리즘은 [데이터의 입력, 연산, 출력]를 시각화한 구조도로도 표현할 수 있다. 이 때 국제적으로 표준화된 규칙을 따라야 한다. 그런데 도형이 너무 많아서 외우기 어렵고 이해가 부족해서 잘못된 플로우차트를 그리는 실수를 범하기도 한다. 그러나 필수 도형은 몇 개로 압축되며 데이터의 세부 흐름까지는 다루지는 않는 UX 설계에서는 필수 도형만으로도 훌륭한 플로우차트를 그릴 수 있다. 필수적인 5가지 도형을 소개한다. 0. 들어가기에 앞서 - 화살표와 진행 방향 당연한 것이지만 진행 방향 화살..

정보설계에 대해 잘 설명되어 있는 영상이라 데려와 보았다. 정보구조설계는 크게 5가지 파트로 나뉜다. 1. Organization System 2. Navigation System 3. Labeling System 4. Search System 5. Contents Design 1. Organization System "모든 이해의 시작은 분류에서 출발한다" 정의 : 정보를 분류하는 것 - 이용자별, 작업지향별, 기능별, 상징별, 은유형 등으로 정보를 구체적으로 분류한다. (ex. 쇼핑몰의 여성복, 남성복) - "사용자가 얼마나 이해하기 쉽게 접근할 수 있는가" 를 위한 가장 기초적인 작업이다. 2. Navigation System "네비게이션은 목적 중심적이며 행동 지향적이다." 정의 : 웹사이트의 공..

[사용 기술] - 디자인 : Figma, Photoshop, Illustrator - 프론트/백엔드 : HTML, CSS, Javascript, Ajax, PHP, JSON 포트폴리오 사이트를 리뉴얼 했다. 이전 버전도 그리 오래되지 않아서 톤은 유지하되 원페이지로 제작했다. 디자인은 최근에 유행 중인 Notion 포트폴리오 스타일에 꽂혀서 흰색 배경에 심플하게 만들었다. 원페이지로 전환한 이유는 스크롤 몇 번이면 사이트를 다 볼 수 있도록하기 위해서다. 이 사이트는 입사지원 제출용으로 만든 것이라 방문 목적이 보통의 사이트와는 다르다. 방문자는 바쁜 업무시간을 쪼개어 들어왔을 것이며 최대한 빨리 보고 이탈하고 싶어한다. 아무리 메뉴에 좋은 내용을 많이 넣어도 클릭 조차 하지 않는 메뉴도 있을 것이다. ..