기록

[하루 5분 UX] 사용성의 심리학

Mon, 19 Feb 2024 13:49:10 +0900

아름답지 않은 디자인의 물건이 더 많이 팔린다면 그것은 사용성이 높다는 의미다.
아름답지 않은 내용인데도 사람들이 더 많이 읽는다면 그것은 사용성이 높다는 의미다.
아름답지 않은 디자인인데도 사용자가 더 많이 가입한다면 그것은 사용성이 높다는 의미다.

사용성 = 인지 부하

디자인에 있는 모든 내용은 사용자와 긍정적인 목표 사이에 존재하는 인지 부하의 양을 줄일 수 있어야 한다.

모든 내용과 모든 순간에 사용성이 적용되어야 한다.

심미성이 UX와 무관한 것은 아니다.

UX에서 디자이너가 할 일은 심미성을 테스트하고 측정하며 리서치하는 것이지, 아름다움 자체를 창조하는 것이 아니다.

단순하게, 분명하게, 빠르게, 최소한으로

더 단순하게

ex. 7페이지짜리 등록 절차를 단순하게 만들어주세요.

이메일 주소 재확인 같은 불필요한 질문 삭제

자동으로 정보 감지 ; 신용카드 정보 중 카드 회사 같은 정보는 묻지 않아도 확인할 수 있다.

정보를 나누어 입력해달라고 요청하는 대신 전화번호처럼 자동으로 형식을 완성하라.

더 분명하게

국가와 같은 정보는 목록에서 선택하게 하라.

더 빠르게

자동 완성 기능

둘러보기, 찾기, 발견하기

한 페이지에 너무 많은 콘텐츠를 담지 마라.

경험이 많은 사용자일수록 새로운 것을 덜 탐험한다.

안티 UX

좋은 UX

해지 양식은 쉽고 분명해야 한다.

'구독 취소' 버튼은 누가 봐도 타당한 위치에 있어야 한다.

나쁜 UX

'해지' 버튼을 이상한 곳에 숨기거나 아주 작게 만들어 발견하기 어렵게 할 수도 있다.

안티 UX

한 무더기의 지루한 질문은 해지 전환율을 떨어뜨릴 수 있다.

사용자가 좋아했던 콘텐츠를 보여주어라. -> 사용자가 해지할 경우 무엇을 잃게 되는지를 상기시켜라.

[오늘의 발견] 1월 1일 새해 카카오톡 오픈채팅 살펴보기

Tue, 2 Jan 2024 21:30:20 +0900

친구들에게 새해 인사를 하려고 기다리던 도중 오픈채팅 탭에서 "2024 새해" 칩을 발견하였다.

보통 오픈채팅 탭을 누르면 내 채팅방 목록이 나오는데 새해가 다가오자 "2024 새해" 칩을 표출시켜주고 있었다.

제일 상단에는 실시간 새해 인사를 나눌 수 있는 대화방이 나타나는데 입장할 필요없이 라이트한 채팅이 가능했다.

하단에는 미라클모닝 오픈채팅 목록, 부모님들에게 인기있는 임영웅 가수 오픈채팅, 독서/운동/명상 등의 자기계발 오픈채팅 등이 나열되고 있었다.

주제별로 UI를 다르게 표현한 것도 인상깊었다.

이번 기회에 오픈채팅방 목록을 둘러볼 수 있었는데 정말 다양한 분야의 오픈채팅방이 있었다.

이렇게 서비스를 시즌별로 표출하면 신규 사용자의 유입을 기대할 수 있을 것 같다.

2023 인스타그램 연말결산 살펴보기

Wed, 6 Dec 2023 22:08:59 +0900

인스타그램은 12월 5일 2023년 연말 결산 기자간담회에서 트렌드의 주축인 Z세대에 대한 이해도를 높이고자 국내외 Z세대 인스타그램 이용자를 대상으로 진행한 설문조사 결과를 발표했다.

"올해는 트렌드가 없었던 것이 트렌드"

획일화된 트렌드를 다같이 따르기보단 각자의 관심사를 기반으로 인스타그램을 통해
연결되는 '마이크로 트렌드'가 대세였다는 점

올해의 Z세대 : Z세대가 말한 인스타그램은?

"내가 좋아하는 것에 집중하고, 나와 동일한 관심사를 가진 사람과 연결되며 커뮤니티를 이룰 수 있는 곳"

국내 Z세대 인스타그램 이용자 1000명을 대상으로 진행한 설문조사에 따르면 Z세대가 가장 많이 접하는 콘텐츠 유형은

유머(22.5%) > 일상(16.8%) > 반려동물(12.1%) > 크리에이터 및 셀럽(11.2%) > 패션(9.5%) 순으로 다양하게 분포됐다.

나만의 관심사에 집중하는 마이크로 트렌드 경향이 나타나는 한국 Z세대

자신의 관심사에 집중하는 경향을 세계적인 추세인 것으로 나타났는데 한국뿐만 아니라 미국, 영국, 브라질, 인도 Z세대 이용자 5000여명을 대상으로 진행한 설문조사 결과, 전체 응답자의 25%가 '당당한 나 자신(Unapologetically myself)의 시대'가 될 것이라고 답했다.

특히, 한국에서는 44%가 이 키워드를 뽑아 다른 국가에 비해 자신에게 더욱 집중하고자 하는 경향을 보였다고 한다.

‘집돌이·집순이’ 트렌드인 한국 Z세대

전 세계 Z세대들은 가장 나 다운 순간에 대해 ‘집에 혼자 있을 때’라고 답했다. 특히, 한국의 경우 33%의 응답자가 이같이 대답하였다.

한국 Z세대 인스타그램 이용 목적

친구·지인의 소식 파악(70.8%)

최신 트렌드 파악(55%)

한국 Z세대 주로 이용하는 인스타그램 기능

스토리(26.8%)

릴스(23.2%)

DM(22.8%)

응답자 중 50.7%가 하루 평균 1~3개 스토리 게시물을 공유하며, 69.9%는 인스타그램을 켜서 상단 스토리 게시물 확인을 가장 먼저 하는 것으로 나타났다.

피드, 스토리, 릴스 등 콘텐츠를 접한 후 취하는 후속행동으로는 좋아요 누르기(54%) 다음으로 DM을 통한 콘텐츠 공유(친구 및 지인에게)(43.8%)가 가장 많았다. 일상 속 순간을 공유하고 자기를 표현하는 수단으로는 스토리, 친구·지인과 가까워지고 교류하는 수단으로는 DM을 활용하는 것이다.

부계정을 적극적으로 활용하는 한국 Z세대

국내 Z세대 이용자 중 73.4%가 2개 이상의 계정을 운영하고 있다고 응답했으며, 그 이유로는 ‘완전한 개인적인 공간이 필요해서’(59.9%)가 1위를 차지했다.

2023년 인스타그램 릴스 트렌드 : 댄스 챌린지

릴스 역시 이용자 개개인의 관심사에 따라 유머, 동물, 댄스, 푸드, 운동 등 가지각색의 콘텐츠가 사랑받았다. “화사의 ‘아이 러브 마이 바디(I Love My Body) 챌린지’는 있는 그대로의 나를 사랑하자는 내용으로 이용자들에게 주목받았다”며 “단순히 댄스 챌린지였던 것이 아니라 ‘바디파지티브’ 흐름을 주도했다”고 말했다.

언어와 문화의 구애를 크게 받지 않은 스트릿우먼파이터2의 ‘스모크 챌린지’, 미노이의 ‘라잇 나우(Right Now) 챌린지’ 등 댄스 챌린지도 올해 화제를 모았다.

주요한 마케팅 플랫폼으로 자리매김하고 있는 릴스

“새로운 방식의 광고에 적응한 기업과 적응 못한 기업에 큰 차이가 있다. 예전 광고 형태를 그대로 인스타그램에 활용하면 오히려 평균보다 안 좋은 성과를 보였다”고 말했다.

릴스는 1분 내외의 짧은 시간 안에 사람들의 이목을 사로잡아야 하는 만큼, 최근에는 1대1로 말하는 듯한 영상이 광고 소재로 자주 활용되고 있다고 한다. 영상 통화를 하듯 화면 속 크리에이터가 나에게 직접 말을 걸어 시청자들에게 브랜드 메시지를 효과적으로 각인시키는 것이다.

음원에 맞춰 광고 소재를 제작하는 방식도 인기를 얻고 있다. “영상에 어울리는 배경음을 선정하는 것이 아니라 배경음을 먼저 선정하고, 이에 맞춰 광고를 제작하는 방식이 활용되고 있다”며 “릴스 이용자의 90%가 소리를 켠 상태에서 릴스를 시청하기 때문에 나타난 변화”라고 말했다.

인스타그램 구독 서비스 출시

12월 5일부터 일부 이용자와 크리에이터를 대상으로 구독 서비스를 출시한다고 밝혔다. 구독 요금은 크리에이터가 직접 설정한다. 구독자 전용 라이브, 스토리, 피드 게시물, 릴스, 공지 채널로 독점 콘텐츠를 제공한다. 구독자의 댓글이나 DM 옆에 보라색 왕관배치가 표시돼 일반 이용자와 구분된다. 아울러 ‘릴스’로도 수익을 얻을 수 있는 ‘인스타그램 기프트’ 서비스도 시작한다고 한다.

2023년 인스타그램 트렌드를 살펴보니 사용하면서 공감되는 부분이 많았다. 트렌드 파악, 부계정 활용, 일상 공유를 하는 스토리, 신규유입과 노출을 늘릴 수 있는 릴스 부분이 매우 공감이 되었다.

나도 인스타그램 계정을 여러개 운영중인데 가까운 지인들과의 일상 공유 계정과 맛집 소개 계정, 트렌드 파악 및 스터디용 계정이 있다.

계정을 나눠서 사용하는 이유는 팔로워들의 특성과 사용 목적이 다르기 때문이다. 특히, 올해는 스터디용 계정을 통해 나와 같은 관심사를 가진 계정들을 팔로우하여 새로운 정보를 많이 알 수 있었고, 같은 관심사를 가진 사람들과의 모임에 참여하여 사이드 프로젝트도 진행중이다. "이런 것들이 인스타그램의 순기능 아닐까?"라는 생각이 든다.

맛집 소개 계정을 운영하면서도 팔로워가 정체되어 있는 상황에서 릴스 제작에 도전해보았다. 간담회에서 발표한 것처럼 콘텐츠에 따른 bgm을 선택할 수 있어 재미있고, 릴스를 올렸을 때 사람들의 리얼한 반응이 재밌었다. 신규 팔로워들이 생기기도 했다.

인스타그램 하나로 사람들이 각자 관심에 따라 정말 다양하게 쓰고 있는 것을 확인할 수 있었다. 인스타그램의 슈퍼앱 파워는 어디까지일까? 2024년 인스타그램 트렌드는 어떻게 바뀔지 궁금하다!

[보기 좋은 프로덕트의 비밀] 레이아웃

Mon, 4 Dec 2023 11:00:57 +0900

특정 영역 안에 요소를 배치하는 방식, 레이아웃 기초에 대해 배워 봅니다.
다양한 스크린과 환경에서 표시되는 디자인 요소를 균형있고 구조적으로 잘 표현할 수 있도록 도와주는 레이아웃에 대해 알아봅시다.

Lay something out

레이아웃 만들 때 신경써야 하는 점

1. 위계 Hierarchy

2. 정렬 Alignment

3. 여백 White space

4. 흐름 Flow

위계 Hierarchy

: 중요도에 따라 정보 구분하기

최근 들은 음악을 상단에 크게 표시한다.

정렬

: 비슷한 정보끼리 정렬하기

주식 이름, 주가를 좌/우 정렬하여 한 눈에 볼 수 있음

흐름

: 눈의 흐름대로 배치하기

정렬에 따라 글의 흐름을 읽고, 풍부한 정보를 얻고 싶을 때 이미지를 확인한다.

여백

: 숨 쉴 수 있는 공간 주기

게슈탈트 심리학

: 전체는 부분의 합이 아니다.

유사성

비슷한 요소는 비슷한 모양으로 나타낸다.

근접성

연관된 것은 가깝게 나타낸다.

연속성

그룹은 선으로 묶는다. 같은 성격을 가진 상품 리스트라는 것을 알 수 있다.

폐쇄성

여백, 정렬만으로도 충분하다. 굳이 선으로 나누지 않아도 인지할 수 있다.

공동 운명

같은 그룹은 같이 움직이게 나타낸다. ex) 스와이핑 기능

디자인 현황

거의 모든 서비스들이 모바일을 기준으로 디자인을 하고 있다.

유닛 단위 : 8px(dp)

그리드

[하루 5분 UX] 와이어프레임과 프로토타입

Sun, 19 Nov 2023 17:04:47 +0900

와이어프레임이 아닌 것은

1. 와이어프레임은 기본 스케치가 아니다

2. 좋은 와이어프레임은 시간이 걸린다

3. 와이어프레임은 과정으로 존재하지 않는다

4. 와이어프레임은 진지하게 다루어져야 한다

5. 와이어프렝림은 보여주기 위한 것이 아니다

툴이 아닌 기술을 배워라

최고의 솔루션을 디자인하라

언제나 원하는 것을 먼저 디자인해본 뒤 이를 기술적 문서로 옮겨줄 와이어프레임을 찾아 사용해야 한다.

다양한 상황을 고려하라

대부분의 사용자가 어떻게 행동할지 생각하지 마라.
사용자가 디자인을 가장 잘못된 방법으로 사용할 수 있는 경우를 상상해야 한다.

Z-패턴, F-패턴, 시각적 계층

Z-패턴

사용자는 보통 Z-패턴으로 왼쪽 상단부터 오른쪽 하단까지 훑는다.

F-패턴

Z-패턴과 마찬가지로 왼쪽 상단 모서리에서 시작해 헤드라인을 읽고, 왼쪽의 열을 따라 아래로 스캔한다.
이 방법을 반복함으로써 스캐닝 패턴이 F처럼 보이게 된다.

✔️ 사람들은 왼쪽 상단의 버튼을 오른쪽 상단의 버튼보다 더 많이 클릭할 것이고, 오른쪽 상단 버튼을 왼쪽 하단 버튼보다 더 많이 클릭할 것이며, 왼쪽 하단 버튼을 오른쪽 하단 버튼보다 더 많이 클릭할 것이다.

페이지 프레임워크

푸터

정적인 페이지로 연결되는 링크의 목록

내비게이션

폴드, 이미지, 헤드라인

Fold

사용자가 스크롤을 하기 전에 보이는 디자인 영역을 뜻한다.
폴드 위에 있는 영역 전체는 사용자의 눈에 잘 보인다.
폴드 위에 어떤 내용이 있든 상관없이 폴드 아래에 무엇이 있는지 사용자가 알 수 있어야 한다.

헤드라인

사람들이 스캔을 시작하는 곳에 헤드라인을 배치시켜야 한다.
헤드라인 아래에는 가장 중요한 내용이 배치되어야 한다.

인터랙션 축

엣지를 찾아라

각각의 엣지는 인터랙션 축이다.
사용자의 관심은 보통 인터랙션 축에 고정되어 있고, 그 관심이 사라지면 다른 인터랙션 축으로 이동한다.
사람들이 클릭하기를 바라는 버튼이 있다면 인터랙션 축 위에 두어라.

폼

폼의 목적은 사용자가 입력하는 정보를 수집하는 데 있다.
양질의 답을 얻을 수 있는 가장 좋은 입력 유형을 선택해야 한다.

체크박스 - 2가지 이상 / 라디오 버튼 - 하나의 옵션

종종 질문이 낯선 내용이거나 복잡할 때는 설명이 필요할 수도 있다. 그럴 때 약간의 설명을 덧붙이면 도움이 된다.
예를 들어, 텍스트 창에 전화번호를 입력해야 한다면 몇 가지 형식을 처리할 수 있도록 만들어라. (00000000000, 000-0000-0000 등)
사용자가 실수하거나 질문을 놓친다면 그들이 수정할 수 있도록 알려줘야 한다.

주요 버튼과 보조 버튼

일반적으로 대다수의 사용자 행동은 다음 2가지 범주 중 하나에 속하기 때문에 2개의 버튼 스타일만 있으면 된다.

1. 우리의 목표를 이루는 데 도움이 되는 주요 행동

2. 우리의 목표를 이루는 데 도움이 되지 않는 보조 행동

주요 버튼

사용자가 할 수 있는 행동 중 일부는 가입, 구매, 저장, 송부, 공유, 콘텐츠 제공 등과 같이 생산적이다. 이러한 행위는 이전에는 존재하지 않았던 것을 생산한다.
이를 '주요 행동'이라 하며, 우리는 사용자들이 가급적이면 주요 행동을 더 자주 하기를 바란다.

주요 스타일

배경과 확연히 구분되는 높은 대비

레이아웃 내 위치

사용자가 보는 즉시 반사적으로 알아차릴 수 있도록 인터랙션 축 위 혹은 근처에 두기

보조 버튼

사용자가 할 수 있는 행동 중 일부는 취소, 건너뛰기, 재설정, 제안 거절처럼 비생산적이다.
이러한 행위는 새로운 것을 창작하지 못하게 하거나 저해한다. 이를 '보조 행동'이라 하며, 사용자들이 보조 행동을 하지 않길 바라지만 사용성 측면에서는 옵션을 제공해야 한다.
보조 행동을 실행하는 버튼을 실수로 누르거나 반사적으로 클릭하는 경우를 막기 위해 눈에 덜 띄는 곳에 배치해야 한다.

