perfection is boring

올해의 다짐

피그마 26

[1일1페이지]#14 구글맵 메인 페이지 UIUX 분석 및 카피

구글맵 화면 Oct 2020 기준 iPhone 11 Pro / X - 8 페이지 목적: 쉽고 빠른 맵 경로,장소 검색 유저저니: 원하는 경로,장소를 빠르고 직관적으로 찾아보고 싶다 이를 위한 UX/UX 특징: Commute 아이콘을 material design아이콘의 home_work를 썼길래 왜 일까했는데 지금은 commute아이콘으로 바뀌어 있다. 명칭도 commute이 아니라 go(한국어:찾기)로 바뀌었다. 이전의 UI 아이콘은 "집 - 정기적으로 드나드는 장소(주로 학교나 회사)"라는 의미가 강했다면 지금은 "과거 활동에 기반해서 자주 가는 장소들의 대중교통,차편"서비스에 맞추어 변경된 듯. 또 햄버거 아이콘이 사라졌다. 이전에 햄버거 아이콘 안에 있던 것들은 프로필 아이콘 안으로 들어갔다. 햄버..

UIUX분석관찰 2021.07.21

[1일1페이지]#12 에어비앤비 맵 페이지 카피 및 분석

페이지 목적: 쉽고 빠른 지도,위치 기반 숙소 검색 유저저니: 찾는 장소, 숙소(여행과 결합된) 위치를 맵 기반으로 선정 이를 위한 UX/UX 특징: 화면의 절반이 맵,상품 페이지로 나뉘어져 있다. 유저는 맵(상단) 혹은 리스트(하단)로 상품 정보에 접근할 수 있다. 1. 상품 페이지를 아래를 위로 밀어올리면 리스트로 된 상품 페이지 형식으로 유아이가 바뀐다. (이전 분석한 상품 페이지로) 2. 맵 위의 가격 정보를 클릭하거나 상품 페이지를 아래로 밀어 내리면 상품 정보가 카드 형식으로 아래 배치되며 왼쪽으로 스와핑해 상품들을 볼 수 있다 이때 보고 있는 숙소는 맵 위에 검은색으로 표시된다. 맵 위에서 숙소를 탭할 경우 카드는 선택한 숙소 정보로 바뀐다. 숙소를 찾는 유저들에게 맵,즉 숙소의 위치 정보가..

UIUX분석관찰 2021.07.19

내 주변 디자이너들 다 피그마 쓴다. 왜? : 디자인과 협업, SaaS서비스

https://medium.com/hyperinbox-kr/why-figma-wins-figma%EB%8A%94-%EC%99%9C-%EC%9D%B4%EA%B8%B0%EB%8A%94%EA%B0%80-77d42c67b926 Why Figma Wins (Figma는 왜 이기는가?) Figma 초고속 성장의 비결 / SaaS에 네트워크 효과 적용하기 / 플랫폼 구축으로의 이동 medium.com 항상 노트북을 이고 다니던 그 집착을 덜게 된데에는 피그마가 있다. 별 다른 작업 없이 다른 사람의 노트북을 열기만 하면 나의 최신 작업물을 그대로 볼 수 있기 때문이다. 공유를 하러 파일 제목을 수정하고, 클라우드에 들어가는 일 없이 작업이 끝나면 쿨하게 X표시를 누르고 나가면 된다. 오늘만 해도 다른 사람의 노트북으..

기록 2021.07.19

[1일1페이지]#10 에어비앤비 검색 결과 페이지

페이지 목적: 상품 explore 유저저니: 찾는 장소, 숙소(여행과 결합된)정보에 관해 쉽고 빠르게 탐색하고 싶다. 이를 위한 UX/UX 특징: 한 화면 당 두 개의 상품 상품의 대표 페이지가 떠 있고 스와핑할 수 있다. 타이틀, 평점, 가격과 날짜, 호스트 타이틀, 찜(좋아요) 기능 정도가 한 프로덕트 당 기재되어 있는 정보. 상단 우측에서 검색 결과 필터가 가능하다 숙소를 목록과 사진으로 보는 것이 아닌 지도 상에서 찾을 수 있는 기능이 있다. -> 맵을 기준으로 한 숙소나 액티비티 정보를 위치,거리 기준으로 유저가 파악하기 쉬워짐 에셋구조: 장소 / 날짜 / 필터 1. 프로덕트 사진(여러장 스와핑)/호스트 타이틀/찜/ 평점/ 프로덕트 타이틀/ 가격/박 총 결제 가격/ 날짜 2.1. 프로덕트 사진(..

UIUX분석관찰 2021.07.17

[1일1페이지]#9 에어비앤비 페이 페이지

페이지 목적: 유저의 정보 확인과 결제 유저저니: 찾는 장소, 숙소(여행과 결합된)정보에 관해 알아보고 싶다. 이를 위한 UX/UX 특징: key목적: 이전 프로덕트 페이지에서 전반적인 정보를 확인할 수 있었다면 확인,결제 창에서는 숙소에 대한 중요 정보들을 대표적으로 보여주고, 유저가 설정한 옵션인 숙소 이용 일자 및 숙박 인원, 결제 방법 등을 한 눈에 파악하고 Edit할 수 있게 한다.I Is this a work trip? 이라는 세분화된 유저 설정과 또 다른 저니를 슬라이드바를 통해 나타낸다. 프로덕트 페이지(숙소 전반적인 정보 확인)에서는 유저가 정보를 보다가 언제든지 다음 결제 단계로 넘어갈 수 있도록 버튼이 스크롤 고정이 되어 있었으나, 결제 페이지에서는 유저가 모든 정보를 스크롤 한 후 ..

UIUX분석관찰 2021.07.16