UI/UX 공부기록

11/15 일일 목표📝팀프로젝트 마무리발표대본정리발표!  📝4주 차를 돌아보는 WIL  발표 장표를 보니, 우리가 확실히 단계를 착실히 잘 지켜가면서 진행했다는 생각이 들었다.! 일주일 동안 UI개선을 위한 분석 프로젝트를 진행하면서 사용자 리서치를 통해 데이터를 수집하고, 이를 분석해 사용자의 문제점을 정의하는 과정이 예상보다 까다롭고 복잡했습니다. UI 분석의 어려움을 통해 디테일에 대한 중요성을 배우게 되었고, 더 나은 결과를 위해 끊임없이 공부하고 개선해야 한다는 것을 알게 되었다. 오늘 발표를 마치고 튜터님께서 우리가 더 보완하면 좋을 점을 이야기해주셨다즐겨찾기 아이콘 위치의 문제:현재 최상단에 배치되어 있어 중요도가 과도하게 강조되는 느낌을 줌이전 구조와 비교했을 때 UI가 복잡해진 점이 ..

11/14 일일 목표📝팀프로젝트UI디자인 개선작업PPT 제작발표자료 제출   📖 오늘 배운 내용  프로젝트 마지막날 UI개선작업에 들어갔다. 재고확인의 불편함을 개선한 것은 즐겨찾기 매장을 보여주고 가까운 거리순도 재고순으로 개선할 점을 찾았지만 지도에서는 어떤 방식으로 UI를 개선할지 다시 고민이 되었다.  다른 경쟁사 UI도 참고해봤지만 다들 비슷하기도하고 그래서 어떤식으로 할지 매우 고민이 되었다. 그래서 재고찾기 기능에 대해서만 찾아보지않고 지도맵인 카카오맵을 찾아보았다.  카카오맵 지도를 참고하여 Thumb zone 과   Google Material Design 가이드를 보고 우리동네GS 지도부분을 개선했다.바텀시트가 보이는 컨텐츠영역을 줄이고 지도의 영역을 늘려서 지도에서 편의점 재고를 ..

11/13 일일 목표📝팀프로젝트사용자 문제 찾고 정의하기솔루션을 통해 사용자 문제 해결   📖 오늘 배운 내용 오전부터 열심히 플로우와 UI개선 작업을 시작하고,, 우리가 어제 정한 사용자 플로우를 이어서 UI수정할 부분만 진행했는데 나는 매장별재고(다이얼로그) 부분을 맡아 와이어프레임 작업을 시작했다. 우리의 플로우흐름에서 불필요하고 반복적인 과정이 나타나 플로우 흐름을 삭제하는 방향으로 개선을 하려고했는데, 이게 UI적인 수정인지 UX적인 수정인지 헷갈려 피드백을 받으러 갔다.  결론은 그건 UX적인 개선이 맞다고 하셔서 피드백을 받고 많은 고민에 휩싸였다 ... 한 화면에서 최소한의 리소스를 가지고 개선할 수 있는 방법은 뭐가 있는지 조금 더 생각해보느라 오전시간을 다 사용했다.... 그래서 플..

11/12 일일 목표📝팀프로젝트핵심 기능 & UI 디자인 분석하기사용자 문제 찾고 정의하기솔루션을 통해 사용자 문제 해결   📖 오늘 배운 내용 오늘은 우리동네GS UI분석에 돌입했다.. 어플을 클론하듯이 하나하나 뜯어보고 컬러,폰트,UI키트를 정리했다. 우리팀이 메인으로 정한 재고찾기 기능만 UI분석을 시작했는데, 생각보다 너무 많아서 앱의 주요기능들을 다 둘러봤다가는 정말 오래걸렸을 것 같은 기분이 든다...  경쟁사의 플로우,요소,구성에 대하여 정리하였다. 우리동네GS의 가장 큰 경쟁사인 포켓CU는 GS와 비슷한 플로우를 가지고있다. 포켓CU 플로우홈>재고조회 버튼클릭> 검색페이지> 검색어입력 > 재고조회페이지 > 지도 > 숫자클릭 > 편의점버튼클릭 > 점포재고찾기페이지 우리가 GS앱을 개선하면..

11/11 일일 목표📝팀프로젝트핵심 기능 & UI 디자인 분석하기사용자 문제 찾고 정의하기   📖 오늘 배운 내용 오늘은 금요일에 한 1,2단계에 이어서 3,4단계를 진행했다. 오늘 어떻게 진행할지 막막해서 튜터님의  피드백을 들으러가니 이렇게 말씀해주셨다.  우리가 1,2단계에서 한 리서치를 토대로 사용자의 타겟을 잡고 기능사용목적을 좀 더 명확히하고 UI분석을 진행하면 좋다는 말씀을 해주셔서 다시 정리에 들어갔다  핵심기능의 우선순위를 정하고 다시 플로우를 짠 후, 타겟층에 대해서 다시 정리했다. 우리가 선정한 우리동네GS는 20~40대가 주로 사용하는데 자세히 어떤 상황에서 사용하는지 적어보고 2단계에서 찾은 사용자 리뷰와 함께 비교분석하여 다시 한번 서비스의 문제점을 찾아보았다.  주요기능 사..

11/08 일일 목표📝팀프로젝트특강듣기  📝3주 차를 돌아보는 WIL 이번주는 내내 개인과제를 하느라고 정신이 없었다. 첫 개인과제로 커머스 UI 디자인을 했다. 그래도 이렇게 와이어프레임부터 최종본 까지 놓고 살펴보니 조금 뿌듯한것도 있고... 많이 배웠다.....    웹페이지와 프로덕트에 대해서 잘 알게된 시간이었다. 민주튜터님이 안계셔서 정훈매니저님과 같이 진행했는데 서로 코멘트달고 의견을 주고받으니까 재미도 있고 서로의 의견을 듣게되서 좋은 시간이었던 것 같다. 내가 생각하지 못한 부분도 말씀해주셔서 좋았다.  오늘 프로페셔널 말하기 특강을 듣게되었다. 프로페셔널한 태도와 말하기를 배우는 이유 : 협업, 면접, 실무역량을 위해서! 프로페셔널한 태도의 조건존중과 겸손신뢰성=시간엄수의사소통전문성..

11/07 일일 목표📝디자인 카타 - 프로덕트개인과제- 최종수정, 과제 제출   📖 오늘 배운 내용 오늘은 과제제출 마지막날.. 장바구니 다이얼로그를 만들었었는데 맘에 안들어서 옵션선택과 장바구니 바로가기를 새로운 바텀 모달형식으로 수정해보았다.  밑에 판매자,카드혜택,배송으로 자리를 채우고 모달로 옵션선택을 선택할 수 있도록 바꾸었다. 아무래도 다른 커머스 어플들을 보니 쿠팡말고는 다 수량을 모달로 선택할 수 있게 되어있어서 다르게 수정해보다가 더 마음에 들어서 바꾸어 보았다. 마음에 드는듯.. 옵션선택에서 한개씩 선택하는게 되지않아서 이리저리 해보다가 한개씩 프로토타입을 지정해서 누를 수 있도록 만들었는데 실무에서는 이렇게 안 만든다고 하셨다는데..대체 실무에서는 어떤 방식을 쓰는거지 ㅋㅋㅋ.,,..