보조 스타일

배경과 비슷하도록 낮은 대비

레이아웃 내 위치

사용자가 필요할 때 의식적으로 찾아야만 보일 수 있도록 인터랙션 축에서 멀리 떨어진 곳에 두기

중요 버튼

간혹 계정 삭제처럼 비생산적인 행동이 중요할 때가 있다. 이러한 행동은 레이아웃상 보조 위치에 주요 스타일로 디자인해야 한다.
사용자가 그 버튼을 찾을 수 있게 해줘야 하지만 실제 실행하기 전에 그들이 다시 생각해보길 원하기 때문이다.
이런 종류의 버튼은 행동의 중요성을 상기하기 위해 경고를 뜻하는 색(빨강, 오렌지, 노랑 등)으로 디자인하는 것이 좋다.

특수 버튼

때로는 웹 사이트나 애플리케이션에서만 실행하는 특별한 유형의 행동이 있을텐데, 여기에는 특별한 관심이 요구된다.
아마존의 '원 클릭 구매' 버튼, 핀터레스트의 '핀잇' 버튼, 페이스북의 '좋아요' 버튼은 모두 이 디자인 처치를 받은 것이라 할 수 있다.

적응형 디자인과 반응형 디자인

각각에 맞게 설계하는 적응형 디자인(Adaptive Design)

적응형 디자인은 주요 디바이스 몇 개를 골라 각각에 맞게 설계한 디자인을 뜼한다.

ex) 인터넷 쇼핑몰 운영

모바일 디바이스 / 데스크톱을 통해 쇼핑몰 방문

작은 휴대전화 크기 버전과 데스크톱 버전 2가지를 디자인해야 한다.
적응형 디자인은 만들기가 쉽고 시간이 적게 걸린다.

모든 스크린에 적용되는 반응형 디자인(Responsive Design)

반응형 디자인은 윈도우 사이즈가 달라지면 그에 맞춰 '늘어나고' '조정'되기 때문에 디바이스의 종류와 스크린 해상도에 상관없이 완벽하게 작동한다.
레이아웃이 영원히 늘어나면서 계속 형태를 유지하는 것은 불가능하다.
언제 어떤 기능을 보여주거나 숨길 건지, 디자인이 틀어지기(break) 전에 어디까지 늘어나게 할 건지, 그래서 언제 레이아웃을 변경해 해당 사이즈에서 더 잘 보이게 할 건지 등을 결정해야 한다.
이렇게 하고 나면 윈도우가 커지거나 작아질 때 웹 사이트가 디자인을 자동으로 조정해 모든 사용자에게 완벽한 경험을 제공한다.

[우아한형제들] PM이 회사를 고를 때 프로덕트 디자인 조직을 잘 살펴봐야 하는 이유

Sat, 18 Nov 2023 20:55:10 +0900

Product Manager & Product Designer ➡️ 각별한 사이(서로 영향을 많이 받는 관계)

✔️ PM과 디자이너는 업무의 겹치는 영역이 많다.

✔️ PM은 챙길게 너무 많고 디자이너는 디테일이 너무 중요하다.

인스파이어드 책 중..디자인 업무 정의

User research, Interaction Design, Visual Design, Prototyping

"얼마나 깊게 사용자에 대해 이해하고 있는가"
"얼마나 많은 가능성을 다양하게 테스트 하는가"

예시

선물하기 : 밥을 챙겨주는 듯한 느낌을 기획해보자!

➡️ 밥을 챙겨주는 듯한 행위를 할 수 있게끔 유도해볼까?

현업에서 PM과 디자이너의 소통은 정말 중요한 것 같다.

서비스 기획 단계부터 계속해서 소통하여 와이어프레임, 프로토타입을 만들어가고, 계속해서 사용자를 생각하고, 이해하여 서비스가 완성될 때까지 반복의 과정을 거친다.

디자이너 또한 PM이나 타부서에서 시키는 일만 하지 않는다.

적극적으로 사용자를 생각하고, 치열하게 고민하여 서비스를 설계해야 한다.

출처

https://www.youtube.com/watch?v=y2QqD4fZykU

앱 UI 디자인 기본 : 아이콘 디자인시 알아야 할 개념 및 가이드라인

Fri, 17 Nov 2023 21:52:55 +0900

아이콘 제작시 고려해야 할 핵심

1. 직관적인 아이콘

2. 통일된 스타일 아이콘

3. 단순한 아이콘

4. 아이콘 규격 및 시각보정

지나치게 단순화 하거나 디자이너 본인만 아는 아이콘은 절대 사용하지 않는다.
통일된 스타일로 아이콘을 제작한다.

아이콘 스타일 종류

두께에 따라 다른 느낌

아이콘 예시

오른쪽 아이콘이 너무 단순해서 왼쪽 아이콘이 더 잘된 아이콘일까?

➡️ 24x24 실제 사이즈로 아이콘을 살펴보면 왼쪽 아이콘의 경우 형태를 파악할 수 없다.

단순하게 표현한 오른쪽 아이콘이 작은 크기에서도 한 눈에 뜻을 파악할 수 있다.

아이콘 사이즈

부피에 따른 느낌

같은 100x100 사이즈이지만 왼쪽이 더 커보이는 착시현상같이 느껴진다.

실제로 원의 넓이는 πxr^2이다.

아이콘 사이즈 - Keyline

문제를 해결하는 프로덕트 디자인

Thu, 16 Nov 2023 14:44:55 +0900

프로덕트 디자이너 = 디지털 프로덕트를 설계해 문제를 해결하는 사람 = 사용자와 끊임없이 소통하는 사람

➡️ 모바일 앱을 사용하는데, 어딘지 모르게 어색함을 느낀다면 그때가 바로 프로덕트 디자인이 필요한 순간

프로덕트 디자인 단계

1. 탐색(Discover) - 현상 파악

2. 정의(Define) - 문제가 무엇인지 정의

3. 설계(Design) - 문제를 해결할 수 있는 제품 설계

4. 전달(Deliver) - 사용자에게 제품을 전달하는 단계를 거쳐 디자인이 완성

UX 디자이너 : 제품 설계의 1단계인 탐색을 담당

사용자를 이해하고, 목표 달성을 위해 어떤 과정을 거쳐야 하는지 연구하는 직군

UI 디자이너 : 시각화에 집중하는 직군, 3단계인 설계를 담당

UX 단계에서 도출한 워크플로우나 프로토타입을 바탕으로 프로덕트를 기획하고, 타이포그래피, 아이콘 등의 시각 기법을 이용해 레이아웃을 제작한다.

UX/UI 디자이너 : UX와 UI가 결합한 직군, 2단계 정의를 담당

프로덕트 디자이너 : 전 과정에 관여한다. UI/UX에 대한 이해를 넘어 제품 그 자체를 관리하는 매니저 역할을 맡는 직군이다.

프로덕트 디자이너에게 요구되는 역량

1. 생각법

2. UX 설계

3. UI 설계 역량

결과물에 대한 타당한 이유를 명확하게 이야기하는 논리력이 필요하다.
본인이 선택한 디자인이 최선의 답인지 판단하는 비판적 사고도 중요하다.
⭐️ 아이디어의 구체적인 디자인을 상상하는 능력은 타 직업과 차별화되는 지점
데이터를 읽고 해석하는 데이터 리터러시가 필요한데, 디자인 설계를 위해 어떤 데이터가 필요한지 알아내 수집하는 능력

UX 설계에서 중요한 부분

먼저 사람에 대한 이해가 필요하다.
사용자가 특정한 상황에서 어떻게 생각하고 행동하는지 알아야 하기 때문에 인지, 행동 심리학에 대한 사전 지식이 필요하다.
또한 설문조사나 프로덕트 사용 기록 등의 행동 결과 데이터를 바탕으로 사용자의 행동을 파악할 수 있어야 한다.(정량조사)
사용자 인터뷰나 사용성 테스트 등을 통해 사용자의 사고방식을 파악할 수 있는 정성조사도 요구된다.
마지막으로 경험 설계가 중요하다. 사용자가 서비스를 경험하는 단계를 가시적인 형태로 가공할 수 있어야 한다.
페르소나, 카드소팅, 유저 저니맵, 와이어 프레이밍 등의 방법을 주로 사용한다.

UI 설계에서 중요한 부분

먼저 도구에 대한 이해가 필요하다.
사용자는 스마트폰, 노트북 등 물리적인 도구부터 iOS, 안드로이드 등 무형의 도구까지 다양하게 사용한다.
디자이너는 이런 도구의 차이에 대해 깊이 알아둬야 한다.
시각 디자인을 이해해야 한다. 매끄럽게 도구를 사용할 수 있도록, 색, 아이콘, 레이아웃 등 다양한 시각 기법의 효과를 이해하고 활용할 수 있어야 한다.
프로토타이핑을 이해해야 한다. 개발에 비용을 투입하기 전, 최적의 디자인인지 검증할 프로토타이핑 제작 능력이 중요하다.
디자인 시스템을 이해해야 한다. 반복 사용하는 요소를 규격화하는 디자인 시스템 구축 능력이 필요하다.

프로덕트 디자이너가 문제를 해결하는 방식은?

1. 디자인 사고 - 고객에게 공감하고 모든 가능성을 열어 문제를 해결하는 방법

논리적인 연관성을 뛰어넘어서 직관적으로 문제를 해결하는 통합적 사고가 바로 디자인 사고이다.

공감-정의-구현-검증 과정을 거치며 제한 없이 발상을 떠올린 뒤, 현실성을 고려해 수정하는 방식이다.

2. 린(Lean) - 빠르게 프로덕트를 만들어 데이터를 측정하고 배운 것을 반영하는 방법

서비스 방향 조정에 초점이 맞춰져 있다. 시장과 고객의 변화가 빨라지면서 완벽한 계획이 불가능해졌고, 빠른 피드백 반영을 중시한 린이 탄생했다. 린은 만들기-측정-학습을 반복하는 사이클로, 가장 중요한 개념은 학습이다. 배운 내용과 기존 계획과 다르다면 과감히 계획을 수정하는 '피벗'이라는 말이 있다.

3. 애자일(Agile) - 최소 단위로 핵심가치를 전하자는 철학

린은 학습하고 반영하는 데에, 애자일은 서비스 단위를 작게 하는 것에 중점을 둔 방식이다.

위의 3가지 방식을 사용한다.

이 3가지의 장점을 섞은 고객 기반 개발법이 가장 널리 쓰이고, 셋 모두 최소한의 비용으로 가설을 검증하고 목표 달성 확률을 높이기 위한 방법론이다.

마이리얼트립의 사례

문제 정의 - 제품 설계 - 결과 측정 과정을 거쳐 서비스가 개선된다.
프로덕트 디자인의 시작은 고객의 문제를 정의하는 것부터이다.
문제를 확인하기 위해 고객 인터뷰와 유저 테스트를 진행한 뒤, 고객 경험을 상상해 프로덕트를 설계한다.
디자인 원칙에 기반해 제품을 설계하고, 문제가 해결됐는지 지표로 확인한다.

호텔 메타 개선 프로젝트 : 혜택을 한눈에 보이게 개선한 프로젝트

현황: 마이리얼트립에서는 부킹닷컴, 익스피디아 등 여러 예약 서비스를 통합 검색할 수 있는데, 서비스별 혜택이 보이는 데까지가 복잡했다.

문제를 정의하는 것부터 디자인을 시작했다.

✔️ 고객 : 숙소를 저렴한 가격으로 예약하고 싶다.

✔️ 회사 : 한정된 리소스로 예약 전환율을 높여야 한다.

✔️ 문제 : 저렴한 가격으로 예약하려면 어떻게 해야 하는지 알 수 없다.

다른 선택 요소를 배제하고 저렴한 가격이란 단 하나의 요소에만 집중했다.
문제를 UI로 해결하기 위해서 메인, 리스트 페이지, 객실 비교 상세 페이지를 개선했다.
예약 서비스에 따라서 어떤 혜택이 있는지 알려주고, 궁금하면 언제든지 연락할 수 있게 해 빠른 해결에 초점을 맞춘 디자인이었다.
한 달간 모니터링한 결과, 다른 변수 없이 평균 2배 정도 전환율이 증가한 걸 확인했다.

탐색 기능 개선 프로젝트

고객 여정의 막다른 벽을 개선해, 뒤로 가기의 사용을 줄인 프로젝트이다.

기존 메인 페이지는 모든 정보를 최대한 알려주자는 목표 아래, 다양한 컨셉의 상품 묶음을 테마 형태로 전달했다.

하지만 이 형태는 고객이 몇몇 상품 문구만 보고 상품이 이것밖에 없다는 오해를 살 수 있었다.

✔️ 고객 : 제주도에서 할만한 것을 찾고 싶다

✔️ 회사 : 제주도 체험&입장권 예약률 증가가 필요하다

✔️ 문제 : 닫힌 경로가 많아 고객이 길게 탐색할 수 없다

고객의 최종 목표를 제주도만의 독특한 체험, 입장권을 발견하는 것으로 설정했고, 고객이 몇 개의 상품을 둘러보다가 이탈한다는 사실을 발견했다.
탐색을 위해선 메인으로 계속 돌아가야 하는 불필요한 과정 때문이었다.
문제를 UI로 해결하기 위해서 상품이 없다고 오해할 수 있을 만한 테마 진입점을 제거했고, 탭과 필터를 이용해서 상품을 지속해서 탐색할 수 있는 진입점을 추가했다. 도시 페이지로 이동하는 경로도 만들었다.
출시 후, 결제 전환율이 약 2.5배 정도 상승했다.

출처

https://www.wanted.co.kr/events?category=tag.dijain

[보기 좋은 프로덕트의 비밀] 레이어

Tue, 14 Nov 2023 15:27:21 +0900

레이어는 그래픽 툴에서 가장 중요한 기능입니다.
어떤 요소가 있는지 어떻게 사용하는지 레이어의 기초부터 배워봅시다.

디지털 프로덕트를 디자인할 때 이런 레이어 요소를 어떻게 하면 보기 좋고, 더 쓰기 좋은 프로덕트를 만들 수 있는지 먼저 어떤 속성을 갖고 있는지를 설명한다.

레이어 속성 8가지

형태

: 모양에 대한 속성

형태는 이미지, 글자, 네모가 거의 대부분

테두리

그림자

: 형태의 외곽선에서부터 바깥으로 그라데이션되어 표현된다.

UI 디자인을 할 때 중요도가 높을수록 높이가 높다.
ex) 네비게이션바 -> 언제 어디서나 작동하고, 클릭할 수 있어야 한다.

표면

Solid : 단색
Gradient : 기울기
Image : jpg, png 형태
Translucent : 이미지 뿌옇게 표현

투명도

특정 페이지를 보다가 새로운 창이 떴을 때 무슨 일이 일어날지 예상할 수 있다.

블렌드

⭐️ Multiply & Blur : 이미지 위에 글자를 넣고 싶거나, 뒤에 있는 요소를 살짝 가리고 위에 새로운 요소를 띄우고 싶을 때 사용

마스크

그룹

: 다양한 레이어를 묶어주는 것

[하루 5분 UX] 시각 디자인의 원칙

Tue, 14 Nov 2023 11:32:33 +0900

시각적 무게

시각적 무게 개념은 직관적이다.
레이아웃에서 어떤 것들을 다른 것들보다 더 무겁게 보이게 해야 한다.
사용자가 의미 있는 정보를 알아차릴 수 있게 하는 것이 디자이너의 일이다.
사용자가 목표를 이루는 데 방해받지 않는 것도 중요하다.
디자인의 특정 부분에 시각적 무게를 줌으로써 사용자의 시선을 좀 더 쉽게 유도할 수 있고, 그들의 시선이 다음에 어디로 가야 할지 결정할 수 있다.

Constrast

밝은 것과 어두운 것의 차이
밝은 것과 어두운 것의 차이가 확연할수록 콘트라스트가 더 높다.

Depth와 사이즈

뎁스와 사이즈는 시각적 무게에 변화를 준다.
일반적으로 중요한 것을 덜 중요한 것에 비해 크게 만든다.
이는 한 페이지 안에서 시각적 계층을 만들어내며, 사용자가 훑어보기 쉽게 한다.

색상

의미를 담아라

색상을 일부러 선택했다면 반드시 의미를 담아야 한다.

진출 혹은 후퇴를 표현하라

'구매' 버튼 같은 것은 화면 밖으로 튀어나온 것처럼 보이는 색상으로 정해야 한다.
사람들은 앞으로 '진출' 하는 것처럼 보이는 색상을 더 많이 클릭한다.

시각적 원칙들을 조합하라

오류나 경고 표지는 빨간색으로 만들고 콘트라스트를 높여라.

반복과 패턴 깨기

패턴을 깨라

패턴을 깨면 정작 사용자들이 봐야 할 중요한 것들로부터 눈길을 뺏을 수도 있다.
패턴을 깨기 전에 우선 패턴을 잘 만들어야 한다.

강조하고 싶은 부분에 변화를 주어라

패턴이나 배열을 만들기 위해서는 시각적 무게와 색상을 일정하게 유지해야 한다.

라인 텐션과 엣지 텐션

Line tension

선이나 길이 존재하지 않는데도 존재하는 것으로 인식하는 것이다.

Edge tension

