UX공부9 Design Process (학습일지 6주차) Design Process Double Diamond 더블 다이아몬드 서비스 디자인에서 사고의 폭을 넓히고, 아이디어를 하나로 좁혀가는 과정을 정리한 모델로 알려진 대표적인 방법론이다. 크게 Discover, Define, Develop, Deliver 네 단계로 정의가 되어있다. 1 Discover 확산의 단계 고객 경험 리서치를 통한 문제를 설정하고 사용자 경험을 조사 및 분석하는 단계이다. 사용자 경험을 높이기 위해 기획과 디자인을 하게 되며, 사용자와 시장 경쟁 서비스를 분석하는 것이 핵심 요소이다. 핵심 고객 설정, 고객 관찰, 고객 체험, 인터뷰를 사용한다. 2 Define 아이디어 수립 및 수렴의 과정 자료 분석 및 디자인 방향을 설정하는 단계이다. 환경 분석에서 얻어진 다양한 결과를 정리해.. 2024. 1. 14. 레퍼런스 분석 6. 나이키 NIKE 레퍼런스 6. 나이키 나이키 앱은 나이키에서 제공하는 모바일 서비스이다. 멤버십을 기반으로 제품 구매부터 앱 전용 출시 제품 제공과 개인의 라이프스타일에 최적화된 맞춤형 서비스와 스포츠 경험을 제공하여 일상 속 스포츠에 대한 영감과 동기부여를 제공하고, 사용자와 긍정적인 상호작용을 이어갈 수 있도록 한다. 화면구성 분석 1. 홈 페이지 홈 페이지는 상품 모듈, 배너, 카테고리 카드, 하단 내비게이션 등으로 구성하고 있다. - 상단에서 바로 인기 있는 추천상품을 보여주어 눈길을 끌게 구성하였다. - 상품 + 카테고리 카드 모듈을 번갈아가며 반복하여 위치하였고 깔끔한 상품 모듈로 제공하는 정보들을 직관적으로 이해할 수 있게 하였다. 2. 카테고리 페이지 카테고리(구매하기) 페이지에는 카테고리 관련 탭, 캐러.. 2024. 1. 13. 클론디자인_ 당근마켓 (학습일지 5주차) 5주차. 당근 마켓 모작디자인 이미지와 똑같이 디자인하기 + 각 UI가 필요한 이유 10가지 이상 작성 이번주는 당근 마켓의 메인, FAB, 상세, 대화창, 동네생활 페이지 등을 클론 디자인해보는 것이다. 10가지의 페이지를 해야하는데 사진 사이즈가 다 달라서 UI들도 사이즈가 다 달랐다. 어떻게 해야할지 고민.. 사진 사이즈를 똑같이 맞춘다해도 컴포넌트 요소들의 크기는 다 달라서 의미가 없길래 주어진대로 진행해보았다. 하나하나 최대한 다 맞춰서 해보려니 만만치 않게 시간이 걸렸다..! :) 2024. 1. 6. 피그마: 프로토타입 Prototype 연습 (학습일지 3주차) 인터렉티브 컴포넌트 스위치 인터랙션(Interactive Component Switch Interaction) 버튼 인터랙션(Button Interaction) 캐러셀 인터랙션(Carousel Interaction) 모달창 인터랙션(Modal Interaction) 내비게이션 드로워 인터랙션(Navigation Drawer Interaction) UI디자인 제작과 인터랙션 종합 실습 2023. 12. 24. 레퍼런스 분석 3. 찍스 ZZIXX 레퍼런스 3. 찍스 찍스(zzixx)는 사진인화는 물론, 포토북/사진 액자/캘린더 등 다양한 사진 상품을 쉽고 빠르게 받아볼 수 있는 디지털 사진 인화 전문 어플이다. 화면구성 분석 1. 메인화면 메인화면은 크게 헤더, 실시간 안내 카드, 카테고리, 카드배너, 콘텐츠 카드, 유저 리뷰, 푸터로 구성하고 있다. - 대부분의 콘텐츠를 일정한 크기의 카드를 사용하고 일관된 폰트를 사용하고 있어 정렬된 느낌을 주며, 유저들의 시각적 피로감을 줄이고 편의성을 높이고 있다. - 텍스트 간의 간격을 적절히 구성하여 가독성을 높인다. 2. 콘텐츠 내용 콘텐츠 내용에는 상품 설명, 상품 상세 안내 사항으로 구성하고 있다. - 상품 설명에서 카드의 배경을 대부분 회색 계열로 잡아 브랜드에서 보여주고 싶은 사진 이미지의 색.. 2023. 12. 21. 이전 1 2 다음
