전체 글 (110) 썸네일형 리스트형 [TIL] 24/07/09 오전 09:00~13:001. 노션 구축 및 아이스브레이킹2. 피그마 활용법 개인과제 피드백 확인3. 다면평가 오늘부터 새로운 조, 새로운 팀원과 함께 시작하게 되었다. 초반에 팀 배정 이슈로 약간 어수선했지만.. 10시부터 팀 노션도 구축하고 아이스브레이킹으로 팀원들과 얘기하는 시간을 가졌다. 팀장을 정하는데 자진해서 팀장을 하겠다는 분이 없어 사다리 타기를 했다. 항상 내가 있던 팀은 누군가가 자진해서 팀장을 했었는데 처음으로 사다리 타기를 해보니까 좀 떨렸다. 팀장도 정하고 노션도 대략적으로 구축하고 바로 개인과제를 시작했다. 강의를 먼저 들을까 하다가 피그마 활용법 피드백이 올라왔길래 확인을 해봤다. 과제를 하면서 어려웠던 점에 대해서 적는 란에 '컴포넌트 이름 정하는 것이 어려웠다, 컴포넌트를 .. [TIL] 24/07/08 발표회 때 피드백받은 내용정리를 하고 어떻게 디벨롭할지 생각해 봤다. 일단 가장 먼저 바꿀 수 있는 홈 화면을 개선한 다음단계로 넘어가려는데 자료가 너무 많아서인지 자꾸 렉이 걸렸다. 비포 앤 애프터를 비교해 보니 차이가 느껴진다.. 원래는 저 4 화면이 한 페이지에 있었다는 사실.. 과제를 진행하면서 미리미리 정리를 해두는 습관을 길러야겠다. 혹시 모르니까 남겨둔 자료들이랑 회의하다가 갑자기 생각난 아이디어들 적은 것도 많았다. 그중에서 제일 큰 면적을 차지하고 있었던 건.. 우리 조의 피땀눈물이 담긴 레퍼런스 조사였다. 레퍼런스 조사를 발제내용에 있는 단계대로 진행하다 보니 목적 없이 레퍼런스를 조사하느라 시간을 너무 많이 썼다.. 아깝지만 더 이상 쓰지 않을 것 같아서 모두 삭제했다🥹 그리고나서 .. [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는 조그만 토스트 안에 토글, 닫기버튼까지 있어서 사용자가 잘못 누를 수도 있다. 사용자의 손가락을 탓하게 하면 안 된다 ㅋㅋㅋ.. [아티클스터디] 놀면서 공부하는 듀오링고의 비밀 디자이너의 UX참고서, 듀오링고 전격 해부하기 | 고구마팜듀오링고로 언어 공부도 하고 디자인 공부도 한다던데...?gogumafarm.kr 사용자를 지속적으로 사용하게 만드는 UX의 중요성에는 어떤 것들이 있을까? 듀오링고 앱 분석 아티클을 읽고 인사이트를 정리해 보았다. 몰입도를 높이는 UIUX1. 장벽을 낮추자!: 동글동글하고 귀여운 UI, 게이미피케이션(Gamification) 매커니즘2. 사용자 이탈 방지: 듀오링고의 목표는 캐릭터를 통해 언어를 배우는 시간이 즐겁게 느껴지도록 하는 것3. 체류시간 상승 및 이탈 사용자 재참여 유도: 메일링 학습어플인데 언어가 어려울지언정 듀오링고 어플이 어렵다는 생각은 한적 없다. 사용하면서 지루하다고 느낀적도 없었다. 그 이유는 게이미피케이션이라는 컨셉으로 .. [TIL] 24/06/27 디자인 스낵타임 A 현재 시각 밑에 다시 알림을 강조해서 현재 시간이 더 잘 보인다.알람을 중단하는 것보다 다시 알림이라는 기능을 더 중요하게 생각해서 크기와 색상대비를 이용해 강조시킨 것 같다.B 알람을 설정하고 중단하는 기능을 중요하게 생각해서 중단 버튼에 크기를 키우고 강조시킨 것으로 보인다.다시 알림은 부가적인 기능으로 보인다.가장 강조한 버튼이 사용자가 접근하기 가장 쉬운 위치에 있다. (피츠의 법칙, 멘탈모델 적용) 그래서 알람 중단을 빠르게 처리하기 쉽다. 회의 후 느낀점 아침에 알람이 울릴 때를 생각해 보면, 비몽사몽인 상태라 눈에 띄는 버튼을 클릭하기 쉽다. 그래서 사용자를 좀 더 화면에 집중시켜 잠을 깨기 위한 의도로 만들어졌을 수도 있다는 의견알람은 빠르게 끄기가 가능해야 한다. 팀.. [아티클스터디] 뒤로가기에도 종류가 있다 닫기와 뒤로가기, 어떻게 다를까? — 헤이딜러 UX 스터디- 뒤로가기의 종류(하이어라키 백, 히스토리백)에 대해 알아보고 - ‘닫기'와 ‘뒤로가기'를 어떤 기준으로 사용하기로 결정했는지에 대해 공유합니다.medium.com '닫기'와 '뒤로 가기'를 어떻게 사용해야 하는지 알게 되었다. 아티클을 읽고 간단히 인사이트를 정리해 보았다. 헤이딜러에서 정한 UX 규칙1. 먼저 페이지 간 위계를 파악해 본다.2. 그다음 어떤 back이 자연스러울지 생각해 본다.3. 두 가지의 back기능이 모두 필요하다면- 뒤로 가기 버튼을 하이어라키 백으로 두고- 히스토리 백을 다른 형태의 UI로 해결한다. 하이어라키 백: 하위개념에서 상위개념으로 돌아가는 것히스토리 백: 이전에 지나왔던 화면들을 역순 하여 차례대로 되돌아.. 이전 1 2 3 4 5 6 7 ··· 11 다음