레이아웃 측면에서는 라벨처럼 작은 것에 더 많은 집중이 필요할 때 사용하면 좋다.
사람들이 클릭했으면 하는 버튼으로 향하는 시각적 길을 만들 수도 있다.

정렬과 근접성

Alignment(정렬)

비슷한 기능을 가진 버튼들도 정렬될 수 있고, 다른 차원의 콘텐츠도 정렬될 수 있다.
정보는 스프레드시트처럼 열과 행 속에서 여러 가지 다양한 의미를 전달할 수 있다.

Proximity(근접성)

두 대상 사이의 거리는 서로 얼마나 연관되었는지에 관한 느낌을 전달할 수 있다.
디자인을 할 때 관련성 있는 요소들은 서로 가까이 놓고, 관련성 없는 요소들은 멀리 떨어뜨려 놓아야 한다.

UX를 위한 모션 이용하기

사용자를 기다리게 하지 마라

애니메이션은 나타나는 데 시간이 걸리고, 기다려야 하는 사용자는 쉽게 짜증을 느낀다.
기다리는 것보다 더 나쁜 것은 간혹 애니메이션이 글씨를 가리기도 하고, 사용자가 읽고 클릭해야 할 콘텐츠와 버튼을 찾는 데 방해가 된다는 점이다.

직선은 방향성을 만든다

주요 기능을 강조하거나 사용자들이 어디로 가야 할지 안내하고 싶다면 움직이는 직선 모션은 좋은 선택이다.

사람들의 시선은 곡선을 따라 이동한다

사용자들이 애플리케이션을 처음 이용해 설명이 필요한 경우라면 그들이 화면을 한 바퀴 둘러볼 수 있도록 곡선 모션을 이용하는 것이 좋다.

[보기 좋은 프로덕트의 비밀] 아이콘

Mon, 13 Nov 2023 20:53:56 +0900

UI에서 아이콘의 중요성과 어떻게 만들어야 좋은지 배워봅시다.
개성을 부여하기 쉽고 다양한 실험이 가능한 시각 언어인 아이콘은 어떤 법칙으로 제작해야 하는지 배워봅시다.

아이콘

: 누구나 아이콘을 보면 무슨 뜻인지 알 수 있는 것이 장점이다.

아이콘 = 이미지의 일종으로 볼 수 있음
이미지란 기호의 경계에 있는 요소인데 사진처럼 복잡한 어떤 이미지 전체를 전달하는 것이 아닌 구체적으로 무슨 내용을 압축해서 설명할 때 자주 쓴다.
ex) 올림픽 - 종목 설명 : 픽토그램
종목을 강렬하고, 간결하게 표현한다.
픽토그램도 아이콘의 일종이라고 볼 수 있다.
디지털 프로덕트 안에서는 아이콘으로 불리고 있음
스마트폰 안에서 앱 아이콘을 볼 수 있다. (브랜딩 아이콘이라 불림)
프로덕트 안에서 동작하는 것들도 아이콘으로 볼 수 있다. (시스템 아이콘이라 불림)

- 아이콘의 역사

최초 아이콘 : xerox-star
애플 Mac에서 아이콘을 대중적으로 사용하기 시작했고, 이때부터 아이콘이 좀 더 단순히 기능만 전달하는 것 뿐만 아니라 즐거운 표현이나 감정적인 표현을 담기 시작했다.
좀 더 구체적이면서도 너무 복잡하지 않게 아이콘만 보면 무슨 의미인지 알 수 있도록 고도로 발달된 아이콘을 만들기 시작했다.
그 이후, 윈도우(Window)에서 아이콘 많이 활용하기 시작
처음 아이콘은 pixel로 만듬 -> 기술의 발전에 따라 아이콘 만드는 방법 발달함
아이콘이 실제 세계에서 볼 수 있는 느낌으로 집중하게 되고 그때를 기점으로 이런 표현법에 대해서 "스큐어모피즘"이라는 용어를 쓰게 되었다.

"플랫 UI"로 변화
더 단순화된 형태로 디자인된 아이콘

아이콘 스타일

선 / 면 / 색
보통 선으로 채워져있는 것을 많이 사용한다.
선 아이콘 -> 눌러야한다는 것을 인식

굵기 vs 둥글기

얇음 아이콘 특징

카카오톡_더보기

한 화면 안에 많은 양의 아이콘이 필요할 때 굵은 선으로는 여러가지 아이콘을 구분하기 굉장히 어렵기 때문에 얇은 선을 사용한다.
아이콘 추상적 설명이 필요할 때 얇은 선의 아이콘을 사용한다.

굵음 아이콘 특징

인스타그램 하단 탭바

글자가 없거나 내용을 강하게 전달하고 싶을 때 굵게 사용한다.
최근 서비스들은 사람들이 많이 학습을 한 상태라서 따로 글로 설명하지 않고, 아이콘만 사용하는 경우가 많다. -> 굵음 아이콘 많이 사용

둥글기

각짐 아이콘 서비스

전체 서비스의 보이스 앤 톤을 기준으로 결정하거나 텍스트에 녹아드는 경우가 많을 때 각짐 아이콘을 많이 쓴다.

둥금 아이콘 서비스

그리드 설정

구글의 대표적인 24*24 pixel

무게

통일

디테일

아이콘 -> 아이콘이 뜻하는 것을 표현하기 위한 최소한의 요소로만 표현하는 것이 가장 좋다.

시점

아이콘 디자인 -> 수평적인(평면) 요소로 표현

단순화

빠른 시간 내에 무슨 내용인지 스캔하기 때문에 복잡하게 표현할 필요 없다.

플랫폼 경험

[보기 좋은 프로덕트의 비밀] 타이포그래피

Fri, 10 Nov 2023 15:37:56 +0900

디자인에서 문자는 어떻게 사용해야 하는지 타이포그래피 기초에 대해 배워봅니다.
웹, 지면, 모니터, 모든 화면에서 많은 분량을 차지하는 문자
디자인에서 문자는 왜 중요하며 어떻게 사용하는 것이 좋을지 알아봅시다.

추상적인 어떤 개념을 설명할 때는 문자를 이용해서 전달하는 것이 빠르다.
집단 안에서 문자는 약속이다.

문자

: 사람들 간의 약속

타이포그래피(Typography)

: 문자를 배치하는 모든 활동을 총칭하는 언어

✔️ Typo(글자) + graphy(기술법)

타이포그래피에서 가장 중요한 것

1. 판독성(Legibility) : 글자와 글자를 구분할 수 있는 정도

2. 가독성(Readability) : 쉽게 읽을 수 있는 정도

판독성이 안좋은 예시

LLIIIIiioo0066

글꼴 수는 적을수록 보는 사람에게 좋다.

굵기

: 중요도에 알맞는 굵기

색 대비

: 대비는 확실하게 해야 한다.

행간

: 글줄 사이 간격은 여유롭게

자간

: 글자 사이 간격도 여유롭게

정렬

: 정렬은 보통 익숙한 좌정렬로 한다.

✔️ 보통 현업에서 디자인을 할 때 미리 규칙을 정해놓고 쓴다.

예를 들면

Title : 큰 글자

subtitle : 조금 덜 큰 글자

Body : 본문

Caption : 본문보다 작은 글자

✔️ 글자를 이용해서 디자인을 할 때 기본적으로 좌에서 우로 읽을 거니까 다 좌정렬일 것이고, 그 안에서 크기 조절은 원하는 대로 하면 된다.
✔️ 다하고 봤을 때 답답하고, 글자가 잘 안 읽히는 것 같으면 여백을 늘리면 된다. -> 읽기 쉬운 타이포그래피가 완성된다.

[보기 좋은 프로덕트의 비밀] 컬러

Wed, 8 Nov 2023 22:04:37 +0900

컬러

명도 : 밝음과 어두움
채도 : 선명함과 탁함
색상 : 고유한 색 종류

RGB

: 빛의 3원색인 Red, Green, Blue

RGB는 혼합하면 할수록 더욱 밝아지는(명도가 높아지는) 특징을 가지고 있다.

HEX

: 00~FF까지의 16진수

#000000

HSB(Hue-Saturation-Brightness)

: 대부분의 그래픽 툴에서는 HSB를 기반으로 해서 표현이 되어 있다.

H - 색상

S - 채도

B - 명도

UI 디자인 특징

1. 보통 브랜드의 컬러를 설정 후(primary color) UI디자인이 시작된다.

네이버 - 초록색

지그재그 - 핑크

2. 그다음 위계 컬러 설정

secondary 컬러, white>gray>black 순

에어비앤비 - 예약하기가 가장 중요 (primary color)

3. 위계에 맞게 정했다면 이제 이 컬러들을 어느 정도의 비율로 써야하는지 정해야 한다.

색의 비율

6:3:1

60%는 배경 / 30% 보조배경 / 10% 자극이 센 정말 필요할 때만 쓰는 컬러

4. 사용자에게 정보를 전달하는 색(의미가 있는 색)이 필요함

ex) 빨강 - 위험 / 노란 - 경고 / 초록-안전 / 파랑-정보

로그인 화면 -> 아이디 형식이 맞지 않을 때 빨간색으로 표시

색 조합

ex) 그래프 요소 구분

유사색 : 비슷한 중요 요소를 구분할 때
보색 : 비슷하게 중요하지만 기능이 다른 요소 구분

색 대비

보통은 노란색으로 가까워질수록 밝아지고 파란색으로 갈수록 어두워진다.

[하루 5분 UX] 행동 디자인

Sun, 5 Nov 2023 18:03:52 +0900

의도대로 디자인하기

✔️ 사용자가 어떤 행동을 하기를 원한다.
✔️ 사용자는 어떤 행동을 하기를 원한다.
✔️ 이 두 행동은 일치하지 않을 수도 있다.

UX 디자이너로서 이 2가지 행동을 일치시켜야 한다.
그렇게 되면 사용자가 목표를 달성할 때 본인 또한 목표를 달성한 것과 같게 된다.

UI 디자이너와 같은 시각 디자이너는 인터페이스 자체를 디자인한다.
그 일은 중요하지만 그 결과물에 대해서는 모두 다른 의견을 가질 수 있다.
UX 디자이너는 일이 작동하는 방식을 디자인한다. (= 사용자 행동)
행동 자체를 볼 수는 없지만 그것을 측정할 수는 있다.

좋은 결과를 얻고 싶다면 동기를 부여하라

UX는 과학이다. 결과가 중요하다.
좋은 결과를 얻기 위해서는 사용자들이 효율적으로 행동할 수 있도록 동기를 부여해야 한다.

보상과 처벌

감정을 불러일으켜라

대부분의 사람은 보상과 처벌의 개념에 익숙하다.
보상과 처벌은 감정이다.

피드백을 통제하라

디자이너는 일어나는 일들을 통제할 수 있다.
당신이 생각하기에 좋은 행동에는 보상을 하고 나쁜 행동에는 처벌을 함으로써 사용자를 훈련시킬 수 있다.

학습 = 연상 = 믿음

사용자가 처음 당신의 디자인을 접했을 때는 자신의 자연스러운 연상 기억과 신념을 가진 상태일 것이다.
UX, UI, 브랜딩, UX 라이팅 등을 통해 특정 연상 작용도 만들어내야 한다.

조건 형성과 중독

"첫 시식은 무료입니다"

한 번도 맛보지 않은 것에 중독되는 사람은 없다.
사용자가 방문하면 그 즉시 그가 긍정적인 감정을 느낄 수 있도록 만들어야 한다.

조건 형성의 종류

고전적 Classical

당신이 선택한 신호를 기존 행동과 연결시켜라

조작적 Operant

당신이 새로운 웹 사이트를 찾아 평을 썼다고 가정해보자.

10명이 그 평을 좋아한다.

또 다른 평을 쓴다 -> 15명이 좋아한다. -> 기분이 너무 좋다.

세 번째 평을 쓴다. -> 어떤 사람이 악플을 남겼다. -> 더 이상 평을 쓰지 않는다.

보상과 처벌의 종류

주는 것에 집중해야 한다.

그래야 시간이 지날수록 진전이 있음을 느낄 수 있다.

게다가 사용자는 충실한 고객이 될 것이다.

타이밍이 중요하다.

정기적으로

사용자가 매번 혹은 '몇 번 중 한 번' 규칙적으로 보상을 얻는다면 그것을 월급처럼 당연하게 여기게 될 것이다.

비정기적으로

슬롯머신은 게임에 빠질 만큼만 딱 보상을 주지만 그 보상마저 예측하기가 어렵다.

좋은 콘텐츠에 대한 비정기적 보상은 콘텐츠 전반의 수준을 향상시킨다.

게임화

'게임 메커니즘' 요소

게임은 사용자들이 목표 지점에 잘 도달할 수 있도록 보상과 처벌을 알맞게 배치한다.

피드백 루프
발전하는 도전

피드백 루프란

피드백 루프에는 3가지 구성 요소가 있다. 동기, 행동, 피드백
사용자 동기는 이미 존재할 수도 있고, 당신이 디자인한 것일 수도 있다.
사용자는 피드백이 필요하다.
평가, 점수, '좋아요', 실시간 레이스 순위 등 그들이 얼마나 잘했는지 알려줄 수 있는 피드백을 제공해야 한다.

루프를 반복하라

우리가 설계하는 피드백이 사용자가 특정 행동을 다시 하도록 동기를 부여할 수 있어야 하기 때문이다.

도전할 수 있게 계속 발전하라

새로운 사용자도 바로 뛰어들어 시작할 수 있다면 그건 좋은 게임이다.
발전을 만들어내려면 사용자들이 이미 알고 있는 게임 방식보다 더 크게, 더 낫게, 더 어렵게 만들어야 한다.

의미 있는 감정을 끌어내라

피드백 루프는 게임의 여러 장치를 이용해 자연적이고 내재된 동기를 '분명한' 동기로 바꿔 드러나게 한다.
사용자에게 의미 있는 감정을 어떻게 끌어내는지가 관건이다.
ex. 배지, 포인트, 팔로워, 리트윗

사회적/바이럴 구조

공유 그 이상을 의미하는 입소문

사용자 A의 행동 = 사용자 B의 피드백 = 사용자 C의 콘텐츠

바이럴 구조의 효과

2-in-1 행동
좋은 것들만 남는다
사회적 검증
자기 홍보
네트워크 포화

신뢰를 형성하는 방법

모든 일은 신뢰가 바탕이 되어야 한다

1. 전문성을 갖춰라

2. 100% 긍정적인 것도, 100% 부정적인 것도 없다

3. 민주화하라

4. 정보의 중요성을 이해하라

5. 품위 있게 대처하라

6. 사용자에게 정보를 제공하라

7. 단순한 단어를 사용하라

경험을 변화시키는 경험

파워 유저는 소수다.

감추기 vs 나타내기 : 선택의 역설

초보자들이 핵심 기능을 쉽게 찾을 수 있게 하라.

인식 vs 기억

사용자가 방대한 양의 정보를 다루어야 한다면 카테고리를 제안하거나 어디서 찾을 수 있는지 알려주는 것이 좋다.

학습은 느리지만 습관은 순식간이다

온보딩이란 새로운 인터페이스에 대한 단계별 교육이나 간단한 소개, 즉 신규 교육 과정이라 할 수 있다.
이는 새로운 사용자가 겪는 혼란을 최소화하면서 주요 기능을 쉽게 찾을 수 있도록 돕는다.

[하루 5분 UX] 인포메이션 아키텍처

Thu, 2 Nov 2023 14:22:53 +0900

인포메이션 아키텍처의 개념

Information Architecture(IA)란 특정한 구조에 여러 정보를 입력하는 개념이다. = 정보들을 조직화하는 것

Flat, 혹은 Deep, 둘 다 할 수는 없다.

Flat은 메뉴에 많은 항목을 포함하지만 세부로 들어가는 데 많은 클릭이 필요하지 않다.
반면 Deep은 메뉴는 단순하나 원하는 것을 찾기 위해 클릭을 여러 번 해야 한다.

사용자 스토리

사용자 스토리는 한 사용자가 웹 사이트나 애플리케이션에서 선택할 수 있는 한 가지 경로를 묘사한다.

그것은 짧지만 완벽해야 한다.

구글 사이트를 이용하는 기본적인 사용자 스토리

1. 사용자가 메인 검색 페이지에 접속한다.

2. 찾고 싶은 내용을 검색창에 입력하고 마우스나 키보드를 이용해 이를 제출한다.

3. 다음 페이지는 검색한 결과를 관련성이 높은 순서대로 나열해 목록으로 보여준다.

4. 사용자는 첫 번째 페이지에 있는 웹 사이트 링크를 클릭할 수도 있고, 원하는 결과가 나올 때까지 검색 결과 페이지를 좀 더 넘기면 찾아볼 수도 있다.

스토리의 목적

:flow를 보여주는 데 있다. 최종 UI가 아니라 연속적으로 일어나는 사용자 선택을 보여준다.

인포메이션 아키텍처의 유형

IA 포함사항

카테고리
시간
태스크
사람들
검색

정적 페이지와 동적 페이지

정적 페이지란

디지털 레이아웃의 가장 기본적인 형태다.

동적 페이지란

항상 같은 모습을 하고 있지 않고 늘 변한다.

동적 페이지는 당신의 선택에 따라 반응한다. 결제 과정 중에 당신이 좀 더 비싼 배송 방법을 선택하면 그 페이지를 나가지 않고도 전체 결제 금액이 자동으로 변한다.

내용 vs 컨테이너(Container)

