uxui

프로덕트 디자이너 본캠프 WIL 3주차 - FACTS(사실, 객관) :이번 일주일 동안 있었던 일, 내가 한 일 -팀프로젝트-우리동네GS앱 UI 개선 - FEELINGS(느낌, 주관) : 나의 감정적인 반응, 느낌이번 프로젝트는 힘들었지만 힘든만큼 내가 배운것이 많아서 뿌듯했다.그리고 프로젝트가 끝나고 다음 프로젝트로 넘어가게 되며 팀원들과 헤어지게되어 슬펐다. - FINDINGS(배운 것) : 그 상황으로부터 내가 배운 것, 얻은 것월요일 팀프로젝트UI개선의 첫단추를 맺는 방법을 배웠다. 가장 중요한 타겟선정과 핵심기능과 그 문제점이다.핵심기능이 중요한 이유와 불편한 이유를 앞에 타겟 즉 사용자의 니즈와 연결지어서 풀어야하는것을 배움 화요일 팀프로젝트튜터님이나 과정을 전반적으로 알고있는분들(현업에서는 ..

TIL (Today I learned)  오늘 나는 무엇을 했나요 - 팀 프로젝트 ( 우리동네 GS UI 개선) 오늘은 어떤 것을 배웠나요1.팀 프로젝트 오늘은 피드백을 받고 작은 UI개선과 워딩부분을 개선하였다. 먼저 오전에 개선할 페이지에서 사용할 마스터 컴포넌트를 제작한다음 인스턴스 컴포넌트로 페이지를 제작하였다.이때 한 컴포넌트안에 불리언을 적용한 아이콘을 2개 이상 제어를 할때 네스티드 컴포넌트를 이용하여 제작하였다. (네스티드로 안하면 한번에 제어 못하는것 같음) 그다음 마스터 컴포넌트중에 말풍선 컴포넌트가 필요하여 제작을 하려했는데 쉽지않아서 인터넷의 도움을 받았다. 피그마 말풍선 컴포넌트 만들기안녕하세요 찐망고입니다.오늘은 피그마를 이용하여 말풍선 컴포넌트를 만들어 볼 건데요.하나 만들어 ..

TIL (Today I learned)  오늘 나는 무엇을 했나요 - 팀 프로젝트 ( 우리동네 GS UI 개선) 오늘은 어떤 것을 배웠나요1.팀 프로젝트 오늘은 어제 한 개선을 전부 갈아엎었다. 오늘은 와이어프레임을 만든후 UI개선과 플로우개선을 하였다 여기부터 방향이 틀렸었다.그후 이 개선이 UI개선인지 UX개선인지 튜터님에게 찾아가 질문리스트를 작성을 한후 질문을 하였다. 먼저 우리가 한 플로우개선은 UX개선으로 볼 수 있었다. 이 화면을 없애 불필요한 경로를 없애 문제를 해결할수있지만솔루션은 만들기 마련이고 범위가 크면은 실무에서는 그만큼 리소스를 많이 써야하므로, 우리는 한 화면에서 UI만을 개선하여 최소한의 리소스를 사용하는 방법을 고민하는게 좋다고 하셨다. 그후 우리팀은 회의를 들어갔다.기존 ..

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

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

프로덕트 디자이너 본캠프 WIL 3주차 - FACTS(사실, 객관) :이번 일주일 동안 있었던 일, 내가 한 일 -카타-웹페이지 분석 , 프로덕트 분석 -개인 과제-커머스 앱 만들기 -튜터님과의 면담- -특강-프로페서녈한 말하기- FEELINGS(느낌, 주관) : 나의 감정적인 반응, 느낌이번주부터 카타를 시작하면서 튜터님과 함께 랜딩페이지와 웹페이지를 분석을 하였다. 카타를 처음해봐서 처음에는 자료찾기도 벅차서 시간이 부족했지만 튜터님의 피드백과 팀원들의 의견을 들으면서 잘 따라간것같았다.다음주부터는 개인과제가 시작하는데 팀원들 모두 잘 해냈으면 좋겠다. - FINDINGS(배운 것) : 그 상황으로부터 내가 배운 것, 얻은 것월요일 웹페이지카타-기존의 브랜드들이 가지고 있는 컨셉과 키워드를 알고있으면..

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