[앱UX/UI디자인] STEP6. 프로토타입 / 앱 디자인 할 때 어떻게 UX를 넣나? / 미국 현지 실무자가 알려주는 25가지 UX 팁 / Prototype

#프로토타입 #디자인팁 #디자인리뷰 안녕하세요. 오늘도 엄청 긴 영상을 갖고 왔어용 ^^ 아이디어 스케치 한 다음 보통 유엑스 디자이너들은 본인의 아이디어가 어떤지 유저빌러티 테스트 (Usability Testing)을 하는데..그때 프로토타입을 사용해서 많이 테스트를 해요. 오늘은 지난 영상에서 보여드렸던 와이어프레임을 프로토타입을 해서 제가 왜 이런 레이아웃,플로우를 만들었는지 프로토타입한거 보면서 설명을 해드릴거에요. 제가 설명한 것들이 모두 다 UX 디자인 하실때 여러분들도 고려하면서 디자인하시면 좋을 거 같아서 공유해요.. 영상이 전체 플로우대로 설명하려니 영상이 엄청 길었어요. 정말 자르고 자르고 편집해서 최대한 짧게 만들려고 했는데..그래도 거의 20분 영상이 되어버렸네요;; 좀 길더라도 UX 디자인 공부하시는 분들은 제가 알려드리는 팁들을 염두하시면서 영상보시고 디자인 해보세요. 도움이 조금 되지 않을까해서 공유해요. 그리고 마지막에 제가 오늘은 숙제 대신 여러분께 설문조사 부탁을 했어요. 여러분들이 유저가 되어서 설문조사에 응해주세요. 그러면 제가 그 데이터로 다음 영상에서 어떻게 UX가 좋은지 나쁜지 판단하는 기준을 어떻게 KPI 숫자로 만들어서 다음 디자인 단계로 넘어가는지 제 방법 공유해드릴게요. 오늘도 영상 봐주신 여러분 진짜 감사드리고 지난 번 아이디어 스케치 영상 유튜브에서 엄청 띄워줬나봐요..ㅎㅎㅎㅎ 댓글들이 엄청 달려서 놀랬어요~🥰🤩 더 열심히 하라는 뜻으로 알고 오늘 영상도 진짜 열정을 다해 제 진심을 담아 만들었어요. 오늘도 영상 봐주신 여러분 정말 감사드려요. -------------------------- 급하게 상담이 필요하신 분 / 멘토가 필요하신 분들을 위해 제가 1:1 상담 창을 만들었습니다. 1:1 Career Coffee Chat - https://calendly.com/uxsun/ 이제 커피챗 https://calendly.com/uxsun/ 통해서 시간 잡아주시면 제가 자세하게 준비해서 1:1 상담해 드릴게요. ------------------------------------------------------ Time Stamp 0:00 미리보기 0:10 인사말 0:38 와이어프레임(wireframing)과 프로토타입(prototyping)의 차이점 1:50 [Step1] 회원가입 프로토타입 리뷰 2:00 UX Point 1 : 회원 가입 단순화 2:08 UX Point 2 : 다음 스테이지로 넘어가게 동기부여 2:38 UX Point 3 : 맞는 키보드 제공 3:11 UX Point 4 : 방해 요소 막기 3:29 UX Point 5 : 메인 컨텐츠는 항상 키보드 위에서 4:06 [Step 1] 온보딩 프로토타입 리뷰 4:34 UX Point 6 : 유저들에게 주요기능 설명/기대하게 5:23 UX Point 7 : 온보딩 과정 중 유저 파악 5:27 UX Point 8 : 온보딩이 얼마나 남았는지 표시 5:32 UX Point 9 : 온보딩 과정 지루하지 않게.. 5:36 UX Point 10 : 유저에게 맞게 개인화된 정보 보여주는 앱 느낌 주기 7:22 [Step 2] 홈 스크린 리뷰 7:59 UX Point 11 : 유저들이 쉽게 메인으로 돌아올 수 있게 8:35 유저들이 한눈에 유저들의 행동 파악할 수 있게 8:40 UX Point 13 : 유저가 메인 홈에서 필요한게 뭔지 정하기 9:24 UX Point 14 : 새 유저를 위한 프로덕트 투어 9:30 UX Point 15 : 다음 액션이 뭔지 쉽게 알수 있게.. 9:35 [Step 3] 아이템 등록하는 플로우 리뷰 10:12 UX Point 16 : 액션 버튼은 눈에 잘 띄게 10:21 UX Point 17 : 관련된 기능은 하나로 묶기 11:33 UX Point 18 : 유저 귀찮게 하지 않기 최소한의 액션 12:24 UX Point 19 : 네비게이션 위치 조정 12:45 [Step 4] 상품 삭제하는 플로우 리뷰 13:12 UX Point 20 : 제스쳐도 디자인 13:25 UX Point 21 : Up and Back 화면 전환은 다르다. 14:20 UX Point 22 : 일관성 유지 15:18 UX Point 23 : 모두가 알아듣게 쉬운 용어 사용 (테크, 엔지니어 용어 사용금지) 15:49 UX Point 24 : 유저 흥미 끌게 게임화도 굿! 17:02 UX Point 25 : 새로운 아이디어/경험 시도 17:48 [다음 영상을 위한 도움요청] Usability test설문 조사 ------------------------------------------------------ 프로토타입 링크 https://www.figma.com/proto/9R9FCxZ2p... 설문조사 링크 설문조사는 보통 8-12명한테만 받으면 충분해서 설문조사는 마감할게요.^^* 참여해 주신 분들 모두 모두 감사합니다. 🙏 ------------------------------------------------------ Download 📥 Design Tool : https://www.figma.com/​ 📥 Prototype Figma File : https://drive.google.com/file/d/1lrVf... 📥 Font for the design file : https://blog.naver.com/ktk350/2220463... ------------------------------------------------------ Music in the video All Music Licensed to YouTube by (on behalf of Epidemic Sound) ES_As We Dance - Andre Aguado ES_Highlander - Andre Aguado ES_Skydiver - Andre Aguado