uxui

TIL (Today I learned)  오늘 나는 무엇을 했나요 - 팀 프로젝트 ( 우리동네 GS UI 개선)  오늘은 어떤 것을 배웠나요1.팀 프로젝트 오늘은 팀원과 사용자 문제를 찾고 정의하였다.먼저 사용자의 문제들 중 중요하고 큰문제를 타겟 사용자를 분석할때 같이 찾아내었으며, 재고찾기로 선정이 되었다.먼저 사람들이 재고찾기를 사용하는 이유는 요약하자면 시간절약 및 인기 상품 확보를 목적으로 사용을 하는데 이러한부분에서 문제가 발견되었다.문제정의 : 사용자가 재고찾기에서 어떤 상황에서 어려워하고있는지를 재고찾기 플로우를 보면서 어디가 문제인지를 파악을 하였고, 그 원인으로는 원하는 제품을 확인하려고 할때 재고 상태를 빠르고 쉽게 확인하기 어렵기 때문에 재고찾기 기능에 불편함을 느낀다.하나의 행동을..

TIL (Today I learned) 오늘 나는 무엇을 했나요 - 팀 프로젝트 ( 우리동네 GS UI 개선)  오늘은 어떤 것을 배웠나요1.팀 프로젝트 ( UI 분석 기반의 디자인 개선)오늘은 데일리스크럼을 계획한 후 팀웓늘과 먼저 프로젝트를 진행하기전 관련 아티클을 읽고난 후 다시 모이기로 하였다.전단계에서 조사한 개선할 서비스와 타겟사용자및 레퍼런스를 조사한 결과를 바탕으로 오늘은 우리동네GS의 핵심기능과 UI디자인을 분석을 하였다. 일단 우리동네GS앱의 핵심기능을 여러개 정한다음 UI디자인을 분석을 폰트 컬러 마진 여백값을 구석구석 분석을 하다가 이 방향이 맞는지 튜터님의 피드백을 여러차례 받았다.  핵심 기능 & UI 디자인 분석하기 단계를 할때 처음부터 그냥UI를 뜯고맛보고 해서 분석을 하는것..

TIL (Today I learned) 오늘 나는 무엇을 했나요- 카타 ( 프로덕트 분석)- 개인 과제 ( 커머스 앱 )  오늘은 어떤 것을 배웠나요1. 카타 ( 프로덕트 분석)우리동네 GS 나만의냉장고도 그 안에 사용자동선이 있고, 편의점사전예약도 동선이있는데 이것을 픽업과 배달과 무슨 차이가있는지픽업에서도 사전예약을 할수있는지 배달에서는 안되는지 그것을 한번에 알수없어서 동선이 증가된다.이런것을 UX할때는 사용자의 동선을 생각하며 사용자중심UX로 디자인해야한다. 디스코드통화앱에서 커뮤니티로 필드를 확대해나가는 사례 프로덕트중에는 처음부터 많은사람을 만족시켜주는게 힘들다.사람들의 동향을보고 서비스를 확장하며, mvp도 처음부터 다양한 기능의 완전한 서비스가 아니라 핵심기능킬러피쳐만 담고 그서비스의 명확..

TIL (Today I learned) 오늘 나는 무엇을 했나요- 카타 ( 프로덕트 분석)- 개인 과제 ( 커머스 앱 )  오늘은 어떤 것을 배웠나요1. 카타 ( 프로덕트 분석)프로덕트 중에 한벌만 만들어서 앱과 웹 두개를 뿌려주는 그런 형태도 있는데 이것이 장단점이 있지만앱의 특성과 적합한가를 생각해야함. 노션이나 카톡등 사용성이 많은 앱웹은 UX가 비슷하게 디자인하면은 사용자에게 익숙함을 제공하여 좋고 사용성이 적은 앱웹은 UX를 따로따로 하면 사용자가 뭐가 필요한지 무슨 정보를 찾으려고하는지 앱과 웹은 다르기 때문에 적합하다.홈이라고 하면 사람들이 모든기능을 메뉴형태로 구성을 하기도하는데 홈이란건 그 컨텐츠에서 주가 되는 것을 보여줘야 사용자에게 좋은 UX기존유저가 어떤 사용성을 가지고있더라도 홈은..

TIL (Today I learned) 오늘 나는 무엇을 했나요- 카타 ( 프로덕트 분석)- 개인 과제 ( 커머스 앱 )  오늘은 어떤 것을 배웠나요1. 카타 ( 프로덕트 분석)1. 디스코드상대방에게 전화를 거는 기능도 있지만, 기존의 만든 방에 쉽게 들어가 통화및 화면공유를 할 수있고  왼쪽패널에 내가 들어가 있는 방들이 스크롤형식으로 볼 수 있어서 쉽게 방을 찾고 들어갈수있어서 채팅창도 왼쪽 오른쪽으로 드래그해서 쉽게 옆으로 빼놓거나 가져올수있어서 편하다고 생각하였음 2.토스국민이 주거래 은행이라 쓰는김에 계속 사용하여 토스는 친구가 토스로 보내달라할떄 가끔 쓰지만돈을 보낼때는 토스가 가장 간편하고 좋은것 같다고 생각함 토스는 계좌와 연락처를 맨 상단에 배치하여 쉽게 전환 할수있고 계좌번호를 입력하거..