정적 디자인은 정밀한 레이아웃에 가깝다. 동적 페이지를 만들기 위해서는 내용이 아니라 내용을 담는 컨테이너를 디자인해야 한다.

실패하지 않는 시나리오를 만들어라

트위터 - 140자 글자 수 제한

플로우

클릭 수나 페이지 수를 세지 마라

페이지가 많은 플로우처럼 긴 복도는 길어도 사람들이 매우 쉽게 이용할 수 있다. 반면, 복도가 짧더라도 너무 많은 표지판이 있으면 그 길이 '유일한' 길인데도 복잡한 메뉴가 많은 웹 사이트처럼 혼란스러울 수 있다.

"막다른 길"을 만들지 마라

언제나 다른 곳으로 이동할 수 있는지 확인하고 사용자가 그 곳에 가는 방법을 분명히 알 수 있게 해야 한다.

사용자는 뒤로 가지 않는다

사용자는 인내심이 강하지 않다

많은 디자이너가 자신의 디자인을 이용하는 사용자들은 설명을 모두 읽고, 메뉴 아이템을 모두 확인하고, 필요한 것을 찾기 위해 웹사이트 가장 아래까지 훑어볼 것이라고 생각한다.

사용자는 자신이 원하는 것을 찾지 못하면 버튼을 몇 번 더 눌러보다 그대로 떠나버릴 가능성이 크다. (뒤로 가기 버튼을 포함해서)

'뒤로 가기' 버튼을 자주 누르는 건 좋지 않은 신호다

사용자 테스트 중 사용자가 뒤로 가기 버튼을 자주 누른다면 그가 원하는 것을 찾지 못하고 있다는 의미다.

루프(Loop)를 만들어라

A페이지는 B페이지와 연결되어 있다.
B페이지는 C페이지와 연결되어 있다.
C페이지는 A페이지와 연결되어 있다.

A페이지 - 작업 카테고리

B페이지 - 한 카테고리 안에 있는 프로젝트 리스트

C페이지 - 한 프로젝트에 관한 세부 내용

[하루 5분 UX] 정신의 한계

Wed, 1 Nov 2023 21:31:10 +0900

직관

직관은 경험에서 형성된 것이다.

본인이 아닌 대다수의 감을 믿어라

UX 디자이너는 본인의 감을 따라서는 안 된다.
객관적으로 판단하기 위해서는 데이터와 사용자 피드백이 필요하다.

인지 편향

사람들에게 특정 유형의 질문을 하거나 특정 방식으로 질문한다면 '직관 시스템'은 꽤 높은 확률로 잘못된 답을 택할 것이다.
사용자가 원하는 것을 선택하도록 만들 수 있고, 대부분의 경우 사용자는 우리가 원하는 대로 선택할 것이다.

앵커링 효과(Anchoring Effect)

당신이 제시하는 첫 번째 숫자가 다른 사람이 머릿속에 연상하는 두 번째 숫자에 영향을 미치는 것을 뜻한다.

ex. 자선 활동에 기부해주세요 -> 대부분 평균 2달러에 그칠 가능성

but, 10달러를 기부해달라고 제안 -> 평균 5달러까지 오를 수도 있다.

밴드왜건 효과(Bandwagon Effect)

더 많은 사람이 무언가를 믿을수록 사람들이 믿을 가능성이 커진다.많은 사람이 믿는다고 해서 그 정보가 더 사실이 되거나 더 거짓이 되지는 않지만 뇌는 오류에 빠지기 쉽다.

미끼 효과(Decoy Effect)

신문을 구독하려고 하는데 다음과 같은 선택권이 주어진다면?

1. 온라인 신문: 10달러2. 종이 신문: 25달러3. 온라인 신문 & 종이 신문: 25달러

대부분 온라인 신문과 종이 신문을 함께 구독하는 것이 가장 좋을 거라고 생각할 확률이 80% 정도 될 것이다.
종이 신문 가격은 미끼이기 때문이다.

선택이라는 환상

1. 아무것도 선택하지 않는 것도 선택이다.

- 선택의 역설 : 선택권을 제시할수록 사용자는 선택하는 데 어려움을 느낀다.

2. 눈앞에 보이는 것이 전부다

모든 선택은 사용자가 목표에 도달할 수 있도록, 그 선택들이 목표에 잘 부합하도록 디자인해야 한다.

3. 디폴트를 신중하게 설정하라

사용자에게는 무언가를 하는 것보다 하지 않는 편이 훨씬 쉽다.

4. 여러 가지를 비교한 뒤 선택할 수 있게 하라

사용자는 여러 가지를 비교해보고 선택한다. 그러므로 당신이 선호하는 쪽이 더 나아 보이도록 비교군을 만들어야 한다.

관심

모션
서프라이즈
큰 텍스트
사운드
콘트라스트(Constrast)와 색상
관심을 끌기 위한 희생

UX는 완벽한 세상을 창조하는 작업이 아니다.
UX는 우리의 목표와 경쟁하는 모든 요소를 제거하는 작업이다.
좋은 UX는 더하는 것이 아니라 빼는 것이다.

기억

기억은 떠올릴 때마다 조금씩 변한다.
모든 기억은 공평하게 남지 않는다.
편향을 통해 강조하라
좋은 부분을 상기시켜라
습관이 되게 만들어라
개별화하라
리서치와 기억
잘못된 기억을 조심하라

가치 폄하 효과

현재 일어난 일이 미래에 일어날 일보다 더 중요하게 느껴지는 현상이다.
사용성이란 기본적으로 사람들이 원하는 것에 '지금' 도달하게 하거나, 가능하면 적은 노력으로 원하는 바를 이룰 수 있게 하는 것이다.
더 많은 수고를 들여야 하거나 더 오래 기다려야 할수록 그 경험은 좋지 않은 것으로 여겨질 가능성이 크다.

[하루 5분 UX] 사용자 리서치

Tue, 31 Oct 2023 10:51:51 +0900

사용자 리서치란 무엇인가

언제 하느냐보다 무엇을 하느냐가 중요하다

사용자 리서치를 하는 데 있어 나쁜 시간이란 없다.
정말 중요한 것은 언제 하느냐가 아니라, 무엇을 하느냐다.

주관적 리서치

정답이 없는 주관적인 정보를 얻기 위해서는 사람들에게 질문을 해야 한다.

객관적 리서치

객관적인 데이터는 측정값과 통계 형식으로 알 수 있다.

그러나 무언가를 셀 수 있다고 해서 그것이 객관적이거나 '데이터'인 것은 아니다.

최대한 많은 정보를 모아라

리서치를 할 때는 최대한 많은 정보를 모아야 한다.

사용자 리서치가 아닌 것

사용자 리서치 = 사용자가 디자인을 테스트하는 것

만약 사용자가 의도한 대로 행동하지 않거나 무언가를 이해하지 못했다면 그건 사용자가 아닌 디자이너의 잘못이다.

사용자는 미래를 점치는 수정 구슬이 아니다

디자이너가 해야 하는 일은 사용자가 하는 말을 경청하는 것이다.
사용자가 무슨 생각을 하는지 알아보고, 목표한 것을 달성하기 위해 어떤 노력을 하는지 지켜보고, 당신이 디자인 한 프로세스 내에서 어떻게, 그리고 왜 길을 잃게 되는지 살펴보고, 문제의 해결책을 찾아야 한다.

아이디어와 솔루션은 다르다

합의는 UX 전략이 아니다

사용자 리서치는 자신이 생각한 것을 확인하는 방법이 아니라 자신이 생각해야 할 것을 발견하는 방법이다.

더 많은 사용자에게 물어라

헷갈린다면 더 많은 사용자에게 확인하라

다양한 유형의 사용자를 테스트하라

질문 방식

3가지 기본적인 질문 유형

1. 개방형 질문 : 가능한 많은 피드백을 받기를 원할 때 유용하게 사용할 수 있으며 폭넓은 답을 허용한다.

2. 유도 질문 : 답을 특정 유형으로 제한한다.

3. 폐쇄형/직접적 질문 : 선택권을 제시한다. '예', '아니오' 등

사용자 관찰방법

사용자의 몸짓, 표정 등을 놓치지 마라

사용자가 선택하는 모든 것을 확인하라

사용자들이 솔루션을 어떻게 찾아가는지, 왜 솔루션이 그곳에 있다고 생각하는지, 솔루션을 찾기 위해 어떤 단서들을 사용하는지, 사용자들이 생각하기에 태스크를 완료했는지, 아니면 완료하지 못했는지 등을 기록해야 한다.

도움을 주지 마라

사용자가 실패하도록 둠으로써 얻게 될 정보가 유용할 수도 있다.

사용자는 거짓말을 하기도 한다

인터뷰

인터뷰가 좋은 이유

추가 질문을 할 수 있다.
사용자를 지켜보며 비언어적인 단서들을 얻을 수 있다.
테스트 참가자를 엄선할 수 있다.

인터뷰가 나쁜 이유

테스트 참가자들은 인터뷰를 진행하는 사람에게 인정받기 위해 자신의 행동과 의견을 조정할 가능성이 있다.
사람들을 인터뷰 장소까지 오게 만드는 것은 결코 쉽지 않다. 예상보다 적은 인원을 대상으로 테스트하기도 한다.
직접 얼굴을 마주해야 하는 인터뷰 특성상 부끄러운 감정을 유발하는 제품 및 서비스에 대해 묻기에는 적합하지 않다.
내성적인 사용자라면 대면 인터뷰보다 나쁜 방식은 없다.

인터뷰가 필요한 경우

복잡한 과정과 결정 사항이 수반되는 주관적인 상품을 테스트해야 한다면 인터뷰가 적합하다.
사용자 행동에 따른 후속 질문이 필요할 때도 인터뷰가 유용하다.

설문조사

설문조사가 좋은 이유

사용자가 비공개 형식으로 참여할 수 있어 솔직하게 답할 수 있다.
모든 사용자는 정확히 같은 질문을 받으므로 누군가가 잘못된 질문을 던져 조사를 망치는 일을 막을 수 있다.
참가자를 수천 명 단위로 모집할 수 있으며 비용이 적게 든다.

설문조사가 나쁜 이유

추가 질문을 할 수 없으므로 설문지를 만들 때 꼼꼼하게 준비해야 한다.
질문을 하는 방식이나 선택지를 나열한 순서 등이 의도치 않게 결과에 영향을 미칠 수 있다.
설문조사 내용이 길면 끝까지 완료하지 못할 수도 있다.
자신이 생각한 결과가 나오지 않았다고 해서 설문조사를 다시 진행할 수는 없다.

설문조사가 필요한 경우

수집한 답변을 비교하거나, 질문 방식을 통제하거나, 아주 많은 사람에게 질문하거나, 나이, 성, 지역 등을 조합해 질문해야 한다면 설문조사가 적합하다.

카드 소팅

카드 소팅이란

사용자에게 주제나 아이디어가 적힌 카드 한 세트를 주고 자신이 생각하기에 적합한 카테고리로 그 카드들을 분류하도록 하는 것이다.
메뉴와 인포메이션 아키텍처를 디자인하는 데 유용하게 이용할 수 있다.

카드 소팅이 좋은 이유

언뜻 보기에 무작위적이고 연관성 없어 보이는 아이디어 더미 속에서 일정한 규칙을 발견하거나 사용자들의 우선순위를 알 수 있다.

사용자에게 직접 물을 필요도 없다.

카드 소팅이 나쁜 이유

실험에 제시한 답안 이상의 훌륭한 답안이 나올 수 없다.
의미가 통하는, 통하지 않든 사용자는 테스트를 진행하는 사람이 제공한 카드로만 결과를 만들 수 있다.

카드 소팅이 필요한 경우

어떤 종류의 콘텐츠나 기능을 포함할지는 결정했지만 그것들을 어떻게 조합할지 실제적인 전략은 떠오르지 않을 때 활용하면 좋다.

사용자 프로필

사용자 프로필/페르소나란

프로필, 또는 페르소나란 실제 사람들의 목표와 기대, 동기, 행동을 묘사한 것이다.
사용자들이 특정 웹 사이트에 방문하는 이유는 무엇일까? 무엇을 찾으러 왔을까?
필요한 모든 정보는 직접 조사한 리서치와 데이터 안에 담겨있어야 한다.

이상적인 사용자 모델

모든 사용자는 다르다는 사실을 명심해야 한다.
몇 개의 다른 행동 그룹과 그에 적합한 유용한 프로필을 만드는 것이 필요하다.

디바이스

1. 손가락 or 마우스?

2. 작은 것부터 시작하라

모바일을 먼저 디자인하는 이유는 제일 작고 제일 전력이 낮은 디바이스를 먼저 디자인하면 콘텐츠와 핵심 기능에 집중할 수 있기 때문이다.

3. 이 디바이스만의 특별한 장점은 무엇인가

모바일 디바이스 - 이동성 편리
노트북 - 강력한 성능

4. 소프트웨어를 고려하라

디자인을 하기 전에 UX 가이드라인을 꼼꼼히 읽어야 한다.
한 소프트웨어를 지원할 때마다 추후 그에 따른 디자인과 개발, 유지 보수 시간도 증가한다는 사실을 잊지 말아야 한다.

5. 상황에 맞춰라

현대 사회의 인터넷은 모든 디바이스에서 작동한다.
디바이스별로 몇 개의 다른 레이아웃을 만들지, 아니면 모든 유형의 디바이스에 완전히 반응하도록 디자인할지 결정해야 한다.

6. 동시에 여러 개의 기기를 사용하는 상황에 대비하라

여러 개의 디바이스에 접속해 데이터를 주고받을 수 있는가?
한 디바이스의 위치가 다른 디바이스에서도 활용될 수 있는가?
실시간으로 작업하는 데 문제가 있는가?
2명의 사용자가 다른 디바이스를 통해 동시에 동일 계정에 접속하면 어떻게 되는가?

[하루 5분 UX] 행동의 기초

Mon, 30 Oct 2023 18:43:08 +0900

심리 vs 문화

심리: 인간의 특성이고, 예측 가능하며, 디자인하는 데 활용할 수 있다. 그러나 이에 나타나는 차이점 또한 유용하다.
문화: 문화라는 것을 개개인마다 다르다. 비슷한 경험과 성향을 지닌 사람들은 비슷한 문화를 가지고 있겠지만 개인적 차원으로 내려가면 문화란 무엇이든 될 수 있다.

사용자 심리

사용자 심리가 필요한 이유

UX 디자인이란 당신이 사람들로 하여금 느끼고, 생각하고, 행동하게 하는 것이다.

같은 디자인이라 하더라도 사람들에게는 모두 다르게 보일 수도 있다.

경험이란 무엇인가

1. 사용자가 느끼는 것

2. 사용자가 원하는 것

사용자의 동기는 행동을 유발하는 엔진과 같다.

3. 사용자가 생각하는 것

사용자에게 무엇을 이해하게 하거나, 설명서를 읽게 하거나, 새로운 기능을 배우게 하거나, 링크를 따라가게 하거나 등등

4. 사용자가 믿는 것

5. 사용자가 기억하는 것

디자인은 사람들에게 어떤 부분을 기억하게 하고, 어떤 부분을 잊게 할지 결정할 수 있다.

6. 사용자가 깨닫지 못하는 것

UX 디자이너는 인포메이션 아키텍처나 휴리스틱처럼 사용자들이 절대 알아차리지 못하고, 그래서 피드백을 줄 수도 없으며, 아마도 절대 기억하지 못하는 것들 또한 디자인해야 한다.
이러한 디자인 요소들은 사용자의 행동에 영향을 마치며, 데이터만이 방법을 알려줄 수 있다.

의식적 경험 vs 무의식적 경험

의식적 경험

"기쁨" 효과 ➡️ 사용자가 "와!"하고 놀랄 만한 것을 디자인하는 기술
기쁨을 만들어내는 데 있어 한 가지 분명한 점은 사용자가 명확히 그것을 인지할 수 있어야 한다는 것이다.

무의식적 경험

사용성이란 정신적으로 디자인을 인지할 수 없도록 만드는 기술이다.

감정에 관하여

이득과 손실

감정은 2가지 측면으로 발생한다.
좋은 것과 나쁜 것, 긍정적인 것과 부정적인 것, 행복한 것과 불행한 것

감정은 목표가 아닌 반응이다

느낌에는 2가지 종류가 있다. 동기와 감정
동기는 우리가 원하는 것이고(목표), 감정은 원하는 것을 얻거나 잃을 때 느끼는 것이다(피드백).

사용자가 자기가 얻은 이익과 손실에 대해서 유용한 감정을 느낄 수 있도록 점수나 배지, 단계, 좋아요, 팔로워 등 어떤 방식의 피드백이든 줄 수 있다.

시간은 감정을 더 복잡하게 만든다

사용자가 당신의 디자인을 경험하는 동안 편안하게 사용할 수 있도록 필요한 정보와 신호를 제때 제공하고 그들의 감정을 잘 관리해야 한다.

동기란 무엇인가

동기는 상대적인 개념이다. 절대적인 양이 중요한 게 아니라 기존에 갖고 있던 것이나 다른 사람들이 가진 것과 비교해 얼마나 더 가질 수 있는지가 중요하다.

사랑하는 대상

사용자들이 각자 정의하는 '완벽'의 기준이 다르다. 필터를 적용하고, 비교하고, 질문하고, 저장하고, 다음에 이어 할 수 있는 기능들을 제공하라.

소속감

