UX/UI 디자이너

미지의 영역이라는 건 레퍼런스가 없는, 업계에서 제일 처음 도전을 할때 어떤 문제점을 설정하고, 어떤 방식으로 문제를 해결해나갈것인가에 대한 시행착오를 다룬 섹션이였다. 이번 컨퍼런스에서의 공통점은, 유저보이스를 집중하자는 점이였다. 유저와 제작자의 성향이 다르거나, 데이터로 나온 결과가 미심쩍거나, 레퍼런스가 없는 경우라면 유저를 디깅해서 발굴해내야한다. 토스 심플리시티-23, toss simplicity-23 컨퍼런스 후기 (2) 2023/06/21 1. 30대 디자이너가 10대 전용카드 만든다면? - 목표: 첫 카드의 특별한 경험을 브랜드 경험으로 확장하기 - 유스카드: 14세 미만을 위한 충전식 선불카드 a. 귀여운 느낌을 좋아할거라는 막연한 추측 보단, 직접 유저 보이스를 들음 b.기존 토스라인..

타 회사의 문제 풀이 방식을 볼 수 있는 기회는 흔치 않기에, 올해에도 토스 디자인 컨퍼런스를 신청하였다. 이번에는 신청 후 자체 홈페이지에서 관람이 가능했다. 자체 홈페이지에 인터렉션이 많이 들어가기도 했고, 무엇보다 영상보단 내용에 집중할 수 있도록 텍스트를 메인으로 제공해주어서 노트필기하기 편했다ㅎㅎ 작년에도 꽤 재밌게 보아서 기록으로 남겨두었는데 궁금하시다면 아래의 링크로~ 토스 심플리시티 -21 컨퍼런스 리뷰>> 토스 simplicity21 내 마음대로 적어보는 리뷰 - UXUI 컨퍼런스 2021 (1) 프로덕트를 좋아하는 디자이너라면 한번 쯤 일해보고 싶은곳, 금융계의 유니콘 서비스 토스 (TOSS). 늦게나마 세션 링크를 열어서 다른 프로덕트 디자이너들은 1)어떤 과제를 받는지 2)어떤 해결..

잠깐동안 프리랜서로 살게되면서 자체 제작 상품을 판매할 일이 생겼다. 상품 판매를 위해선 "좋은 품질의 상품"은 당연히 중요하지만, 그만큼 중요한건 1) 어떻게 "고객 트래픽"을 끌어오는지랑 2) 유입시킨 트래픽의 고객들을 어떻게 제품 판매까지 끌어오는지이다. 오늘은 상품 결제 전환을 위해 상세페이지를 어떻게 변경하는지 적어보려 한다. (추후에 트래픽 끌어오는 방법이나 마케팅에 대해서도 적어보겠음) 잘 팔리는 상세페이지 기획하기 (w/자체제작 상품) 2023/05/21 1. 첫 상세페이지 제작 처음에는 80%만 완성하면 업로드 하기를 다짐했기 때문에 상세 설명을 텍스트 에디터로 적어서 제출하였다. 굉장히 마케팅 포인트에 대해 고민 많이한 문구이긴 하지만 이미지보다는 임팩트는 덜한듯하다. 아래가 내가 사용..

핫한 챗 GPT, 전 직장에서도 테스트코드는 GPT로 짜본다고 하여 과연 UXUI 디자인 분야에서도 적용할 수 있을지 ? 궁금했어요. 성과를 수치화 할 수 있는 KPI에 대해서는 물어볼 수 있을것 같아 시작. 간단한 가입을 거치면 (구글로 가입!)을 바로 영어로 물어 볼 수 있습니다. (*짧고 엉성한 영어 작문 실력 주의*) 챗 GPT 과연 UXUI 디자인 분야에서도 적용할 수 있을지 ? 실험해보기 2023/03/02 1. 나: 5년동안 UXUI 디자이너가 KPI를 어떻게 설정해야하는지 알려줘 (굳이 5개년으로 설명하지 않아도 되었을것 같네용) 2. GPT: UXUI디자이너로서 KPI를 설정하는건, 비즈니스와 조직에 업무와 영향력을 설정하는데 있어 중요함. KPI를 설정하는데 있어 단계를 알려줄게. 2-..

프로젝트를 하면서, UXUI디자이너로서 모든 프로젝트에서 내가 스스로만든 디자인 라이브러리도 의미가 있겠지만, 프로젝트 기한이나 개발자 리소스를 고려한다면 이미 누군가가 만들어놓은 프레임워크를 사용하는것도 중요하다! 리액트 라이브러리 사용시, ANT D 프레임워크로 디자인하기 2023/03/04 1.라이브러리 - 리액트 보통은 함께 작업하는 개발자의 주요 언어를 따르긴하는데 리액트 사용 유저수가 많으니 리액트로 진행한다. 리액트는 싱글 페이지 어플리케이션(SPA)인데, 하나의 html 큰 틀 안에서 내용을 바꾸는 것. 빈 html을 우선 불러오기 때문에 다만 SEO 서치에는 불리하다. (넥스트 js라는 서버사이드 렌더링이 가능한 라이브러리로 보완을 하기도 한다고 한다!!) 2.프레임워크 - ant 프레임..