TIL (Today I learned) 오늘 나는 무엇을 했나요- 카타 ( 웹페이지 레퍼런스 분석)- 개인 과제 (이커머스 앱 )  오늘은 어떤 것을 배웠나요1. 카타 ( 웹페이지 레퍼런스 서치)기존의 있는 브랜드들이나 그 브랜드들의 키워드를 많이 알고 있으면 컨셉 레퍼런스 찾을때 용이함  그 예로 픽셀바이 픽셀으로 시초가 마이크로소프트이며, 오늘 현대자동차를 튜터님과 분석을 하였는데, 현대자동차의 브랜드 소개페이지를 보면 알수 있듯이 그 컨셉을 알려주고있는데, 아래 사진을 보면 그 컨셉을 브랜드 사이트에 의도적으로 잘 녹여내는것을 알수 있다. 내가 그 브랜드의 컨셉,키워드를 알고있으면 그 브랜드들의 사이트가 왜 이렇게 만들었는지 생각을 할 수도 있다.   만약 아이콘을 사용할려는 단어나 문구가 사용자가..

TIL (Today I learned) 오늘 나는 무엇을 했나요- 카타 ( 웹페이지 레퍼런스 서치)- 피그마 활용법 7주차 강의 수강  오늘은 어떤 것을 배웠나요1. 카타 ( 웹페이지 레퍼런스 서치)오늘은 카타로 웹페이지를 레퍼런스를 서치하였다.총 3개를 하였고 하나는 캐논코리아의 제품판매페이지, 하나는 오뚜기의 메인홈페이지, 하나는 유플러스 모바일의 온라인상담페이지이다.  먼저 오뚜기는 처음 홈페이지를 들어가면 바로 영상이 뜨는데 총 6가지의 영상이 있으며 처음 2개의 영상은 실제로 광고로 찍은 영상이고 나머지 4개는 제품설명과 회사이념글이다.회사의 브랜드정체성과 목적이 잘 드러난것같아서 가져왔다. 두번째 캐논코리아의 제품페이지는 이 제품의 이미지를 그냥 보여주는것이 아닌 각도를 여러 각도로 보여주어 ..

TIL (Today I learned) 오늘 나는 무엇을 했나요- 카타 ( 랜딩페이지 레퍼런스 분석)- 피그마 활용법 6주차 강의 수강  오늘은 어떤 것을 배웠나요1. 카타 ( 랜딩페이지 레퍼런스 분석)1.랜딩 페이지를 들어오는 경로가 중요함ex) 만약에 네이버에 있는 당근마켓 광고같은것을 보고 들어온게 아니고 어떠한 매체를 통하여 들어올때그 매체가 만약 동내에서 구할 수 있는 알바를 구한다는 글이였는데 정작 링크를 클릭하고 들어오니 당근앱에대한 다운로드를 할 수 있는 랜딩페이지라면 잘못된 랜딩페이지이다. 2.랜딩페이지로 설문조사를 받을때는 목적을 정해야함설문조사를 한다는것은 기본적으로 중간에 이탈율이 높을 수 있으므로 목적을 정해야한다이 랜딩페이지의 목적이 설문조사인지 계약체결까지인지의 사업적 목적인지..

TIL (Today I learned) 오늘 나는 무엇을 했나요- 카타 ( 랜딩페이지 레퍼런스 분석)- 피그마 활용법 4주차 ~ 6주차 2-4 강의 수강  오늘은 어떤 것을 배웠나요1. 카타 ( 랜딩페이지 레퍼런스 분석) 튜터님에게 팀원들이 가져온 레퍼런스를 살펴보면서 올바른 랜딩인지 아닌지와 좋은점을 설명들었다. 1.랜딩페이지는 목표가 하나인게 대부분이며, 메인페이지은 사용자가 어디로 들어갈지 모름2.랜딩은 중간과정임 목표인 CTA를 누르게해서 그 페이지로 이동시키기위함3.랜딩은 누가봐도 여기로가라 라는게 확실함  2. 피그마 활용법 4주차 ~ 6주차 2-4 강의 수강  모달의 개념사용자가 행동을 취하기 전까지 뒤에 가려진 화면을 조작할 수 없는 것모달은 UI의 이름이 아니고 UI를 분류하는 기준이다e..

TIL (Today I learned) 오늘 나는 무엇을 했나요- 카타 ( 랜딩페이지 레퍼런스 서치)- 피그마 활용법 (1) 1~ 3주차 강의   오늘은 어떤 것을 배웠나요1. 카타 ( 랜딩페이지 레퍼런스 서치) 더보기디자인 카타란?매일 레퍼런스를 수집하고 분석하며 "왜?"라는 질문을 던지고이를 다른 사람들에게 전달하는 연습을 통해 디자인 사고력을 기르는 데일리 과업입니다.반복되는 연습이라는 뜻을 가진 Kata 를 통해 매일 아침 디자인을 훈련해봅시다. 어떤점이 도움되나요?근본적으로 'WHY?'라는 질문을 디자인 결과물로 자연스럽게 풀어내는 능력을 키워내는 훈련을 합니다.레퍼런스를 분석하고 자신의 의견을 전달하는 과정을 통해 UX 설계 역량을 높이고,프로덕트 디자이너로서의 핵심 자질을 점차적으로 발전시키..