사용자가 그룹에 가입할 수 있게 하고 그룹의 공통점을 전시할 수 있게 하라. 길드에 가입하거나 좋아하는 게시물에 '좋아요'를 누르거나 색깔 배색을 선택할 수 있도록 말이다.

지위

사용자들에게 권한을 주어야 한다.
사용자가 하는 것이라면 무엇이든 경쟁이 될 수 있다. 멋진 프로필 사진, 팔로워 수 등등
우리는 그저 경쟁을 유발하는 동기를 어떻게 사용할지 선택하기만 하면 된다.
프로필 사진이나 개인 정보 보호 설정 같은 특정 기능들은 사용자가 설정할 수 있도록 권한을 주되, 그것들을 통해 중요한 선택을 할 수 있도록 해서는 안된다.
또 사용자가 다른 사람들과 자신을 비교할 수 있도록 사용자 행동을 측정하는 방법을 만들어야 한다.

정의

행동 규칙을 정하고 상호 예의와 존중이 지켜지도록 해야 한다. 또는 사용자에게 챔피언을 선택할 수 있는 권한을 주어도 좋다.

무언가를 알고 싶은 욕구 = 호기심

사용자들이 이해하고 싶어하는 것들도 고려해야 한다.
당신의 제품을 실제 동기와 관련된 이득으로 보이게 하거나 제품을 갖지 못하는 것이 손실처럼 보이게 만들어라.

[하루 5분 UX] 명심해야 할 것

Fri, 27 Oct 2023 20:49:13 +0900

사용자 목표와 비즈니스 목표

사용자 목표: 사용자는 반드시 원하는 게 있다.
비즈니스 목표: 비즈니스 목표를 구체화하는 것은 매우 중요하다.
목표를 일치시켜라: UX 디자이너의 진짜 능력은 사용자가 원하는 것을 이루는 동시에 그 비즈니스 또한 이익을 얻을 수 있도록 그 둘의 목표를 일치시키는 데 있다.

➡️ 유튜브 - 광고를 통해 수익 창출, 사용자 목표 - 좋은 영상을 찾는 것

영상 중간중간에 광고가 나오도록 하는 것은 자연스러운 비즈니스 형태이다.

✔️ 유튜브가 더 큰 수익을 올릴 수 있도록 도와주는 방법은?

원하는 영상과 그와 관련된 영상들을 쉽게 찾을 수 있도록 디자인해 결국 사용자들이 더 많은 영상을 시청하게 만드는 것이다.

UX 는 프로세스다

UX는 일회성 이벤트나 단기 태스크가 아니다.

UX가 프로세스 전반에 고려되지 않는다면 필연적으로 나쁜 UX가 될 수밖에 없다.

UX 디자이너로서 참여해야 하는 프로세스는 필요한 정보를 수집하고, 사용자 정보를 리서치하고, 솔루션을 디자인하고, 그것이 잘 실행되는지 확인하고, 결과를 측정하는 것까지다.

질문의 중요성

제품 프로세스 초기 단계부터 UX가 적용되어야 더 나은 결과를 낼 수 있다.

필수 요건 수집하기

디자인에 직접 영향을 받는 각 부서 '이해당사자들'과 지속적으로 의견을 나누는 것이 중요하다.

의견 통합하기

UX 디자이너로서 디자인 작업에 들어가기 전에 자신의 아이디어를 설득시킬 수 있는 충분한 근거를 마련해두어야 한다.

명확한 근거를 바탕으로 이해시켜라

좋은 리서치와 좋은 이론, 좋은 데이터는 설득력이 있다.

[하루 5분 UX] 핵심 아이디어

Thu, 26 Oct 2023 16:38:07 +0900

UX란 무엇인가

UX 디자이너 목표 : 사용자가 쓰기 편하게 만드는 것
"사용자 경험"은 빙산의 일각
UX란 사용자 경험 디자인 프로세스를 따라 "진행"하는 것이다.
사용자 이해를 위한 리서치 수행 -> 아이디어 구상 -> 구현 후 확인

UX의 5대 핵심 요소

심리
사용성
디자인
UX 라이팅
분석

1. 심리

사용자가 의도한 바는 무엇인가?
사용자는 버튼을 클릭할 때 무엇을 예상하는가?
사용자는 배운 적 없는 내용을 이미 잘 알고 있다고 가정하진 않았는가?

사용자의 마음은 복잡하다. UXer들 또한 주관적인 생각과 감정에 많은 부분 의존하며 일한다.

2. 사용성

사용이 쉽고 명료한가, 아니면 그 반대인가?
사용자 입장에서 만들었는가, 아니면 그 반대인가?
자신의 논리와 분류 방식에 따라 만들었는가, 아니면 사용자의 직관을 따랐는가? 그건 어떻게 판단할 수 있는가?

사용성은 의식의 영역이다.

3. 디자인

글로 쓰여 있지 않더라도 사용자가 목적과 기능을 알 수 있는가?
해당 브랜드를 잘 나타내는가? 통일감을 주는가?
클릭 버튼은 다른 것들과 구별되는가?

4. UX 라이팅

사용자가 목표에 잘 도달할 수 있도록 동기를 부여하는가? 그것이 우리가 원하는 바가 맞는가?
단순하고 명료하며 직설적이면서도 기능적인가?

UX 라이팅은 최대한 단순하고 명료해야 한다.

5. 분석

자신의 말이 옳다는 사실을 증명하는 데이터만 활용하는가, 사실을 객관적으로 받아들이는가?
사용자들이 그렇게 행동하는 이유를 그저 수박 겉핥기식으로 알고 있는가, 아니면 그들이 하는 행동의 의미를 잘 이해하고 있는가?

당신의 관점

내가 원하는 것들은 사용자에게 중요하지 않다.
내가 알고 있는 것들은 사용자에게 중요하지 않다.

✔️ 리서치를 하라
✔️ 사용자와 대화하라
✔️ 데이터를 연구하라

자신보다 덜 아는 사람을 위해 디자인하라

사용자들이 알지 못한다는 건 사실 그들은 관심이 없다는 뜻이다.

사용자 관점의 3가지 "What"

"이게 뭐지?"

분명하면서도 단순한 언어를 사용해 말해줘야 한다.

"나와 관련된 내용이 뭐지?"

사용자가 어떤 이득을 얻을 수 있는지도 간략하게 말해주는 것이 효과적이다.

✔️ 사용자가 관심 있어 할 만한 내용을 이야기해야 한다.

솔루션 vs 아이디어

사용자에게 의미 있는 아이디어를 내야 한다.

UX란, 특별한 유형의 디자인이다. 틀릴 수도 있고 그것이 틀렸다는 걸 증명할 수도 있다.

어떤 웹 사이트에서는 통했던 솔루션이 다른 웹 사이트에서는 통하지 않을 수도 있다.

UX 임팩트 피라미드

눈에 보이는 것들은 빙산의 일각일 뿐이다. 가장 중요한 것은 완전히 가려져 보이지 않는다.

독도의 날_네이버 지도

Wed, 25 Oct 2023 21:03:53 +0900

독도의 날을 맞아 네이버 지도의 독도 영역에 독도 아이콘과 태극기 아이콘이 추가된 것을 볼 수 있다.

독도 주변에서 거리뷰 아이콘을 누르면 거리뷰/수중뷰를 볼 수 있다.

* 독도 거리뷰 기능은 2011년부터 서비스를 제공했다고 한다.

독도 주변 거리뷰를 살펴볼 때 지도 화면이 줌아웃 되어서 사용자가 다시 줌을 해야 경로를 확인할 수 있다는 점은 아쉬웠다.

[원데이 클래스] UI/UX디자인 피그마(Figma) 스터디

Tue, 29 Aug 2023 17:34:07 +0900

https://www.kipa.org/webzine/vol465/common/images/sub06_03.jpg

유튜브에 무료 피그마 강의도 많고, 유료 인터넷 강의도 많지만 혼자 강의를 들으면서 따라하는 것은 큰 흥미가 생기지 않았다.

우연히 인스타그램에서 발견한 원데이클래스 피그마 강의를 보고 친구와 신청했다.

6시간만에 피그마 왕초보 탈출하기가 목표였는데
수업 후, 기본적인 UI를 그릴 수 있는(?) 실력을 갖추게 되었다.

수업 시작 전

코로나 이후 오랜만에 오프라인 클래스 수업을 들어서 살짝 긴장했다.

6시간동안 지루하지 않고, 잘 배울 수 있을까 하는 생각도 있었지만
그것은 경기도 오산..ㅎ

넷플릭스, 토스 실습

4시간 실습 작품

정말 시간이 어떻게 지나간지도 모르게 기본적인 피그마 이론, 실습을 진행한 후
각자 만들고 싶은 앱 UI를 작업하며 1:1 피드백을 받으니 저녁 8시가 지나가버렸다!

평소 앱 UI를 볼 때 지나쳤던 것을 내가 직접 한 땀 한 땀 만들면서 UI를 보니까 디테일한 것까지 알 수 있어서 좋았다

하루만에 피그마를 정복하겠다는 생각에 수업이 끝난 후 진이 빠졌지만 정말 뿌듯한 하루!!

저녁 시간을 훌쩍 넘기고 친구와 맥날에서 간단히 저녁을 먹었는데
둘 다 혼이 나간 채로 햄버거를 먹고 있는 모습에 서로 빵터짐ㅋㅋㅋㅋ 너무 웃겼다
주말에 빡세게 공부한 직장인 둘✌️

피그마 원데이 클래스도 만족도 100%였고, 응용 클래스는 시간이 된다면 나중에 신청하는 것으로!!

바이럴 루프(Viral loop)

Tue, 30 May 2023 21:55:17 +0900

바이럴 루프(Viral loop)란, 제품이나 서비스를 이용한 사람들이 그것을 다른 사람들과 공유하고 홍보하여 사용자들의 네트워크가 지수적으로 확장되는 현상을 말합니다. 이는 사회망, 소셜 미디어, 이메일, 메신저 등을 통해 정보가 빠르게 전파되는 현대의 디지털 환경에서 특히 중요한 개념입니다.

바이럴 루프는 일종의 양극화된 긍정적 피드백 루프로 작동합니다. 예를 들어, 어떤 앱이 사람들이 그 앱을 사용할수록 더 많은 혜택이 주어지는 구조를 가지고 있다고 가정해보겠습니다. 이 경우, 초기 사용자들이 앱을 사용하고 혜택을 누리면 그들은 앱을 더 많은 사람들과 공유하게 됩니다. 새로운 사용자들이 참여하면서 앱의 사용자 수가 늘어나면, 더 많은 사람들이 혜택을 누리게 되고 또 다른 사람들과 공유하게 됩니다. 이런식으로 계속해서 반복되면서 앱의 사용자 수는 기하급수적으로 증가하게 되는 것이죠.

바이럴 루프는 제품이나 서비스의 홍보와 고객 확보에 매우 효과적인 전략입니다. 예를 들어, 소셜 미디어 플랫폼에서 제품을 공유하는 것은 많은 사람들에게 도달하고 관심을 끌 수 있는 좋은 방법입니다. 하지만 바이럴 루프는 제품 자체가 사용자들에게 가치를 제공하고 그들이 자연스럽게 공유하게 만들어야만 성공할 수 있습니다.

chatGPT의 답변

쉽게 말하면,

서비스를 경험한 사용자가 바이럴 즉, 입소문을 통해 다른 사용자를 계속 끌어들이는 선순환 구조를 의미한다.

특별한 경험을 한 사용자는 다른 사람에게 직접 이야기하거나 소셜 미디어를 통해 후기를 공유한다. 후기를 접한 새로운 사용자가 유입되고, 그 사용자가 다시 후기를 공유하는 패턴이 반복되며 루프가 만들어진다. 이를 바이럴 루프가 만들어졌다고 말한다.

이때 생각나는 개념

'AARRR' 분석

1. Acquisition (유입): 제품이나 서비스에 새로운 사용자를 유입시키는 단계입니다. 이 단계에서는 마케팅, 광고, 검색 엔진 최적화 등을 통해 사용자들을 유치하고 효과적인 트래픽을 생성합니다.

2. Activation (활성화): 사용자들이 제품이나 서비스를 처음으로 경험하고 활성화되는 단계입니다. 이 단계에서는 사용자들이 제품을 어떻게 사용해야 하는지 이해하고 그들의 관심과 참여를 유도하는 것이 중요합니다.

3. Retention (유지): 사용자들이 제품이나 서비스를 계속해서 사용하고 유지하는 단계입니다. 이 단계에서는 사용자들이 가치를 느끼고 만족하며 제품을 지속적으로 이용하도록 유도하는 전략과 기능을 구현해야 합니다.

4. Revenue (수익): 사용자들로부터 수익을 창출하는 단계입니다. 이 단계에서는 사용자들이 제품이나 서비스를 구매하거나 구독하는 등의 액션을 취할 때 수익이 발생하게 됩니다.

5. Referral (추천): 현재 사용자들이 다른 사람들에게 제품이나 서비스를 추천하고 공유하는 단계입니다. 이 단계에서는 만족한 사용자들을 활성화하여 제품의 홍보와 네트워크 확장에 기여하도록 유도합니다.

AARRR 프레임워크는 이러한 다섯 가지 지표를 사용하여 제품 또는 서비스의 성과를 평가하고 각 단계에서의 문제점과 개선점을 식별할 수 있습니다. 이를 통해 비즈니스는 사용자 획득부터 유지, 수익화, 홍보까지의 과정을 효과적으로 관리하여 성장과 발전을 이룰 수 있습니다.

고객을 사로잡은 디테일은 '바이럴 루프'가 자연스럽게 만들어진다.

[제로베이스 pm스쿨] 매일학습일지 Week 8-5

Fri, 28 Apr 2023 21:15:39 +0900

✍ 오늘의 할 일

- 8주차 과제

- 카카오페이 PM님 특강

- 매일학습일지

8주차 과제를 시작하고, 퇴근하자마자 특강을 들었다.

포트폴리오 꿀팁과 평소 궁금하던 질문에 대한 답변을 해주셔서 좋았다.

시간적 여유가 되면 추천 도서도 빨리 읽어야겠다.

[제로베이스 pm스쿨] 매일학습일지 Week 8-4

Thu, 27 Apr 2023 21:50:48 +0900

✍ 오늘의 할 일

- 챕터 22~24 강의 듣기

- 매일학습일지

플랫폼 개념의 진화

하드웨어 -> 소프트웨어 -> 서비스

하드웨어 플랫폼

소프트웨어 플랫폼

서비스 플랫폼

서비스 플랫폼 유형

거래 플랫폼 - 우버, 에어비앤비

생태계 플랫폼 - 앱스토어, 플레이 스토어

멀티플레이어 플랫폼 - 페이스북, 네이버

슈퍼앱과 멀티앱

최초의 슈퍼앱 - 위챗

위챗 내 위챗페이, 미니 프로그램의 등장

미니 프로그램

: 위챗 내 프로그램 다운

(공급자 입장) 위챗의 사용자 트래픽 확보 → 마케팅이나 홍보 시간과 비용 절감되는 효과, 사용자 정보 확보에도 큰 도움이 된다.

단점

- 용량이 딱 10 메가 바이트로 정해져 있어서 무겁거나 특수한 기능을 만들고 싶으면 처음부터 미니 프로그램으로 만들 수 없다.

- 위챗 내 미니 프로그램이 500만개 이상으로 많아지고 있기 때문에 그 안에서의 경쟁도 점점 치열해지고 있다.

다양한 슈퍼앱의 케이스

알리페이, 그랩, 고젝, 폰페, 페이틈 등등

한국의 슈퍼앱

네이버, 카카오, 쿠팡, 야놀자, 배달의 민족 등등

슈퍼앱 기획 시 고려해야 하는 점, 기획 프로세스

모놀리식 서비스 vs 마이크로 서비스

다양하고 복잡한 비즈니스가 얽혀있는 슈퍼앱 → 마이크로 서비스의 전환이 필수

슈퍼앱 방향성

1. 미니앱 오픈을 통한 슈퍼앱 개방

2. 자체 개발을 통한 신규 서비스 기획

3. API 연동을 통한 외부 서비스 연동

커머스 서비스에 대한 이해

종합몰 vs 오픈마켓 vs 소셜커머스

종합몰 : 롯데백화점으로 시작

오픈마켓 : 옥션으로 시작

소셜커머스: 쿠팡으로 시작

스마트 스토어 : 사업자 없이도 누구든지 입점을 할 수가 있고, 입점비도 없고, 수수료도 상당히 낮은 편이라서 최근에는 직장인들의 투잡으로도 유명했다.

신생 전문 쇼핑앱 : 버티컬 커머스 앱

MECE 법칙

Mutually Exclusive, Collectively Exhaustive의 약자

각 영역이 중복되지 않으면서, 합쳤을 때 누락되지 않도록 구성하는 것이다.

[제로베이스 pm스쿨] 매일학습일지 Week 8-3

Wed, 26 Apr 2023 17:15:26 +0900

✍ 오늘의 할 일

- 챕터 19 강의 듣기

- 아티클 스터디 1개

- 케이스 스터디 2개

- 매일학습일지

광고 상품의 종류

Display AD: 광고지면에 이미지로 노출되는 광고

Search AD: 키워드를 통해 광고를 추천

Conversation AD: 채팅 서비스 플랫폼에서 주로 제공, 대부분 비즈니스 계정을 통해 CRM마케팅 진행

