목록본캠프 (63)
UI/UX 공부기록

11/18 일일 목표📝디자인 카타UX기획 및 리서치 1~2주차 강의듣기1~2주차 숙제 📖 오늘 배운 내용 UX(User experience/사용자 경험) : 사용자가 서비스나 제품을 사용하는 과정에서 얻는 모든 경험UI(User interface/사용자 인터페이스) : 사용자가 최종적으로 제품이나 서비스를 사용할때 보는 시각적 요소 더블다이아몬드 모형 문제정의와 문제 해결에 초점을 둔 디자인 프로세스 모형. 4단계로 구성 1. 발견무엇이 문제인지 발견하고 이해하는 단계유저 리서치를 진행하며 문제가 여러개 발견될 수 있음 2. 정의집중할 문제가 무엇인지 정의하는 단계유저리서치 결과물 분석,정리하며 어떤 문제에 집중할지 정립 3. 발전문제해결을 위한 아이디어를 생각하는 단계제한을 두기보다는 다양한 ..
💁♀️심층 인터뷰 질문예시 아이스브레이킹 질문오늘 날씨가 춥던데 오는길은 어떠셨나요?점심은 드셨어요? 답을 바로 떠올릴 수 있는 질문이 어플을 사용한지 얼마나 되셨나요?자사의 어플말고 구인구직을 할 때 사용하시는 어플이 또 있나요?앱으로 구인구직에 성공 하신적이 있나요?앱에서 자주 사용하는 기능은 무엇인가요? 고민이 필요한 질문이력서 지원과정이 편리했나요?구직 공고를 검색할 때, 필터 기능은 얼마나 유용했나요?원하는 직무나 회사정보를 찾기 어려웠던 적이 있나요?지원한 공고의 결과를 확인하는 과정에서 불편했던 점이 있나요? 마무리 질문오늘 말씀해주신 내용 중 더 나누고 싶은 부분이나 다른 의견이 있으신가요?

참고사이트https://netflixtechblog.com/artwork-personalization-c589f074ad76 Artwork Personalization at NetflixArtwork is the first instance of personalizing not just what we recommend but also how we recommend.netflixtechblog.com https://netflixtechblog.com/discovering-creative-insights-in-promotional-artwork-295e4d788db5 Discovering Creative Insights in Promotional ArtworkBy Grace Tang, Aneesh Vartak..

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단계에서 찾은 사용자 리뷰와 함께 비교분석하여 다시 한번 서비스의 문제점을 찾아보았다. 주요기능 사..