본문 바로가기

PMB 10기

(31)
[W4D4] 피그마로 그려본 위밋플레이스 Wireframe 파워 J의 약속 장소 정하기 친구들과 약속 장소를 정할 때, 파워 J인(MBTI 판단형) 나는 모두의 행복을 위해 '위밋플레이스'를 켠다. 위밋플레이스는 2명 이상 모여 약속을 정할 때 이동하는 시간과 거리에 따라 최적의 장소를 추천해주는 어플이다. 유저가 모임에 참여할 사람들의 위치를 입력하면 중간 지점을 찾아주고 이동 시간을 알려준다. 대중교통의 경우 막차 시간까지 알려주는 친절한 어플이다. 오늘 글에서는 위밋플레이스를 이용하는 유저의 User Story, 주요 기능 Flow를 통해 Wireframe을 그려보고자 한다. Wireframe이란, 웹 또는 앱 프로젝트를 진행할 때 필요한 과정 중 하나로 웹 페이지의 구조를 제안하기 위한 화면 설계도, 또는 화면 청사진이라고 한다. 즉, 디자인이 들어가기 ..
[W4D3] 페이퍼 프로토타입으로 멜론 UX/UI 개선하기 들어가며, [W4D1] 멜론의 MVIP가 말하는 UX/UI 이야기 만남은 쉽고, 이별은 어려워. '너 아직도 멜론 써?' 멜론이 도대체 언제부터 이런 취급을 받았는지 모르겠지만. 나는 2007년부터 현재까지 15년 동안 멜론을 사용했다. 멜론을 어떻게 만나게 되었 jhxxn919.tistory.com 지난 글에서 멜론의 아쉬운 UX 3가지를 다음과 같이 정리했으며, 이 중 '플레이리스트 1,000곡 제한' 개선을 우선순위로 두었다. 1. 재생 목록 편집의 불편함 2. 음원 서비스 중단 및 재개 안내 3. 플레이리스트 1,000곡 제한 이번 글에서는 '플레이리스트 1,000곡 제한'에 대한 문제를 정의·분석하여 UX 개선을 위한 페이퍼 프로토타입을 작성해보고자 한다. 문제 정의 무엇이 문제인가요? 멜론의 ..
[W4D2] 멜론으로 보는 UX/UI심리학 UX/UI의 10가지 심리학 법칙 사용자의 마음을 읽는 인간 중심 제품과 서비스 디자인 1. 제이콥의 법칙 2. 피츠의 법칙 3. 힉의 법칙 4. 밀러의 법칙 5. 포스텔의 법칙 6. 피크엔드 법칙 7. 심미적 사용성 효과 8. 폰 레스토프 효과 9. 테슬러의 법칙 10. 도허티 임계 1. 제이콥의 법칙 사용자는 여러 사이트에서 대부분의 시간을 보낸다. 그래서 자신이 이미 알고 있는 다른 사이트들과 같은 방식으로 작동하길 원한다. Melon 타 음원 스트리밍 어플과 UI를 비교 시, 메뉴가 하단에 위치하며 유사한 아이콘을 사용하고 있다. Users Experience 처음 사용하는 유저도 쉽게 적응할 수 있다. 2. 피츠의 법칙 대상에 도달하는 시간은 대상까지의 거리와 대상의 크기와 함수 관계에 있다. ..
[W4D1] 멜론의 MVIP가 말하는 UX/UI 이야기 만남은 쉽고, 이별은 어려워. '너 아직도 멜론 써?' 멜론이 도대체 언제부터 이런 취급을 받았는지 모르겠지만. 나는 2007년부터 현재까지 15년 동안 멜론을 사용했다. 멜론을 어떻게 만나게 되었는지 기억은 안 나지만, 멜론과 이별하기 어려운 나의 이야기를 UX/UI 관점에서 말해보고자 한다. 멜론이 달라졌어요. 나에게 맞춰 새롭게, 가벼워진 멜론 6.0 내가 좋아할 음악들이 가득한 취향 중심의 새로운 홈 다양한 차트를 넘기다 보면 3초 만에 트렌드 파악 끝 듣고, 보기 쉽게 모아둔 아티스트의 음악방송 나를 위한 추천 태그로 손쉽게 내게 맞춘 새로운 탐색 최애곡들만 모아 정리한 나만의 음악 서랍 20년 12월 멜론은 모바일 앱 6.0 버전으로 업데이트되었다. 새로워진 멜론 6.0은 이용자 개인별 취향 ..
[W3D3] 왓챠만의 색다름 : KPI and OKR 밀짚모자 해적단의 비결 내가 아는 팀 중 가장 강력한 팀이다. 원피스 세계관 최강 팀인 밀짚모자 해적단에는 특이한 점이 있다. 서로 다른 목적을 갖고 모험에 나섰다는 것이다. 이렇게 다른 꿈을 가진 캐릭터들이 하나의 팀이 되어 강력하게 성장하게 된 비결에는 각 역할의 KPI 설정과 에피소드별 OMTM이 숨어져 있었다. 선장인 루피와 항해사인 나미의 KPI는 다르다. 이는 부서별 KPI가 다른 것처럼 각 기능별로 중요한 핵심 지표가 다르다는 것이다. 짐작건대 루피의 KPI는 해적왕이 되기 위해 싸워야 할 '해적 수' 정도가 될 수 있고, 나미는 세계의 모든 해도를 그리기 위해 찾아야 할 '섬의 수'로 추측해볼 수 있다. 또한, 항해를 하면서 여러 에피소드를 겪게 되는데 여기에는 처리할 가장 중요한 문제들이..
[W3D2] Zoomtopia를 향하여 대명사가 된 브랜드 햇반 사자. 카톡 해줘. 스타일러 사고 싶다. 줌에서 봐요. 이처럼 브랜드명이 그 제품군을 대표하는 대명사처럼 쓰이는 것을 '상표의 보통 명사화' 라고 한다. 신종 코로나바이러스 감염증(코로나19)으로 인해 ‘사회적 거리두기’가 일상화되며 다양한 비대면 서비스가 각광받았다. 특히, 재택근무 확산의 영향으로 부상한 화상회의 플랫폼 줌(Zoom)은 위기를 기회로 바꾼 대표적인 코로나19 수혜기업으로 평가된다. 줌은 빠르게 일상으로 스며들었고, 줌은 우리에게 학교이자 학원이 되었고, 회사이자 헬스장이 되었다. 오늘도 어김없이 사용할 줌의 PMF를 찾아보고자 한다. [W3D2 과제] 과제 1) 이 기업은 PMF를 찾았는가? 창업자 에릭위안이 발견한 문제 창업자 에릭위안은 중국 산둥성 출신으로..
[W3D1] 로스트아크 BM 캔버스를 그려보자 RPG 잔혹사 *RPG게임을 처음 접한 것은 리니지였다. 직접 플레이를 했던 것은 아니고 어깨너머로 보기만 했다. 내가 직접 플레이를 하게 된 첫 게임은 '월드 오브 워크래프트' 일명 WOW. 와우는 정말 신세계였다. 얼마나 충격이었는지 아직도 와우에서 처음 지하철을 탔던 게 선명하다. 뿐만 아니라 눈 덮인 설원도... 그리핀... (감동) 그 이후로 RPG게임이 출시되면 한 번씩 해봤다. 생각나는 건 테라, 아이온 정도인데 둘 다 얼마 못 하고 그만뒀다. RPG 게임을 하다 보면 한계를 만나게 된다. 똑같은 퀘스트를 반복하고 지루해서 얼마 못 가 흥미를 잃었다. 나의 로스트아크 시즌1도 그렇게 끝났다. 그런데, 로스트아크 시즌2는 뭔가 다르다. 빛강선 소리 질러! * RPG : Role Playing ..
[W2D4] Time Travel with 당근마켓 Time Travel 어느 날 내게 코드스테이츠가 질문했지 "만약에 네가 눈을 감았다 뜬 순간 20XX년으로 휘릭. 학교 가는 버스에서 졸다 깨었고 또 그 순간 정확히 2022년까지의 기억들이 너의 머리 안에 고대로 있는 채로 판교에서 고민하는 김용현 대표님을 만나면 먼저 무슨 말을 할래?" Man we gotta keep going, Man we gotta keep drawing (빈지노...좋아요... ) 역기획 과정을 통해 '당근마켓' 분석하기 Situation 20XX년, 카카오 재직 당시 사내 게시판에서 직원 간 중고 거래가 활발하게 이뤄지는 걸 보고 아이디어를 얻은 김용현 대표. 처음엔 직장인 앱인 '블라인드’처럼 판교 테크노밸리 회사원들만 쓰던 서비스였는데, 판교 주민들로부터 ‘우리도 쓰게 ..