퍼포먼스 마케팅

데이터 수집, 분석 디지털 영역에서 소비자 행동 트래킹 → 맞춤 타겟팅 광고 운영하는 마케팅 기법

4R

Right Audience: 적합한 사용자에게

Right Place: 적합한 장소에서

Right Time: 적합한 시간에

Right Contents: 적합한 콘텐츠를 제공해야

그 효율이 좋을 수 있다.

타겟팅 광고 활용

캠페인 집행 초기에는 타겟 사용자층이 명확히 특정되지 않을 가능성이 높다.

규모가 작고 집행기간이 짧은 경우 A/B테스트의 활용이 더 효과적이나, 리소스 소요가 높음

인포그래픽 데이터

사용자 개인데이터를 중심으로 확보한 추정데이터

리타겟팅 데이터

각 사용자의 서비스 활용 내역을 기반으로 타겟팅 하는 기법

[제로베이스 pm스쿨] 매일학습일지 Week 8-2

Wed, 26 Apr 2023 00:07:34 +0900

✍ 오늘의 할 일

- 챕터 18 강의 듣기

- 아티클 스터디 2개

- 케이스 스터디 1개

- 매일학습일지

플랫폼 성장 사이클

플랫폼 비즈니스

생태계를 구축하고 수요자와 공급자 간의 거래를 촉진하여 특정 가치를 포착하여 수익을 창출하는 비즈니스 모델

거래 플랫폼 (2-sided Platform)

가장 기본적인 플랫폼의 형태이며, 플랫폼 사업자는 재고를 소유하지 않고 생태계를 제공한다.

주요 BM: 거래당 수수료 모델

싱글 플랫폼 (1-side Platform)

주로 기술기반의 플랫폼 기업에서 취하는 형태이며, 공급자에게 필요한 기능 혹은 솔루션을 제공함으로서 사용료 받는 방식

주요 BM: 통신별 사용료(Transaction Fee), 기능별 사용료, 월별 사용료

멀티 플랫폼 (Multi-sided Platform)

가장 확장된 형태의 플랫폼이며, 두개 이상의 서로 다른 유형의 제휴 고객 안의 직접적인 상호작용을 가능하게 함

주요 BM: 광고비용, 거래당 수수료, 플랫폼 사용료

멀티 플랫폼으로서의 페이스북

전세계 인터넷 인구 50억 이하 -> 페이스북 이용자 25억 이상

페이스북의 모든 사업 기반 = 트래픽

무료 서비스 제공 -> 트래픽 확보 -> 비즈니스 전개

페이스북: 개인 아이디, 타임라인 기준으로 만들어진 친구 관계를 기반으로 운영되고 있는 서비스 플랫폼

AD(Advertisingment platform)플랫폼 : 페이스북에서 제공하고 있는 광고주

커머스 플랫폼 : 페이스북 메신저, 인스타그램 등을 통해서 상거래를 이뤄지게 하고, 상거래에서 발생하는 다양한 CRM을 운영하는 툴을 제공하는 역할

[제로베이스 pm스쿨] 매일학습일지 Week 8-1

Mon, 24 Apr 2023 21:38:30 +0900

✍ 오늘의 할 일

- 7주차 과제 완료 및 제출

- 챕터 18 강의 듣기

- 매일학습일지

벌써 8주차라니 시간이 너무 빠른 것 같다.

회사와 병행하다보니 정말 빡센 스케줄인데 그래도 버티고 있다.. 직무전환이 목표니까!

이번주는 강의와 개인 스터디를 빠르게 끝내고 최종 과제를 시작해야겠다.

[제로베이스 pm스쿨] 매일학습일지 Week 7-5

Fri, 21 Apr 2023 23:30:01 +0900

✍ 오늘의 할 일

- 챕터 17 강의 정리

- 아이데이션 스터디 1개

- 매일학습일지

모바일 플랫폼 가이드라인

왜 OS 표준 가이드라인을 알고 있어야 될까요?

- 익숙한 사용환경

- 개발 효율성

- 시간 절약

- 마켓 등록 거절 사유가 될 수 있다.

심리학 이론을 활용하면

1. 빠르게 예측하고 사용할 수 있도록 도움을 준다.

2. 학습 시간을 단축시키고 에러 발생을 낮출 수 있다.

3. 의사결정에 드는 시간을 단축시킬 수 있다.

4. 인지과부하를 줄이는 데 도움이 된다.

Von Restorff Effect

비슷한 사물이 여러 개 있으면 그 중에서 가장 차이가 나는 한 가지만 기억할 가능성이 크다.

Ex. 에어비앤비 예약 버튼 크기, 색상

밀러의 법칙

인간이 덩어리화를 활용해 정보를 효과적으로 암기할 수 있다.

서열 위치 효과

목록의 중간 위치항목보다 처음과 끝에 위치한 항목을 더 잘 기억한다.

피크엔드 법칙

인간은 경험 전체의 평균이나 합계가 아니라, 결정의 순간과 마지막 순간에 느낀 감정을 바탕으로 경험을 판단하는 경향이 있다.

긍정적인 순간보다 부정적인 순간을 더 생생하게 기억한다.

협업에서 사용되는 Tool

JIRA - Atlassian에서 만든 개발 및 협업 도구

PPT - 휴먼에러, 관리(수정) 불편함

Slack - 조직 또는 프로젝트별 소통 창구

Balsamic - 프로토타입 제작 툴

Invision - 프로토타입 제작 툴

Sketch - Vector design Tool

Abstract - Collaboration Tool

Zeplin - GUI 개발 guideline 대체 툴

Figma - 프로토타입 제작 툴

[제로베이스 pm스쿨] 매일학습일지 Week 7-4

Fri, 21 Apr 2023 08:41:38 +0900

✍ 오늘의 할 일

- 챕터 17 강의 완료

- 케이스 스터디 1개

- 매일학습일지

운영체제

1. 운영체제는 하드웨어를 관리해 준다.

하드웨어의 용량이 얼마나 있는지 확인할 수 있고, 보조 기억장치를 관리한다.

2. 프로그램을 설치하고 실행하는 것도 관리한다.

같은 프로그램이어도 설치되는 운영체제가 다르면 운영체제에서 지원하는 언어로 개발되어야 한다.

서버와 클라이언트의 관계

서버에서 정한 체계에 맞춰서 요청을 한다.

쿠키(Cookie)

앱 또는 웹사이트를 방문하는 유저들에 대한 정보를 저장하는 주된 방법이다.

쿠키는 최대 4KB의 용량을 가진 매우 작은 양의 데이터를 저장한다.

단점: 보안에 취약함

세션 쿠키

: 쿠키에 만료일이 포함되어 있지 않은 경우, 메모리에 저장되고, 하드 디스크에 남지 않는다.

브라우저를 닫으면 영구적으로 손실된다.

영구적 쿠키

: 쿠키에 만료일이 포함되어 있는 경우, 브라우저를 종료해도 하드 디스크에 남는다.

만료 시기가 되면 삭제된다.

세션(Session)

일정 시간 동안 같은 사용자의 브라우저로부터 들어오는 일련의 요구를 하나의 상태로 보고 그 상태를 일정하게 유지시키는 기술이다.

일정시간이란 사용자가 웹 브라우저를 웹 서버에 접속한 시점으로부터 웹 브라우저를 종료함으로써 연결을 끝내는 시점이다.

쿠키와 다르게 세션은 서버에서 관리한다.

서버에서 클라이언트를 구분하기 위해 세션 ID를 부여한다. 브라우저를 종료할 때까지 인증 상태를 유지한다.

캐시(Cache)

캐싱의 의미는 데이터나 값을 미리 복사해 저장한다는 뜻이다.

웹사이트에 처음 접속할 때보다 다시 접속 했을 때 로딩시간이 단축되는 이유

토큰 기반 인증

인증 받은 사용자들에게 토큰을 발급하고 클라이언트에서 토큰을 저장했다가 서버에 요청할 때 토큰을 함께 보내서 토큰을 검증한 후 요청한 응답을 한다.

웹 접근성 준수 가이드

- 장애인 차별 금지법

- 컨텐츠의 색상 명도 채도 가이드라인

- 필수 권한 및 선택 권한

디자이너와 협업하기

색상(color)

Primary Color / Service Identity Color

메인 컬러 (Main Color), 키 컬러(Key Color), 브랜드 컬러(Brand Color)

GUI Design Guideline

- Color Pallet

- Typography

- Layout guideline

- UI guideline + icon style 정의

디자인 시스템

- 구글 material 가이드라인

- ios human interface guideline(HIG)

디자인 시스템이 필요한 이유

- 기획, 디자인, 개발 생산성을 향상시키고 비용 절감

- 일관된 브랜드 정체성과 높은 사용성 유지

- 업데이트도 빠르고 효율적

Affordance

사용자의 행동을 자연스럽게 유도

디자이너와 협업하기

1. PM/PO는 요구사항을 전달한다.

2. 개발과 디자인 사이에서 디자인 결과물이 정해진 리소스와 일정 안에서 가능한지 항상 고려하고 교통정리를 정리해줘야 한다.

3. 시스템 상황 변경에 대한 표현도 디자인이 되어야 한다.

4. 선 경청/후 협의: 데자인 결과물이 의도와 다르게 디자인 된 경우, 디자이너의 관점/철학을 물어보고 의도를 파악하자.

[제로베이스 pm스쿨] 매일학습일지 Week 7-3

Wed, 19 Apr 2023 21:52:03 +0900

✍ 오늘의 할 일

- 챕터 17 강의 (2/3)

- 아티클 스터디 1개

- 매일학습일지

프로덕트 목표와 지표 설정하기

AARRR 지표

PV (Page View, 페이지뷰)

: 페이지가 사용자에게 노출된 지표

UV(Unique View, 순방문자)

: 데이터 수집 기간 동안 페이지에 방문한 전체 사용자 중 중복되지 않은 순 방문자를 의미

전환율 (Conversion rate)

: 방문한 사용자 중 특정 행위를 한 방문자의 비율

이탈율 (Bounce Rate)

: 페이지와 상호작용하지 않고 사이트를 떠난 단일 페이지 세션의 비율

종료율 (Exit Rate)

: 방문한 모든 페이지를 대상으로 1개 이상의 페이지를 보고 화면을 종료한 방문(세션)행동의 비율

데이터 분석 목적

- 데이터를 분석할 때 항상 조직의 이슈를 기반으로 생각한다.

- 데이터는 숫자나 수치보다 패턴에서 발견되는 변화/추세가 중요하다.

- 문제를 개선하기 위한 가설을 수립하고, 조직에 공유하고 공감대를 얻는다.

- 문제를 발견한 시점의 데이터는 개선 후 결과 평가할 때 랜드마크로 활용한다.

- 최종적인 목적은 데이터를 분석하여 비지니스에 기여하고 성과를 창출하는 것이다.

프로덕트 관리 및 산출물

프로적트 기획 단계별 산출물

1. Product의 목표, 사용자 정의, 핵심 지표 설정

2. 구조 설계 - 인포메이션 아키텍처

3. 상위 기획 - 요구 정의서 (요건 정의)

4. 상세 설계 - 와이어프레임, workflow

일정관리

전체 일정 진행상황 파악, 업무 할당 및 진척도 확인

과거 - WBS(엑셀 파일)로 관리

현재 - JIRA로 일정&업무 진행도 실시간 확인 가능

프로덕트 배포

프로덕트 배포할 때 유의사항

1. 배포 일정은 개발 조직이 정한 배포 일정이나 절차가 있는지 먼저 확인한다.

2. 미리 배포 일정과 변경사항을 협업팀(법무팀, 마케팅팀, 고객센터)과 공유 협의한다.

3. 저녁 늦게 또는 금요일에는 배포하지 않는다.

4. 사용률이나 매출이 급증하는 기간에는 배포를 지양하자.

"배포일정을 정할 때 플랫폼을 고려하라"

1. iOS와 안드로이드는 특정 기관의 검토/승인이 필요하다.

iOS는 새로운 버전을 배포하려면 애플 앱스토어의 승인을 받아야 다운로드 업데이트가 가능하다.

안드로이드는 구글의 승인을 받아야 되짐나 상대적으로 덜 보수적이다.

2. 플랫폼 배포 순서와 일정을 다르게 진행한다.

국내에서는 안드로이드 앱을 먼저 업데이트한 후 몇 주후에 iOS앱을 업데이트 한다.

배포 주기를 정해서 배포해야 되는 이유

1. 여러 팀에서 동시 다발적으로 배포 시도할 경우 기술적인 문제가 발생할 가능성이 높아진다.

이는 서비스의 안정성, 신뢰도에 영향을 미친다.

2. 버전 관리의 어려움이 발생한다.

3. 수시로 업데이트 될 경우, 고객 경험의 일관성을 유지하기 어렵다.

RFP (Request for Proposal)

제안 요청서 : 발주자가 특정 과제의 수행에 필요한 요구사항을 체계적으로 정리하여 제시함으로써 제안자가 제안서를 작성하는데 도움을 주기 위한 문서이다.

메뉴 구조도

Main Structure를 파악할 수 있는 계층적 구조의 '메뉴 구조도'

I.A (Information Architecture)

정보 구조 설계, 어떤 기능을 하는 화면들이 어떤 뎁스

Wireframe

화면 단위의 구조(레이아웃)을 설계하는 작업

User Flow

실제 사용자들이 구체적으로 이용하는 순서에 따라 화면들이 전개되는지 정의

UI Workflow

Prototype을 활용한 Small test

처음 접하는 기능 또는 디자인을 어떻게 사용하는지 관찰하는 목적

Usability 휴리스틱

사용성을 평가하기 위한 척도로 사용되는 10가지 기준

신규 서비스를 출시 하기 전에 체크 리스트 기준으로 활용

1. 시스템 상태의 시각화

2. 시스템과 실제 세계의 일치 (Metaphor)

3. 사용자 제어와 자유

4. 일관성과 표준 (Consistency)

5. 에러 방지

6. 에러 인식, 진단, 복구

개발 플랫폼 정의

Web vs App 특징

Web	App
기준 해상도 정의 (예시: 1024 * 768)	표준 OS 설정 (안드로이드, iOS)
브라우저 호환성 강함 (iE9, Chrome, Firefox 등)	브라우저 호환성 약함 (Safari, Chrome)
마우스/키보드 인터페이스	터치 인터페이스
넓은 영역	제한된 영역
정보 우선순위에 대한 배치	정보 우선순위에 대한 노출 순서
웹접근성 준수	Native App의 경우 App 접근 권한 정의, 앱접근성 준수 (스마트폰 앱 접근 권한 안내서)
웹표준 준수 (HTML5, CSS, JavaScript)	앱 표준 Guideline

Native App

안드로이드 앱은 google play store에서,

iOS는 앱스토어에서 다운로드 가능하고 해당 OS에서만 실행된다.

Mobie Web

브라우저에 URL만 입력하면 어떤 디바이스에서도 동일한 내용을 확인할 수 있다.

Hybrid App

"네이티브앱 + 웹앱", 네이티브 앱에 웹뷰를 띄워 웹앱을 실행시키는 형태이다.

적응형 웹 (Adaptive Web)(과거)

데스크탑 버전과 모바일 버전의 사이트를 각각 제작해 운영주소 앞에 'm'을 붙인 '모바일 웹 페이지'

반응형 웹(Responsive Web)

하나의 소스 코드로 모든 스크린에 최적화된 웹 사이트를 구축할 수 있는 방법

브라우저 가로 넓이에 반응하여 구성 요소가 변하는 기술

플랫폼 출시 순서를 정할 때 고려하는 점

1. 내부 디자인과 개발, QA 리소스를 고려한다. 동시 오픈을 준비하더라도, 일정 간격을 두는 걸 권장한다.

2. 출시 국가에서 OS의 시장 점유율을 고려한다.

3. Target User가 선호하는 OS를 먼저 출시한다.

[제로베이스 pm스쿨] 매일학습일지 Week 7-2

Tue, 18 Apr 2023 10:36:37 +0900

✍ 오늘의 할 일

- 챕터 17 강의 (1/3)

- 케이스 스터디 1개

- 매일학습일지

프로덕트를 만드는 사람들 1

서비스 기획자/PO/PM - 중간 관리자 → UX, Business, Tech 의 영역의 조화를 이뤄야 한다.

ex) 집 건축

기획자/PM/PO -> 설계도 작성
개발자(백엔드) -> 골격을 만든다 (Database, image서버 등등)
개발자(프론트) -> 인테리어 (FE, UI/퍼블리셔, Android, iOS개발자)
디자이너 -> 집의 심미적인 부분, 디자인

최소 기능 제품(MVP: minimum variable product)

빠르게 테스트하고 고객 피드백 바탕으로 제품을 개선, 출시할 수 있는 단위

UT(Usability Test)

사용자들한테 이 시안이 어떤 반응을 일으키고 또 예상치 못했던 불편한 점은 없는지 테스트하는 단계

애자일 방식

PM/PO를 기준으로 프로덕트를 하나씩 할당 받고, PM/PO들과 하나의 팀으로 디자이너와 개발자 그리고 QA 담당자분들을 같은 한 팀으로 묶어서 조직을 구성하게 된다.
하나의 팀이 하나의 프로덕트를 수행할 수 있게끔 팀 조직 세팅을 한다.
유의할점 -> 개발자분이 이 프로덕트만 담당하고 있어야 하는데 개발자 인력이 부족해서 또 다른 프로덕트를 같이 양분해서 업무를 수행하는 경우들이 있는데 그렇게 될 경우에는 우리가 추구하는 애자일 방식이 아니다.