검색을 하거나 광고로 고객을 우리 서비스에 유입시키는게 끝이 아니라, 서비스의 결제까지 끌고 갈 수 있도록 도와주는 랜딩페이지! 어떻게 하면 결제전환율을 높일 수 있을지 고민이 되었다. 사업체를 대상하는 하는 랜딩페이지는 일반 개인을 대상으로 하는 랜딩페이지랑 무엇이 다를까 리서치 해보았다. [리서치] 1.전체적인 흐름 및 구조 2.사업체 고객 대상 강조점 및 문안 3.이미지 사용 [기획] B2B랜딩페이지 리서치 - 당근, 배민, 쏘카, 카카오티 2023/02/06 랜딩 페이지 [모빌리티] 이미지 카카오티모빌리티와 쏘카 비즈니스 모두 ‘일’과 ‘이동’을 강조하였다. 이미지의 경우에도 일하는 여성과 차량이미지가 드러난다. 모델의 경우도 유명배우가 아닌 일반배우를 사용하여 친근감이 든다. 문안 카카오티의 전..

어드민 기획은 재밌지만 그만큼 고려할점이 많아 고통스럽기도 하다ㅎㅎ 종종 어드민 기획을 하는데, 그동안 리서치한 내용을 남겨두면 좋을것 같아 적어둔다. 어드민을 기획할때 유의하는 점이 있다면(특히 상품을 등록하고 관리한다면), 아래 세가지를 항상 생각하려고 한다. 전체 사이트 구조가 불편함이 없는지? 소량/대량 상품을 어떻게 등록하고 관리할것인지? 그리고 등록된 상품 리스트를 어떻게 잘 검색하게 도와 줄것인지? 어드민은 고객을 위한 서비스만큼 디자인에 대해 신경쓰진 않지만, ‘편리성’ 만큼은 중요하다고 생각한다. 특히 처음부터 구조를 잘못짜거나, 확장성 (추후에 생길 기능들)을 고려하지 않는다면 나중에 어드민 레이아웃이나 정보구조 자체를 갈아엎어야 하는 경우가 있다. 고객 서비스보다 수정작업시, 일이 커..

최근 지도와 관련된 기획을 많이 하게 되어서, 지도 관련 API 정보들을 리서칭하였다. 특히 이번에 마커클러스터링 기능에 대해 처음 고민하게 되었는데, 해당 내용을 미리 정리해두면 추후에 도움이 될것 같아 정리해둔다. 참고로 특정 지도 레벨에서 클러스터링 될 마커가 있으면 클러스터링이 되지만, 없다면 해당 마커는 마커형태로 남는다! 그리고 이 마커를 최소 몇개부터 묶을지, 어떤 UI로 보여줄지도 설정 가능! [기획] API별 마커 클러스터링 기능 살펴보기 - 카카오, 네이버, 티맵 2023/01/26 [ 웹 지도서비스에서 사용자 디바이스 위치 가져오기] 웹에서 회원/비회원 접속시, 해당 사용자의 현재위치를 보여주고 싶다면 어떻게 해야할까? 1.모바일 웹에서 현재 좌표 얻는 방법 해당 기능은 지도 서비스에..

0.들어가며 지도 UI를 작업할 일이 있었는데, 바텀시트를 시도해보고 싶어서 리서치 해보게 되었다. 기존에는 지도뷰+전체 UI를 넣는 방식으로 많이 진행했었지만, 노출해야할 정보가 많아짐에 따라 고민이 되었다. 그래서 바텀시트 UI를 차용하여, 메인 정보만 노출하고 추가 정보를 원할시 하단에 정보를 추가하기로 하였다. [UI리서치] 바텀시트 - 네이버맵, 티맵, 에어비앤비, 쏘카 리서치 2023/01/22 1. 바텀시트 디자이란? - 개요: 바텀시트는 하단에 고정된 모달 형태로, 페이지는 넘어가지 않되, 중요한 내용을 강조할때 사용한다. -구성: 웹/앱 둘다 가능한데, 구글 머터리얼 디자인 기준으로 컨테이너, 드래그 핸들, 스크림으로 구성되어 있다. -컨테이너 바텀시트 내용이 들어갈 부분이다. 컨테이너 ..

카카오 모빌리티 2021보고서 마지막 포스팅이다. 차량과 관련된 내용 뿐만 아니라 평소에 궁금했던 주차, 대리운전, 바이크 관련된 내용이 있어서 재밌었다. 카카오 모빌리티 보고서 2021 읽기 - 데이터의 활용 (3)>> 카카오 모빌리티 보고서 2021 읽기 - 택시와 데이터 (2) 지금 하고 있는 분야와 맞닿아 있어서 생각보다 빠른속도로 재밌게 카카오 모빌리티 보고서를 읽고 있다. 개인적으로 택시 이용에 불편했던 기억이 많아 직장인이 되고서도 택시 이용이 적었는 studiodebbbie.tistory.com 카카오 모빌리티 보고서 2021 읽기 - 데이터의 활용 (3) 2021/12/27 [코로나와 라이프스타일] 1.소매: 집콕족이 편의점과 같은 소매점, 홈인테리어 가구점 방문 증가, 면세점 50%감소..