UXUI/TIL (Today I Learned) (52) 썸네일형 리스트형 [WIL] 24/07/05 오전 09:00~13:001. PPT 자료에 들어갈 내용 정리2. PPT 자료 템플릿 서치3. PPT 제작4. 발표 대본 정리 어제 만들어놓은 것에 이어서 전체적으로 어떤 내용이 들어가야 하는지 정리했다. PPT 화면에 너무 많은 자료가 들어가면 가독성이 떨어질 것 같아 그 페이지에 가장 중요한 부분만 넣기로 했다. 추가적으로 설명해야 하는 것은 발표할 때 읽어야 하니까 따로 적어두었다. 얼추 정리가 된 것 같아서 PPT를 제작하려고 하는데, 팀원분이 템플릿이 있으면 좋을 것 같다고 하셨다. 그래서 커뮤니티에 있는 PPT 템플릿을 서치 했다. 다이소 앱은 빨강, 흰색, 검정 세 가지 색상밖에 없어 템플릿을 어떤 걸 가져와야 할지 애매했다. 피그마 템플릿이 파일이 크기도 하고 적절한 걸 찾지 못해서 생.. [TIL] 24/07/03 오전~오후 09:00~18:001. 레퍼런스 서비스 핵심 기능 UI 분석하기2. 튜터님 질문3. 레퍼런스를 기반으로 서비스 핵심기능 UI 분석하고 개선 아이디어 얻기 레퍼런스 분석에서 많이 헤맸다.레퍼런스 분석을 오전 중에 끝내기로 하고 먼저 올리브영, 홈플러스, 교보문고, 다이소(개선서비스)의 핵심 기능에 대해서 캡처한 뒤 혹시 개선아이디어에 참고할 것이 있는지 확인했다. 팀원 두 분이 화면이 어떤 요소로 구성되어 있는지 분해하는 것을 맡았고, 경쟁업체 UI 분석하는 것을 나와 팀원 한분이 맡아 진행하기로 했다.공통점과 차이점에 대해서 정리하기 위해서 서비스를 다시 확인하고 기능에 대해서도 적어보았다. 그런데 하면 할수록 이렇게 하는게 맞나? 공통점과 UI 패턴은 같은 것이 아닌가? 의문이 들어서 홍.. [TIL] 24/07/02 오전 09:00~13:00 1. 튜터님 질문 2. 업데이트 후 사용자 리뷰 조사 3. 튜터님 질문 4. 설문지 제작 및 배포 어제 만들었던 자료를 토대로 오전에 튜터님께 질문을 하러 갔다.질문 내용 위와 같은 과정을 통해 결정을 했는데, 해당과제에 적합한 서비스인가? 사용자 리뷰에 쓰여있는 문제점들을 최근(6/27)에 개선을 했는데, 개선 이후 리뷰가 많이 없어서 어떤 근거로 개선을 해야 할지 고민이다. 개선한 이후에도 UI적으로 개선해야 할 부분이 보이는데, 사용자의 반응을 알 수가 없다. 머릿속에 정리가 돼있고 자료를 함께 보고있다보니 발표는 수월하게 이루어졌다.박진희 튜터님 피드백 논리적으로 과정이 진행되고 있어서 기준에 맞게 진행하고 있다. 1. 목적, 유저 핵심 행동 정의 - 이 앱이 가지는 목.. [TIL] 24/07/01 스터디 09:00~21:00 서비스 선정(다이소), 통계 자료조사, 자료 취합 내일은.. 오늘 궁금했던 내용 내일 튜터님께 질문하기!오늘의 회고 드디어 첫 팀프로젝트 시작! 좋은 팀원분들을 만나 기분좋게 하루를 시작했다. 신기하게도 모두가 팀장을 맡은 경험이 있어 팀 이름은 리더조🫡로 라고 하기로 했다. 이번주는 UI 분석 기반의 디자인 개선을 하는 과제를 수행하게 되었다. 그동안 디자인 입문과 피그마 활용에서 배운 내용들을 복습하는 과제인데, 금요일에 발표까지 해야해서 시간이 빠듯할 것 같다. 그래서 팀원들과 만나자마자 바로 서비스 선정을 했다. 이후 과정을 진행하면서 계속 1~3단계를 왔다갔다하며 진행했다. 팀과제는 처음인데 금요일에 발표다보니까 다들 마음이 조급해졌다. 오늘 목표는 튜터님께 피드백.. [WIL] 24/06/28 디자인 스낵타임 A 사용자 입장에서는 A할인, 이벤트 소식은 앱을 사용하면서 중요하다고 느껴지지 않기 때문에 A처럼 모달 화면이 작게 표시되는 것이 좋다.알림 받기/끄기를 토글로 간단히 ON/OFF 할 수 있어서 편리하다.‘할인, 이벤트 소식을 가장 먼저 알려드릴게요’라는 말은 사용자에게 부드럽게 다가온다.B 서비스 입장에서는 BB로 사용자의 주의를 끌어 기기 알림 켜기를 유도하기 쉽다. (시각적 위계, 멘탈모델 사용)‘잠깐! 기기 알림이 꺼져있어요’라는 말은 기기를 반드시 켜야한다는 것처럼 들린다. A보다 사용자에게 더 강하게 다가온다. 회의 후 느낀점 A는 광고처럼 보인다.A는 조그만 토스트 안에 토글, 닫기버튼까지 있어서 사용자가 잘못 누를 수도 있다. 사용자의 손가락을 탓하게 하면 안 된다 ㅋㅋㅋ.. [TIL] 24/06/27 디자인 스낵타임 A 현재 시각 밑에 다시 알림을 강조해서 현재 시간이 더 잘 보인다.알람을 중단하는 것보다 다시 알림이라는 기능을 더 중요하게 생각해서 크기와 색상대비를 이용해 강조시킨 것 같다.B 알람을 설정하고 중단하는 기능을 중요하게 생각해서 중단 버튼에 크기를 키우고 강조시킨 것으로 보인다.다시 알림은 부가적인 기능으로 보인다.가장 강조한 버튼이 사용자가 접근하기 가장 쉬운 위치에 있다. (피츠의 법칙, 멘탈모델 적용) 그래서 알람 중단을 빠르게 처리하기 쉽다. 회의 후 느낀점 아침에 알람이 울릴 때를 생각해 보면, 비몽사몽인 상태라 눈에 띄는 버튼을 클릭하기 쉽다. 그래서 사용자를 좀 더 화면에 집중시켜 잠을 깨기 위한 의도로 만들어졌을 수도 있다는 의견알람은 빠르게 끄기가 가능해야 한다. 팀.. [TIL] 24/06/26 디자인 스낵타임 A 웹에서는 검색창이 상단에 있으니 앱에서도 상단에 위치하는 것이 사용자에게는 A가 더 익숙할 것 같다. (제이콥의 법칙)B 사용자가 터치해야 하는 대상은 가까울수록 사용성이 좋기 때문에 B를 선택했다. (피츠의 법칙)사파리가 A→B로 바뀌었는데 처음엔 어색했지만 A를 누를 땐 상단을 클릭하기 위해서 손가락을 올려야 하는 번거로움이 있었는데 익숙하다 보니 번거롭다고 인지하지 못했다. 하지만 B로 바뀌고 난 후에는 한 손으로도 움직일 수 있어 전보다 훨씬 편하다.회의 후 느낀점 아이패드도 사파리에서 검색창이 상단에 있는 것으로 봐서, 갤럭시 폴드처럼 디바이스 크기가 크고 한 손이 아닌 양손을 사용해야 될 때는 A가 편하다.B는 스크롤을 내릴 때 실수로 누를 수도 있다. 만약 실수로 주소 검.. [TIL] 24/06/25 디자인 스낵타임 A음식 사진을 제공해 사용자에게 메뉴를 직접적으로 보여주기 위해서B처럼 가게 상세페이지로 들어가 메뉴를 확인하지않고 음식점 리스트에서 메뉴를 바로 확인할 수 있어 편리하다.B음식점 브랜드와 정보가 눈에 띄게 한다.화면에서 더 많은 정보를 한꺼번에 볼 수 있게 한다. 회의 후 느낀점 A가 메뉴를 크게 보여줘서 클릭을 유도하기 좋다.B는 리스트를 더 많이 보여줘야 하는 카테고리 내에서 좋다. 배달 어플에서의 음식점 리스트 제공 어떤 이유로 보여주는 형태가 다를까요? | 디자이너스배달 어플에서의 음식점 리스트 제공 어떤 이유로 보여주는 형태가 다를까요?designus.io 일일 회고 오전에 노트북 충전이 안되길래 살펴보니까 충전기가 고장 났는지 충전이 안 됐다. 고치려고 노력해 봤는데 연결 부.. [TIL] 24/06/24 디자인 스낵타임 A댓글 정렬 방법 태그칩이 눈에 잘 띈다.버튼을 누르면 정렬 방법이 바뀌어서 B보다 선택이 용이하다.댓글 타이틀 바로 밑에 태그칩이 있어 시각적 위계가 잘 드러난다.BA는 버튼을 한 번만 눌러도 되는데, B는 정렬방법을 선택하려면 리스트 선택→바텀시트로 한번 더 클릭을 해야 한다.댓글 정렬 방법을 바꾸려면 다시 리스트 선택 후 바텀시트 화면에서 클릭해야 하기 때문에 피로감이 느껴진다. 회의 후 느낀 점댓글은 스크롤을 계속 내리게 되니까 즉각적으로 선택할 수 있는 칩형태가 좋다.B는 탭을 눌러서 페이지를 선택하는 게 불편하다는 의견항목이 3가지뿐이라 굳이 바텀시트를 사용하지 않아도 될 것 같다사용자가 즉각적인 소팅 액션을 원한다면 A댓글 정렬을 바꿔가며 보기보다 제시한 정렬(ex. 인기.. [WIL] 24/06/21 디자인 스낵타임 A장점: 시각적 위계가 잘 표현되어있어 보기 편하고, 화면에 ‘예약 정보’ 하나의 정보값만 입력할 수 있어 의사결정 시간이 줄어든다. (힉의 법칙)텍스트의 크기 차이로 시각적 위계가 잘 표현되어있다.‘1/2단계’, ‘다음’ 버튼을 통해 다음 단계가 있다는 것을 사용자가 인식할 수 있다.B장점: 한 화면 안에 예약 정보, 결제 정보를 같이 기재할 수 있다.‘예약 정보’, ‘결제 정보’ 타이틀 텍스트의 크기가 좀 더 커서 시각적 위계를 나타냈으면 좋겠다. 회의 후 느낀 점A는 단계가 나뉘어 있어 피로감이 덜 느껴진다는 의견A는 단계가 많다면 수정 시 계속 뒤로 가기 버튼을 눌러야 해서 단계가 적을 때 유용할 것 같다.B는 입력해야 하는 정보가 많을 때 한눈에 볼 수 있고, 수정할 때도 편리하.. 이전 1 2 3 4 5 6 다음