장점

고객 중심적
동시다발적인 고도화 가능

단점

인력 비용이 많이 든다.
협업이 잘 되어야 한다.

워터풀 vs 애자일 방식

프로젝트 특성과 규모에 따라서 선택하는 것이지 무엇이 옳다는 것은 없다.

PM에게 요구되는 역량

고객에 대한 깊은 이해
비지니스에 대한 깊은 이해
개발 환경 기술에 대한 깊은 이해
시장과 산업에 대한 깊은 이해
데이터에 대한 깊은 이해

프로덕트 기획 단계별 산출물

1. 프로덕트의 목표, 사용자 정의, 핵심 지표 설정

2. 구조 설계 - IA

3. 상위 기획 - 요구 정의서 (요건 정의)

4. 상세 설계 - 와이어프레임, workflow

OKR(Objective Key Result)

목표를 실행하기 위한 핵심 결과 지표

핵심 지표를 이루는 세 가지 요소

달성기간
행동지표
정량적 수치

OKR을 통한 효과

투명함
동기 부여
협업

피해야 하는 실수들

1. 평가 관리하기 위한 목적

2. 너무 쉬운 목표

3. 탑다운 방식(강제적인 할당 방식)

4. 모호하고 주관적인 목표

5. 할 일 목록

[제로베이스 pm스쿨] 매일학습일지 Week 7-1

Mon, 17 Apr 2023 22:06:17 +0900

✍ 오늘의 할 일

- 6주차 과제 완료 및 제출

- 아티클 스터디 1개

- 매일학습일지

6주차 과제는 이때까지 배운 것을 적용시키는 과제였다.

강의만 듣는 것보단 확실히 과제를 하면서 익히는 것이 남는 자산인 것 같다!

오늘은 6주차 과제를 마무리하고, 이번주 과제에 포함되어 있는 주제인 안드로이드 vs iOS의 모션 디자인 차이점 아티클 스터디를 하였다.

7주차도 달려보자~!

[제로베이스 pm스쿨] 매일학습일지 Week 6-5

Fri, 14 Apr 2023 19:48:35 +0900

✍ 오늘의 할 일

- 아이데이션 스터디 1개

- 챕터 15, 16 강의 완료

- 매일학습일지

강의 15, 16챕터는 포트폴리오 구성과 예시를 많이 알려주셔서 유용한 강의였다.

실무자의 입장에서 바라보는 입장을 보고, 지원자 입장에서만 생각하는 것과 다르다는 것을 알 수 있었다.

지금은 과제를 해내느라 정신이 없지만 시간이 있을 때마다 포트폴리오를 수정해나가야겠다!

[제로베이스 pm스쿨] 매일학습일지 Week 6-4

Thu, 13 Apr 2023 23:28:41 +0900

✍ 오늘의 할 일

- 아티클 스터디 1개

- 챕터 15 강의 (1/2)

- 매일학습일지

Portfolio

자신의 이력이나 경력 또는 실력 등을 알아볼 수 있도록 자신이 과거에 만든 작품이나 관련 내용 등을 모아 놓은 자료 묶음, 작품집으로, 실기와 관련된 경력 증명서

기획자의 요구 능력

"왜 기획자가 되려고 하는가?"에 대한 대답해보기

조직적 분석/설계 스킬
문제해결 스킬
커뮤니케이션 스킬

기획자의 유형

UI/UX 중심의 서비스 기획

Web/App 기획
- Web
- App
- Paper Work
- QA QC
- Service
- Structure

Business 중심의 서비스 기획

전략기획
- Web
- App
- Paper Work
- Business
- Service
- Analysis

Cost를 기준으로 하는 기획

마케팅 기획
- Web
- App
- Paper Work
- Cost
- Service
- AD (Advertising)

기술적 측면을 강조하는 기획

시스템 기획
- Web
- App
- Function
- Back Office
- Structured
- DATA

기업별 주요 업무와 역량

Portfolio 키워드

경험
의지
가능성

방향 선정하기

서비스 개선
신규 서비스
UI/UX 분석

[제로베이스 pm스쿨] 매일학습일지 Week 6-3

Thu, 13 Apr 2023 00:18:54 +0900

✍ 오늘의 할 일

- 아티클 스터디 1개

- 케이스 스터디 1개

- 챕터 14 강의 완료

- 매일학습일지

서비스 기획서 완성하기

개정이력 (History)
- 문서의 재개정 이력과 주요 변경 내용 관리
정책 정의
- 주요 정책 정의
TOBE IA (Information Architecture)
- 정보의 구조와 내비게이션
서비스 프로세스 및 플로우차트 (Flowchart)
- 각각의 기능 수행과 사용자의 행위 매핑 및 흐름도
레이아웃 (Layout)
- 화면의 전체적인 레이아웃 정의, (공통단 정의하기)
시나리오
- 기능 구현을 위한 인터페이스 요소의 배치와 화면 구조, 화면간의 흐름, 전환, 상호작용
디스크립션
- 디스크립션 정의 내용

[제로베이스 pm스쿨] 매일학습일지 Week 6-2

Tue, 11 Apr 2023 23:24:44 +0900

✍ 오늘의 할 일

- 아티클 스터디 1개

- 케이스 스터디 1개

- 챕터 14 강의

- 매일학습일지

Information Architecture

AS IS 분석의 문제점들을 정리
개선 방향을 포함한 목적, 방향을 설정
벤치마킹을 통해 타사들의 정보 구조 참고
서비스의 전략과 방향을 반영한 구조
서비스 용어 및 운영 프로세스 구조 정의
AS IS IA중 중복이나 불필요한 정보 정리
TO BE의 개선 방향을 포함시킨 IA를 설계

User Process

서비스를 이용하는 사용자의 프로세스
IA를 기준으로 행동하는 사용자의 흐름
데이터의 이동 흐름과 저장/호출 프로세스
사용자의 특정한 작업을 위한 경로
사용자 시나리오보다 구체적인 정의
UI (화면), 행동, 판단으로 표현

Flow Chart

사용자 흐름 (User Flow)
기능 흐름 (Logic Flow)

Wireframe

UI (화면)를 어떻게 표현할지를 그려 놓은 화면의 프로토타입
웹페이지, 앱페이지의 화면을 페이지 구조, 레이아웃, 정보구조, 유저 플로우, 기능, 의도된 동작들에 대한 정의

Wireframe 요소

왜 (WHY)
목표 (GOAL)
무엇 (WHAT)
컨셉 (CONCEPT)

비즈니스를 하는데 있어서 웹을 도구로 하는 기획

웹 사용자 이해
웹의 구조로 표현
웹의 언어로 표현

웹/앱의 구조를 설계하고 화면 UI를 설계

콘텐츠의 적절한 배치
서비스 화면 구조
설득 문서

협업을 통한 Wireframe 완성하기

기획자 : 전체적인 요건에 대한 분석, 방향과 목표 설정을 통해 일정 계획을 수립하고 화면을 설계, 커뮤니케이션, 팀별 의견 조율을 위한 설득, 최종 산출물 정리 등 프로젝트의 시작과 끝의 역할을 담당

웹/앱 서비스 기획자 : 프로젝트의 요건 분석과 기술적인 검토가 반영된 서비스를 설계하고 이를 통해 서비스를 구축, 운영해 나가는 Role을 가진다. 국내 서비스 기획자는 Web Producer의 개념으로 프로젝트의 처음과 끝을 책임지며 다른 직군과의 커뮤니케이션이 가장 중요하다.

서비스 기획서(와이어프레임)

성공적인 서비스 구축을 위한 '커뮤니케이션 도구'

[제로베이스 pm스쿨] 매일학습일지 Week 6-1

Mon, 10 Apr 2023 21:24:23 +0900

✍ 오늘의 할 일

- 5주차 과제 완료 및 제출

- 매일학습일지

오늘은 5주차 과제 마무리하고 제출하고 끝!

재충전의 시간을 갖고 내일부터 6주차 스타트!

[제로베이스 pm스쿨] 매일학습일지 Week 5-5

Fri, 7 Apr 2023 23:31:20 +0900

✍ 오늘의 할 일

- 아티클 스터디 2개

- 챕터 14 강의 이번주 분량 완료

- 아이데이션 스터디

- 매일학습일지

요구사항 정의서 작성

사용자, 현업 인터뷰
RFP, VOC, 제안서, 설문조사 등의 데이터
서비스 기획의 규모 파악
구현 가능 여부 의사결정
서비스 기획 일정 수립
분석 방향 도출 및 개선 방향 정의

정책 정의하기

요구사항 협의 완료된 건을 기준으로 함
프로젝트 구축 담당자들이 반드시 알아야 할 내용
서비스 설계 시 오류를 범할 수 있는 내용
ASIS에서 크게 변화된 TOBE 항목 및 기능

[제로베이스 pm스쿨] 매일학습일지 Week 5-4

Thu, 6 Apr 2023 23:44:18 +0900

✍ 오늘의 할 일

- 케이스 스터디 1개

- 챕터 14 강의 듣기

- 매일학습일지

서비스 기획서 정의

서비스 기획서가 화면 설계서만은 아니다!

서비스 기획서 작성 내용

1) 현황 분석, 타사 분석, UXUI 분석, Function 분석을 통해 인사이트 도출

2) 1)을 통해 도출된 문제점의 개선 방향성이 포함된 서비스 기획서 작성

사용자 분석

"Who" "Why" "What"

정량적 조사

사용자 서베이
퍼스트 클릭 테스트
아이 트래킹
데이터베이스에서 분석
로그 데이터 분석
A/B Test

정성적 조사

게릴라 테스트
인터뷰 / 포커스 그룹 인터뷰 (FGI)
현장조사
연구실 조사
카드 분류 테스트
고객의 소리 (VOC)
사용성 테스트
고객여정지도

로그데이터 활용

서비스 화면과 이벤트(클릭, 배너 노출) 등을 파악
시나리오와 서비스의 흐름을 이해
서비스에 대한 이해도를 높일 수 있음
기능에 대한 성과 측정 및 개선 방향 설정
사용자의 경로 분석 및 이탈 구간 개선
신규 서비스를 위한 아이디어 도출

UXUI 분석

ASIS IA를 분석하면서 진행
분석방법은 전자정부 UXUI가이드, 서비스에 맞는 항목을 정의하여 그것을 기반으로 분석을 진행

서비스 분석 1

1. 사용자 측면

2. 서비스 측면

서비스 분석 2

브랜딩 (Branding)
콘텐츠 (Contents)
정보구조 (IA)
인터페이스 (Interface)
디자인 (Design)

트렌드 분석

경쟁업체 디자인 중심 분석
트렌드 반영한 국내외 디자인 사이트
국내외 디자인 트렌드 분석 리포트

벤치마킹

벤치마킹은 보다 효과적인 개선 방안을 찾는 가장 능동적인 학습이다.

분석과 인사이트 도출을 잘하는 서비스 기획자

자신의 ‘말’과 ‘글’에 힘이 생긴다
서론, 본론, 결론의 흐름이 유연하다
말과 글이 쉬워진다

[제로베이스 pm스쿨] 매일학습일지 Week 5-3

Wed, 5 Apr 2023 23:41:43 +0900

✍ 오늘의 할 일

- 북스터디 완강

- 챕터 13 강의 완료

- 매일학습일지

프로젝트 PROCESS

보통의 워터폴 방식

프로젝트 계획

- 업무 분석

- 인력 구성

- 환경 셋팅

- 프로세스 정의

- 산출물 정의

- 일정 산정

프로젝트 분석

- 환경 분석

- 요건 분석

- 콘텐츠 분석

- 정책 정의

- 가이드 정의

- 시스템 분석

프로젝트 설계

- Information Architecture

- 기능 정의

- 서비스 프로세스

- 와이어프레임

- 스토리보드 완성

- 시스템 설계

프로젝트 구현

- 디자인

- 퍼블리싱

- 시스템 개발

- 스토리보드 리뷰

- 스토리보드 현행화

- 단위 테스트

프로젝트 검수

- 개발 완료 후 하는 테스트

- 검수 및 스토리보드 고도화

- 단위 테스트

- 통합 테스트

프로젝트 종료

- 문서 최신화

- 운영 메뉴얼

- 인수인계 준비

- 안정화 준비

프로젝트 안정화

- 전체적인 시스템 이슈가 없는지 확인하는 단계

[제로베이스 pm스쿨] 매일학습일지 Week 5-2

Tue, 4 Apr 2023 23:58:19 +0900

✍ 오늘의 할 일

- 케이스스터디 1개

- 아티클스터디 1개

- 북스터디 1개

- 챕터 13 강의 1/2 완료

- 매일학습일지

프로젝트란?

- 일정한 기간 안에 일정한 목적을 달성하기 위해 수행하는 업무

- 정해진 기간, 배정된 금액, 투입인력 등 일정한 제약조건 하에서 요구사항을 수행하는 방식으로 진행

프로젝트 추진 배경

- 비즈니스 전략의 변경이 일어날 경우

- 새로운 서비스 또는 신상품 런칭을 위한 홍보용 웹/앱이 필요한 경우

- 기업, 조직의 중요한 변화가 있어서 대내외적으로 공표해야 할 경우

- 사용자 환경의 변화, 사용자와의 관계변화, 웹 트렌드의 변화 등 각종 변화에 대응해야 하는 경우

프로젝트 특징

- 일시적/한시적

- 고유성

- 불확실성

- 산출물

프로젝트 구조

발주사 (Client)	구축사 (수행사: SI업체, Web Agency)
사업 계획	RFP 분석
예산 확정	RFA 작성 및 사전 인터뷰
RFP 작성	RFA 작성 및 사전 인터뷰
제안 평가	TFT 수립
우선협상대상업체 선정	제안서 제출
구축사 확정	경쟁 PT

프로젝트 컨셉 정의

-> 프로젝트는 목적과 목표를 명확히 해야 한다.

- 목표 정의

- 기능과 역할

- 수익 모델

- 경쟁력 / 차별화

프로젝트 준비하기 (발주사)

- 사전정보 요청서 : RFI

- 제안 요청서 : RFP

- 제안견적 요청서 : RFQ

사전정보 요청서 : RFI

다양한 업체들에 대한 회사소개, 제품/서비스 소개, 간단한 시장 동향, 주요 경쟁사 정보 등을 제공받아 진행하고자 하는 업무에 대한 정보를 미리 수집하고 비교 분석

제안 요청서 : RFP

발주자가 특정 과제의 수행에 필요한 요구사항을 체계적으로 정리하여 제시함으로써 제안자가 제안서를 작성하는데 도움을 주기 위한 문서

제안견적 요청서 : RFQ

입찰 참여 조건을 갖춘 업체만 작성할 수 있으며 견적이 나와있는 문서인 만큼 제공할 기술이나 제품에 대한 상세한 정보와 스펙을 기재

프로젝트 준비하기 (수행사)

- 제안서 (Proposal)

- 제안견적서

- 투입인력 계획서

제안 평가 및 우선 협상 대상 선정

- 프로젝트 과업에 대한 이해도

- 프로젝트 예산과 근접한 견적 제시

- 관련 프로젝트 경험

- TFT 구성의 적절성과 일정 확인 등

[제로베이스 pm스쿨] 매일학습일지 Week 5-1

Mon, 3 Apr 2023 23:51:37 +0900

✍ 오늘의 할 일

- 북스터디 2개

- 주차별 과제 완료

- 매일학습일지

벌써 4월이고 5주차라니! 한달이 어떻게 지나갔는지 모를정도로 정신없이 지나간 것 같다.

오늘은 4주차 과제 마무리하고, 제출하고

북스터디 2개 완료!

[제로베이스 pm스쿨] 매일학습일지 Week 4-5

Fri, 31 Mar 2023 22:14:26 +0900

✍ 오늘의 할 일

- 챕터 12. 강의 듣기 완료

- 케이스 스터디 1개

- 북스터디 1개

- 아티클 스터디 1개

- 매일학습일지

UI (User Interface)

- UI는 사용자의 인터페이스로 컴퓨터, 웹,시스템 등의 정보기기와 사용자가 만나는 Interface(면)로써 사용자와 정보기기가 서로 상호작용을 할 수 있도록 하는 매개체의 역할을 함

- UI는 보편적이고 직관적이다

UX (User eXperience)

- UX는 사용자의 경험으로 컴퓨터, 웹, 시스템 등의 정보기기의 UI를 직, 간접적으로 이용하는 모든 경험

- UX는 불편함을 최소화하고 편리함을 추구

UI와 UX의 다른점

UI : 시나리오 작성

UX : 사용자 분석

UX를 위한 4가지 관점

인지적 (Cognitive) - 인간의 기억에 생각하는 구조의 이해
감정적 (Emotion) - 역동적이고 다면적인 감각 능력과 경험 발생시점에서 심리적 변화와 변화의 이해를 어떻게 느끼는가?
상황/맥락 (Context) - 경험 발생 상황과 외적 영향에 대한 것으로 사용자는 컨텍스트(맥락)의 영향으로 외부 환경과 어떤 관계적 경험을 형성하게 되는가?
행동적 (Behavior) - 제품, 서비스, 경험의 물리적/인지적/사회문화적 현상의 해석과 상호작용으로써 어떻게 행동하는가?

컨셉 메이킹

머릿속의 생각들을 가시화시키는 기초 작업 -> 아이디어 + 기획의 시각화

UX 목표

- 사용자의 경험 제공

- 양질의 사용자를 이해한 서비스

- 사용자 특성 이해 (인지적/감성적/행위적)

- 사용자의 욕구 충족

프로토타이핑

- 제품의 모형

- 주요기능만 포함된 미완성 시제품

페르소나(Persona)

실제 우리 서비스를 사용하는 가상의 사용자

프로토타이핑을 통한 구체화 하기

- 사용자 경험 가치

- 사용자 행동 이해하기

- 사용자 시나리오 확인

정량조사 (Quantitative Reserch)

A/B Test

Surveys

Click Tests

Eye Tracking

Card Sorts

정성조사 (Qualitative Reserch)

Usability Tests

Diary Studies

Focus Groups

Interviews

Design Workshops

리서치 계획 -> 리서치 진행 -> 리서치 결과 분석 -> UX 리서치를 통한 경험 제공 -> UX 리서치 마무리

UX Writing

사용자의 긍정적 경험을 위해 서비스, 제품 등에서 사용자가 인터페이스의 의사소통을 지원하고 향상시키는 텍스트를 만드는 것 (Micro Copy)

기획자가 UX를 이해해야하는 이유

- 사용자 이해

- 객관화된 서비스

- UX 경쟁력

- 사용자 경험 우선

[제로베이스 pm스쿨] 매일학습일지 Week 4-4

Fri, 31 Mar 2023 00:01:42 +0900

✍ 오늘의 할 일

- 챕터 10~11. 강의 복습

- 케이스 스터디 1개

- 북스터디 1개

- 아이데이션 스터디 1개

- 매일학습일지

오늘은 강의 복습을 하고, 개인 스터디를 했다.

케이스 스터디와 아이데이션 스터디, 북스터디 끝!

[제로베이스 pm스쿨] 매일학습일지 Week 4-3

Wed, 29 Mar 2023 22:04:07 +0900

✍ 오늘의 할 일

- 챕터 10. 강의 완료

- 챕터 11. 강의 완료

- 매일학습일지

규제와 서비스 기획자

IT 플랫폼 회사는 모두 규제의 중심에 있는 것과 마찬가지이다. 서비스 기획자는 이런 규제에 대응해서 서비스 정책을 만들고, 어떤 매체와 어떻게 협력하고, 데이터 관리를 어떻게 할 것인가, 어드민 관리를 어떻게 할 것인가 고민하며 서비스를 계속 발전시키게 하는 것이 서비스 기획자의 역할이다.

규제 샌드박스

사업자가 신기술을 활용한 새로운 제품과 서비스를 일정 조건 하에서 시장에 우선 출시해 시험, 검증할 수 있도록 현행 규제의 전부나 일부를 적용하지 않는 것을 말하며 그 과정에서 수집된 데이터를 토대로 합리적으로 규제를 개선하는 제도이다.

신속확인 - 기업이 신기업 신기술 관련해서 규제가 있는지 허가가 필요한지에 대해서 여부를 문의하는 것으로 30일 이내에 회신을 받게 되는 제도

임시허가 - 안정성과 혁신성이 검증된 서비스인데 관련 규정이 모호하거나 불합리해서 시장 출시가 어려울 경우에 일정 조건하에 기존 규제의 적용을 받지 않게 임시적으로 허가를 해서 시장 출시를 하게 하는 것

실종특례 - 모호하거나 불합리해서 금지를 시켜야 되는 규정이 있을 때 신청

샌드박스 사례 : 모바일 운전면허증

SK텔레콤 등 통신사를 시작으로 삼성전자, 카카오, 네이버 등 대형 IT 기업, 신한카드와 아이콘 루프라는 블록체인 업체가 모바일 운전면허증 샌드박스로 승인을 받았다.

서비스 약관과 정책서

모두가 관련 도메인 및 법령에 전문가가 아니기 때문에 회사에 법무팀이 있으면 정책에 대한 가이드라인을 확인하고,

사내 조직에 법무팀이 없는 작은 조직이라면 외부 변호사에게 요청해 검토가 필요하다.

약관을 처음 만들 때는 정부에서 만든 표준 이용약관을 활용할 수도 있다.

정책서 작성 사례

정책서 : 서비스의 용어와 기본 운영정책을 정의한 프로젝트 산출물

1. 업데이트 히스토리 작성

2. 회원 유형 분류

3. 회원 가입 및 생성 플로우

4. 회원 가입 정책

5. 회원 인증 정책

6. 회원 가입 방식 - 카카오싱크

7. 개인고객 가입 절차_세부 플로우

8. 기업고객과 관리자 가입 절차_세부 플로우

9. 전화번호 중복 인증 처리 절차_세부 플로우

10. 비밀번호 찾기

11. SSO 정책 (SSO: Single Sign On - 통합 인증)

요구사항 정의서(PRD) 작성하기

Product Requirement Document의 줄임말

신규 서비스(기능 포함) 업데이트 및 기존 서비스의 변경 등, 서비스의 변화를 가져오기 위해 변경 요구사항을 정의하는 것

기능 정의서 - 구사항 정의 후 각 기능에 대한 정의를 함

요구사항 정의서 작성 순서

프로덕트 팀 구성 소개

스포티파이 - 운영 방식 살펴보기

가장 큰 조직 - Tribe

Tribe는 여러 개의 Squad로 이루어져 있다.

SquadSewa Side Squad, 특공대) - 기획자, 디자이너, 개발자, PM, PO 등 하나의 프로덕트를 완결성 있게 만들 수 있는 모든 사람들의 모임

다양한 Squad가 모여서 Tribe를 이룬다.

Chapter - 각각 다른 Squad에 속해져 있는 동일한 기능을 하고 있는 분들끼리 모아서

또 Chapter로 나눠서 운영을 하고 있다고 보면된다.

서비스 기획직무(PO/PM)이 개발자 및 디자이너와 효과적으로 협업하는 방법

1. 협업 능력

2. 커뮤니케이션 능력

3. 업무 범위 및 리스크 관리 능력

4. 의사결정 능력

5. 업무지식

6. 목표와 비전 설정

7. Biz Stakeholders와 건설적인 의견 교환 능력

8. 개방적 태도

[제로베이스 pm스쿨] 매일학습일지 Week 4-2

Tue, 28 Mar 2023 22:00:41 +0900

✍ 오늘의 할 일

- 아티클 스터디 1개

- 북스터디 1개

- 챕터 10 강의 완료

- 매일학습일지

정책

결정사항을 안내하고 합리적인 결과를 수행할 수 있게 하는 원칙이나 규율

문화, 역사, 인프라가 서비스 기획에 영향을 끼치는 이유

중국 - QR코드 발전 (결제, 음식점 음식 주문, 비즈니스 상대와 미팅할 때)

QR코드 문화가 발전하게 된 것 → 중국 인프라, 중국어에 한문의 이슈가 크다.

중동 지역 - 한국 스타트업 아자르(Azar)

낯선 사람과 1:1 대화를 통해서 우연히 친구 관계를 맺을 수 있는 영상 메신저를 표방하고 있다.

중동은 문자나 통화보다 영상 통화의 수요가 훨씬 많은 지역이다. 중동의 카카오톡이라고 불릴 정도로 인기가 대단한데 초기에 중동을 중심으로 주목받게 된 이유는 중동 지역의 특유한 문화 때문이라고 한다.

인도 - 밸런스히어로

선불제 휴대폰 이용자를 위한 모바일 소액 충전 서비스로 시작했다.

인도인 가운데 11억 명이 스마트폰을 이용하고, 그중 10억 명이 선불 요금제 이용자라고 한다.

대부분의 사람들이 수익이 적고, 월급이 아닌 일당이나 주급제로 받다 보니 받으면 조금씩 충전해서 그렇게 사용하는 형태로 충전했을 것이다.

유럽 - 블라블라카

유럽 중심으로 22개국, 4천 5백만 명의 회원수를 보유하고 있다.

블라블라카가 장거리 이동에 집중하여 성공한 이유 → 유럽의 여행 문화가 아주 많이 발전이 되어 있어서 많은 사람들이 장거리 여행을 국가를 뛰어넘어서 한다는 점, 대부분의 유럽 국가들이 EU로 묶여있어서 폐쇄적이지 않다는 지역적인 인프라와 문화적 특성이 있다.

앱스토어 인프라

모바일 서비스를 기획하는 기획자에게 앱스토어 역시 중요한 인프라이다.

안드로이드 운영체제를 사용하고 있는 앱은 구글 안드로이드 스토어를,

iOS 운영 체제를 사용하는 앱은 애플 스토어가 각각 독점하고 있다.

결제 인프라

VAN사 - 한국에만 특화된 사업자로 Value Added Network의 줄임말

다양한 카드사의 결제를 승인해주는 것과 또 그 매입 데이터를 카드사에 전달을 하게 되고, 가입자인 자영업자들에게 정산 대행까지 해준다.

이런 VAN사 인프라 덕분에 한국의 카드 보급률이 거의 전 세계에서 가장 높은 수준으로 될 수 있었다.

PG사 - Payment Gateway의 줄임말

사용자가 온라인상에서 결제를 하게 되면 PG사에서 결제를 하고, 이를 또 VAN사를 통해 승인 요청을 하고, 최종적으로 신용 카드사에서 돈이 빠져나가게 된다.

서비스 기획자 입장 - PG사 선택 고려할 사항

서비스 기획자 입장에서 우리 회사에서 PG 모듈을 붙일 것이라면 어떤 업체를 붙이게 될지 등에 대한 고민부터 하게 된다.

각 PG사마다 연동 특성이 조금씩 다르고, 또 계약에 따라서 수수료 조건도 다르기 때문에 이런 부분을 고려해서 PG사를 선택하게 된다.

스마트폰 앱서비스

스마트폰 앱을 서비스하는 기획자는 스마트폰과 관련된 다양한 인프라도 고려해야 한다.

정책서 작성을 위해 고려해야 하는 법률

서비스 정책서를 작성하기 위해서는 우선적으로 우리가 하려고 하는 서비스의 지역과 특성에 맞는 법령에 대한 고려가 최우선이다.

정책을 세우기 위해서는 우리의 리소스도 고려를 해야 한다. 어느 정도까지 우리가 감수할 수 있는 개발 디자인 리소스인지 현재의 PMF를 찾고 있는 중인 작은 조직이라면 서비스 정책도 이에 맞게 포기할 것은 포기해야 한다.

IT 기획자라면 기본적인 법령과 직업 윤리 교육이 필요하다. 결국 서비스 기획은 법의 테두리 안에서 현행법을 준수하면서 우리 서비스의 수많은 정책을 만들어야 하는 것이고, 이에 따라서 가치 판단을 해야 하는 상황의 연속이기 때문이다.

전자상거래법

대부분의 스타트업은 결국 우리 서비스를 통해서 금융거래 또는 서비스나 물품 거래를 하게 되는 것이고, 이럴 때 영향을 받는 것이 전자상거래법이다.

데이터 3법, 개인정보 보호법

데이터 3법: 개인정보 보호법뿐 아니라 정보통신망법과 신용정보법 이렇게 세 가지 법률에 대한 중복규제를 없애고 개인정보와 개인정보가 아닌 정보로 구분해서 가명정보를 활용해서 데이터를 활용할 수 있게 한다.

본인이 개인정보에 대한 주체가 되어서 관리할 수 있게끔 하는 마이데이터 사업의 근간이 되게 하는 법률이다.

마이데이터

정보 주체가 동의를 하면 기업이 개인의 상황과 필요에 맞게 개별적인 금융 서비스를 제공하는 초개인화 비즈니스도 가능해진다.

ISMS

ISMS : Information Security Management System의 약자

정보보호 관리체계 또는 정보보안 경영 시스템이라고 해석한다.

개인에게 적용하는 것이 아닌 기업이나 특정 조직에게 적용을 하는 것이다.

ISMS의 목적 : 정보 보호 정책을 짜고, 위험에 대응하는 등 여러 보안 대책을 유기적으로 통합해서 관리하는 것

계획 - ISMS 수립

우리 조직이 가지고 있는 위험을 관리하고, 정보 보안이라는 목적을 달성하기 위한 전반적인 정책을 수립하게 된다.

수행 - ISMS에 구현함과 운영 하는 것

수립된 정책을 우리가 일하고 있는 업무에 적용을 해서 각 프로세스를 위한 자원을 분배하고 직접 시행을 하고, 거기에 대한 자료를 수집하는 것을 이야기한다.

점검 - ISMS에 대한 모니터링과 검토

적용된 정책이 실제로 잘 동작하는지에 대해서 확인해야 하는 것이다. 그렇게 정확한 측정과 이행을 모니터링하고, 수립된 정보를 분석하고 평가하는 것을 이야기한다.

관리와 개선 - 점검받고 나서 시정되고 예방 조치에 대해서 시행을 하게 되는 것

잘못 운영이 되고 있는 경우에는 원인을 분석하고, 계산하는 것까지 포함된다.

ISMS와 ISMS-P

ISMS : 정보보호 관리체계를 인증하는 것

ISMS-P : 정보보호는 물론이고 개인정보보호 관리체계를 인정하는 것

PCI-DSS, DGPR

PCI-DSS: Payment Card Industry-Data Security Standard를 줄인 말

해외에서 통용하고 있는 지불 카드 산업 데이터 보안 표준으로서 카드 소유자의 데이터를 저장, 처리, 전송하는 모든 이해관계자가 준수해야할 규칙을 정의한 표준이다.

야놀자 - 호텔 자산 관리 솔루션 와이플럭스라고 하는 서비스와 와이플럭스 채널 매니저라고 하는 서비스에 대한 PCI-DSS 인증을 진행하기도 했었다.

GDPR : 유럽연합의 일반 개인정보보호법 General Data Protection

[GDPR의 처리 원칙 7가지]

적법성

공정성

투명성

목적제한

개인정보 처리의 최소화

정확성

보관기간 제한의 원칙

무결성 및 기밀성의 원칙

책임성의 원칙

이러한 7가지 원칙에 의해서 개인정보는 필요에 의해서 마음대로 처리되는 것이 아니라 반드시 법적 근거에 의해서만 처리를 하게 된 것이다.

[제로베이스 pm스쿨] 매일학습일지 Week 4-1

Mon, 27 Mar 2023 19:46:44 +0900

✍ 오늘의 할 일

- 아티클 스터디 1개

- 북스터디 1개

- 3주차 과제

- 매일학습일지

오늘은 멘붕의 하루

3주차 과제 파일이 날아가버렸다..

기억을 살려 다시 만든다고 반나절 넘게 시간을 다 써버렸다!

컨트롤+S와 휴지통을 함부로 비우지 말자는 교훈 ㅎㅎ

멘탈을 다시 부여잡고.. 벌써 4주차라니!

4주차도 화이팅

[제로베이스 pm스쿨] 매일학습일지 Week 3-5

Fri, 24 Mar 2023 21:39:22 +0900

✍ 오늘의 할 일

- 케이스 스터디 1개

- 아이데이션 스터디 1개

- 3주차 과제

- 챕터 9. 데이터 분석에 기반한 서비스 기획 강의

- 매일학습일지

오늘 강의 내용은 실습 내용이라 내용 정리는 패스하고, 아이데이션 스터디와 주차제 과제를 시작했다.

주차별 과제도 점점 심화된 내용의 주제인 것 같다. 평일에 최대한 강의와 개인 과제 끝내기!!

[제로베이스 pm스쿨] 매일학습일지 Week 3-4

Fri, 24 Mar 2023 00:08:23 +0900

✍ 오늘의 할 일

- 케이스 스터디 1개

- 북스터디 1개

- 챕터 9. 데이터 분석에 기반한 서비스 기획 강의 듣기

- 매일학습일지

데이터 기반한 서비스 기획 능력이 중요한 이유

고객 중심 기획의 어려움

* 고객의 행동 패턴이 빠르게 변화, 시장 또한 너무나 빠르게 변화하고 있음

✔️ 실제 사용자 행동 데이터를 기반하여 인사이트를 얻고, 이를 제품에 반영해야 한다.

좋은 지표란?

- 상대적이다.

- 이해하기 쉽다.

- 비율로 표현된다.

- 행동방식을 바꾼다.

지표 선택시 염두해야할 사항

정성적 지표 - 비구조적, 답변자의 주관이 많이 섞여 있어 100% 신뢰할순 없음

정량적 지표- 체계적, 왜에 대한 대답을 할 수 없음

제품 초기 단계, 기능 추가 단계에서는 정성적 지표가 우선적으로 중요하다.

이미 나온 기능을 출시하는 단계, 기능을 출시하기 전과 후를 비교하는 단계에서는 정량적 지표가 더 중요하다.

출시하기도 전에 유의미할 정도로 정량적 데이터를 얻는 것은 정말 어렵다.

선행 지표와 후행 지표 - 선행 지표는 미래를 예측하는 데 사용할 수 있다. 방문 대비 가입 전환율을 우리가 알고 있다면 방문자 수를 몇명까지 늘리면 가입자 수가 몇명으로 증가할 것인가를 알수있게끔 만들어 준다. 반면에 후행 지표는 과거를 설명해주는 지표이다.

다양한 데이터 분석 도구들

GA, 엑셀, SQL, Amplitude / Mixpanel, 태블로, R, 파이썬 등

Amplitude 실습 이전까지 강의 완료!

과제 하러 갑니다...!