위 자료는 BOAZ 2016 프로젝트 주제의 하나로, 시각화 세션에서 배웠던 다양한 이론들과 기본 지식들, 그리고 툴 활용능력들을 직접 실행하며 진행한 결과물입니다.
*** 통계로 본 서울시 유기동물 정보 시각화 ***
서울시의 최근 발생한 유기동물에 대한 정보를 통계로 나타내고 이를 시각화하여 사람들에게 유기동물의 현황을 알리고 심각성 및 행동요령 정보에 대한 접근성을 향상시킴. 시각화된 정보 자료를 팜플릿으로 제작해 동물병원 및 동물보호단체에 제공하고자 함.
장민경 이화여자대학교 시각디자인전공
박슬기 서울과학기술대학교 디자인학부
김동환 서울과학기술대학교 산업공학과
** 국내 최초 대학생 빅데이터 연합동아리 BOAZ **
Blog : http://BOAZbigdata.com
Facebook : http://fb.com/BOAZbigdata
위 자료는 BOAZ 2016 프로젝트 주제의 하나로, 시각화 세션에서 배웠던 다양한 이론들과 기본 지식들, 그리고 툴 활용능력들을 직접 실행하며 진행한 결과물입니다.
*** 통계로 본 서울시 유기동물 정보 시각화 ***
서울시의 최근 발생한 유기동물에 대한 정보를 통계로 나타내고 이를 시각화하여 사람들에게 유기동물의 현황을 알리고 심각성 및 행동요령 정보에 대한 접근성을 향상시킴. 시각화된 정보 자료를 팜플릿으로 제작해 동물병원 및 동물보호단체에 제공하고자 함.
장민경 이화여자대학교 시각디자인전공
박슬기 서울과학기술대학교 디자인학부
김동환 서울과학기술대학교 산업공학과
** 국내 최초 대학생 빅데이터 연합동아리 BOAZ **
Blog : http://BOAZbigdata.com
Facebook : http://fb.com/BOAZbigdata
UX 프로젝트를 시작하는 분들을 위해 UX 디자인과 프로젝트방법론에 대한 A부터 Z까지를 간결한 질문들을 중심으로 모두 정리했습니다. (PDF 다운로드 가능)
1. UX 디자인이란?
• UX 디자인은 한 마디로 무엇인가?
• UX 디자인에서 하는 일은?
• UX 디자인이 왜 필요한가?
• UX 디자인의 핵심은?
• UXer들이 알고자 하는 사용자 경험이란 무엇인가?
• UX 디자이너들은 누구인가?
2. UX프로젝트란?
• UX 프로젝트는 무엇이 다른가?
• 왜 UX 프로젝트를 해야 하는가?
• 우리 분야에 대한 경험이 부족한 UXer에게 프로젝트를 맡겨도 되는가?
• UX 프로젝트를 했다가 실패한 경험이 있다. 무엇이 잘못된 건가?
• UX 프로젝트의 일반적인 일정
• UX 프로젝트 계획 시 염두에 두어야 할 5가지
• 컨설팅 업체가 UX 프로젝트를 진행할 때 우리의 역할은 무엇인가?
• 컨설팅 업체가 요구하는 자료가 많은데, 모두 공개해도 되는가?
• 진행중인 UX 프로젝트를 공개하면 어떤 장점이 있는가?
3. 필드리서치
• UXer들은 왜 필드리서치를 하는가?
• 필드리서치와 마케팅 리서치의 차이점은?
• 필드리서치는 누구를, 몇 명이나 대상으로 해야 하나?
• 필드리서치를 할 때, 주의해야 할 사항은?
• 필드리서치 결과를 가지고 바로 디자인하면 안 되는가?
4. UX 모델링
• UX 프로젝트에서 모델링이란 작업을 굳이 해야 하는가?
• 필드리서치 결과를 가지고 가장 빠르게 인사이트를 도출할 수 있는 방법은?
• Persona가 기존의 마케팅 시장세분화와 다른 점은?
• Persona를 통해서 얻을 수 있는 기대효과는?
• 선행연구 프로젝트에 가장 적합한 UX 모델링 방법은?
• Journey Map은 언제나 유효한가?
5. UX 전략
• UX 모델링을 통해서 얻어야 할 최종 결과는?
• UX 프로젝트에서 이야기하는 전략이란?
• UX에서 가치가 중요한 이유는?
• UX 프로젝트에서 얘기하는 가치의 구체적인 구분은?
• UXer들은 새로운 사용자경험을 어떻게 디자인하는가?
• UX 프로젝트에서 사용자 시나리오가 중요한 이유는?
• 사용자 시나리오는 어떻게 활용되는가?
6. 프로토타이핑
• UX 프로젝트에서의 프로토타이핑은 무엇인가?
• 구현충실도(fidelity)를 꼭 낮은 것에서부터 시작해야 하는가?
• 프로토타입 작업 시 사용성 테스트를 거치는 이유는?
• 테스트는 누구를 대상으로 하는 것이 좋은가?
• 테스트는 몇 명이나 하는 것이 좋은가?
• UX 프로젝트에서 이야기하는 테스트 방법에는 어떤 것들이 있나?
[ 습관을 독점하는 서비스 모델링, Hook ]
구글, 페이스북, 인스타그램의 공통점은 사용자의 습관을 독점하고 점유했다는 것입니다. 그렇다면 어떻게 습관을 독점하는 서비스를 만들 수 있을까요 ? 그 답은 Hook Model에 있을지도 모릅니다.
▶ 경영 콘텐츠 아카이브 인사이터에는 더 많은 자료가 있습니다
http://cafe.naver.com/dbrinsight
모바일 UX/UI 기획을 위해서 꼭 고려해야할 것들
트랜드와 원칙으로써의 UX - 1부
'UX는 3가지 관점에서 접근될 수 있습니다.
저는 지금까지 UX Design 방법론을 강조해 왔는데,
이번에는 트랜드로써의 UX, 원칙으로써의 UX를 말씀드리고자 합니다.'
- 라이트브레인 UX1컨설팅그룹 조성봉이사
2부의 자료는 추후 공개예정입니다.
UX 101: A quick & dirty introduction to user experience strategy & designMorgan McKeagney
This document provides an introduction to user experience (UX) strategy and design. It discusses the history and evolution of UX from early command line interfaces to modern touchscreen interfaces. It outlines fundamental UX principles like designing for users' needs and making their lives easier. The document also describes common UX techniques like personas, journey mapping, prototyping, content writing, and persuasion design. It emphasizes the importance of understanding users through research and testing designs with them. Finally, it provides recommendations for resources to learn more about UX and tips for practitioners.
라이트브레인 UX 아카데미 16기 두번째 Open Project 입니다.
이번에 소개해 드릴 결과물은 건강하고 간편한 샌드위치 ‘서브웨이 – UX/UI 개선 프로젝트’입니다.
지난 UX 아카데미 16기 교육 기간 동안 서브웨이조가 만들어 낸 신선한 아이디어를 Rightbrain lab을 통해 공개해 드립니다. 라이트브레인 아카데미 수강생들이 어떤 과정을 통해 아이디에이션 하고 또 인사이트와 컨셉을 도출했는지 궁금하시다면 지금 바로 슬라이드쉐어로 내용을 확인하세요.
서브웨이는 웰빙 트렌드와 1인가구 확산으로 코로나 19로 인한 불황기 속에서도 눈에 띄는 성장을 해왔으며 간편식 문화의 주역으로 떠올랐습니다. 이에반해 써브웨이 앱은 어려운 메뉴 탐색/조합 과정과 불편함을 부르는 낮은 사용성 때문에 고객들의 외면을 받고 있어 UX 리서치와 모델링을 통해 그 개선방안을 연구해 보았습니다.
UX 프로젝트를 시작하는 분들을 위해 UX 디자인과 프로젝트방법론에 대한 A부터 Z까지를 간결한 질문들을 중심으로 모두 정리했습니다. (PDF 다운로드 가능)
1. UX 디자인이란?
• UX 디자인은 한 마디로 무엇인가?
• UX 디자인에서 하는 일은?
• UX 디자인이 왜 필요한가?
• UX 디자인의 핵심은?
• UXer들이 알고자 하는 사용자 경험이란 무엇인가?
• UX 디자이너들은 누구인가?
2. UX프로젝트란?
• UX 프로젝트는 무엇이 다른가?
• 왜 UX 프로젝트를 해야 하는가?
• 우리 분야에 대한 경험이 부족한 UXer에게 프로젝트를 맡겨도 되는가?
• UX 프로젝트를 했다가 실패한 경험이 있다. 무엇이 잘못된 건가?
• UX 프로젝트의 일반적인 일정
• UX 프로젝트 계획 시 염두에 두어야 할 5가지
• 컨설팅 업체가 UX 프로젝트를 진행할 때 우리의 역할은 무엇인가?
• 컨설팅 업체가 요구하는 자료가 많은데, 모두 공개해도 되는가?
• 진행중인 UX 프로젝트를 공개하면 어떤 장점이 있는가?
3. 필드리서치
• UXer들은 왜 필드리서치를 하는가?
• 필드리서치와 마케팅 리서치의 차이점은?
• 필드리서치는 누구를, 몇 명이나 대상으로 해야 하나?
• 필드리서치를 할 때, 주의해야 할 사항은?
• 필드리서치 결과를 가지고 바로 디자인하면 안 되는가?
4. UX 모델링
• UX 프로젝트에서 모델링이란 작업을 굳이 해야 하는가?
• 필드리서치 결과를 가지고 가장 빠르게 인사이트를 도출할 수 있는 방법은?
• Persona가 기존의 마케팅 시장세분화와 다른 점은?
• Persona를 통해서 얻을 수 있는 기대효과는?
• 선행연구 프로젝트에 가장 적합한 UX 모델링 방법은?
• Journey Map은 언제나 유효한가?
5. UX 전략
• UX 모델링을 통해서 얻어야 할 최종 결과는?
• UX 프로젝트에서 이야기하는 전략이란?
• UX에서 가치가 중요한 이유는?
• UX 프로젝트에서 얘기하는 가치의 구체적인 구분은?
• UXer들은 새로운 사용자경험을 어떻게 디자인하는가?
• UX 프로젝트에서 사용자 시나리오가 중요한 이유는?
• 사용자 시나리오는 어떻게 활용되는가?
6. 프로토타이핑
• UX 프로젝트에서의 프로토타이핑은 무엇인가?
• 구현충실도(fidelity)를 꼭 낮은 것에서부터 시작해야 하는가?
• 프로토타입 작업 시 사용성 테스트를 거치는 이유는?
• 테스트는 누구를 대상으로 하는 것이 좋은가?
• 테스트는 몇 명이나 하는 것이 좋은가?
• UX 프로젝트에서 이야기하는 테스트 방법에는 어떤 것들이 있나?
[ 습관을 독점하는 서비스 모델링, Hook ]
구글, 페이스북, 인스타그램의 공통점은 사용자의 습관을 독점하고 점유했다는 것입니다. 그렇다면 어떻게 습관을 독점하는 서비스를 만들 수 있을까요 ? 그 답은 Hook Model에 있을지도 모릅니다.
▶ 경영 콘텐츠 아카이브 인사이터에는 더 많은 자료가 있습니다
http://cafe.naver.com/dbrinsight
모바일 UX/UI 기획을 위해서 꼭 고려해야할 것들
트랜드와 원칙으로써의 UX - 1부
'UX는 3가지 관점에서 접근될 수 있습니다.
저는 지금까지 UX Design 방법론을 강조해 왔는데,
이번에는 트랜드로써의 UX, 원칙으로써의 UX를 말씀드리고자 합니다.'
- 라이트브레인 UX1컨설팅그룹 조성봉이사
2부의 자료는 추후 공개예정입니다.
UX 101: A quick & dirty introduction to user experience strategy & designMorgan McKeagney
This document provides an introduction to user experience (UX) strategy and design. It discusses the history and evolution of UX from early command line interfaces to modern touchscreen interfaces. It outlines fundamental UX principles like designing for users' needs and making their lives easier. The document also describes common UX techniques like personas, journey mapping, prototyping, content writing, and persuasion design. It emphasizes the importance of understanding users through research and testing designs with them. Finally, it provides recommendations for resources to learn more about UX and tips for practitioners.
라이트브레인 UX 아카데미 16기 두번째 Open Project 입니다.
이번에 소개해 드릴 결과물은 건강하고 간편한 샌드위치 ‘서브웨이 – UX/UI 개선 프로젝트’입니다.
지난 UX 아카데미 16기 교육 기간 동안 서브웨이조가 만들어 낸 신선한 아이디어를 Rightbrain lab을 통해 공개해 드립니다. 라이트브레인 아카데미 수강생들이 어떤 과정을 통해 아이디에이션 하고 또 인사이트와 컨셉을 도출했는지 궁금하시다면 지금 바로 슬라이드쉐어로 내용을 확인하세요.
서브웨이는 웰빙 트렌드와 1인가구 확산으로 코로나 19로 인한 불황기 속에서도 눈에 띄는 성장을 해왔으며 간편식 문화의 주역으로 떠올랐습니다. 이에반해 써브웨이 앱은 어려운 메뉴 탐색/조합 과정과 불편함을 부르는 낮은 사용성 때문에 고객들의 외면을 받고 있어 UX 리서치와 모델링을 통해 그 개선방안을 연구해 보았습니다.
The project aims to solve the problem of communicating between deaf and hearing impaired parents, and also to solve the problem of developing language skills in children with deaf parents compared to the average age group.
We created IoT devices which is collecting words from children.
By communicating between IoT devices and servers using LoRa, which is a low-powered network manager, it eliminates battery problems and guides children on language development metrics through the frequently used words. I've developed a way to store data using the Adono + Raspberry Pi, a child speech recognition device. In addition, we have developed a function to transmit data stored in raspberry pie to the server, to filter and store the correct voice data at the server level, and to develop the rest application required by the client. And I also developed with IOS client and connecting api.
ENS (Efficient Nursing Service)
ENS는 신생아실 간호사들의 효율적 업무를 위한 어플리케이션 및 IoT 인큐베이터 서비스입니다. 엄격한 감염 및 위생관리가 요구되는 신생아실이지만, 최근 이대목동병원 사건과 같은 의료사고가 빈번하게 발생합니다. 그러한 신생아실 의료 사고의 원인은 신생아실의 복잡한 근무 환경 시스템으로 인한 간호사들의 과도한 업무량으로 분석됩니다. 이에 기존 신생아실의 근무 시스템을 어플리케이션과 IoT 인큐베이터 서비스를 통해 효율적으로 개선함으로써, 신생아실 간호사들이 시스템을 통해 효율적으로 업무를 보며 신생아 케어에 보다 집중할 수 있도록 하여 신생아실에서 발생하는 의료사고를 줄이고자 합니다.
어플리케이션의 주요 기능은 다음과 같습니다.
1. 신생아실의 상황을 타임라인을 통해 보여줍니다. 모든 신생아에 대한 의료기록 및 정보가 실시간으로 업데이트되어 상황이 빠르게 공유되고, 이상 상황 발생 시 신속히 대처할 수 있습니다.
2. 신생아실 내에 있는 개별 신생아에 대한 타임라인들도 제공합니다. 개인 의료 정보 및 간호, 치료기록들과 함께 인큐베이터와 연동되는 인큐베이터의 상태 정보 및 신생아의 상태 정보도 보여줍니다.
3. 어플리케이션을 통해 편리하게 간호 기록을 입력할 수 있습니다.
4. 키워드 검색 등의 검색 기능을 제공하여 필요 시 의료 데이터를 쉽게 검색할 수 있습니다.
그 외에 모바일을 통한 출퇴근 체크 기능, 신생아실 내부 정보의 보안을 위하여 근무 시간 외에는 의료 관련 기능 사용 및 열람을 제한하는 기능, 월별 간호사들의 근무 시간표를 앱으로 제공하는 등의 기능이 있습니다.
또한 어플리케이션은 병원 내의 다양한 상황에서도 원활하게 커뮤니케이션이 가능하도록 모바일 버전과 웹버전 두가지 형식을 지원합니다.
IoT 인큐베이터의 주요 기능은 다음과 같습니다.
1. 인큐베이터에 있는 신생아에 대한 상태 정보 및 인큐베이터의 상태 정보를 모니터에 송출하며, 이는 어플리케이션과 연동됩니다.
2. 이상 상황 발생시 소리로 알림 정보를 제공합니다.
3. 기존 인큐베이터의 기능에 더하여 추가적으로 기기를 사용해야했던 치료 기능을 올인원으로 제공하며, 치료에 관련된 정보도 어플리케이션에 연동되어 나타납니다.
-App Prototype
Mobile : https://xd.adobe.com/view/6b47cd9a-df7e-413a-73a3-92cff16bd359-1d76/
Web : https://xd.adobe.com/view/d3a7deac-f82d-46ca-48a2-3cb63272abaf-a596/
-Device Prototype : https://xd.adobe.com/view/ad8a3ccf-9faa-45f8-638e-df88a36d5236-dbbb/
-Promo Movie : https://youtu.be/uVMpfsSkieo
Designer_
Saemi Shin
Hyeonji Jeong
Digital healthcare: 사례 중심으로 본 UX engagement 향상을 위한 미래 제언Billy Choi
Sproutel’s Jerry the Bear
A.C. Camargo Cancer Center’s Justice League
Zeo Sleep Manager Pro
AliveCor
Proteus Digital Health
SpiroSmart
Sleep number’s bed
Oregon Health & Science University’s Mole Mapper
Johns Hopkins EpiWatch
Ginger.io
3. Discover
desktop research
포인핸드(Paw in Hand)’는 전국 유기동물보호소에 들어온
동물들의 정보를 실시간으로 제공하는 애플리케이션
현재 누적다운로드 수 100만 건을 넘어섰고, 하루 이용자는 8만 명이다.
포인핸드는 43만 회원을 보유한 국내 최대 유기동물 입양 플랫폼이며,
→ 유기동물에 대한 부정적 인식을 바꾸고 입양을 돕는 역할을 한다.
매년 전국에서 입양되는 유기동물 수의 약 절반에 해당하는 1만마리 가량이 이 앱을 통해 입양된다.
4. Discover
desktop research
국민 4명 중 1명은 반려동물을
키우는 시대이다.
현재 반려동물을 기르지 않는
가구 중 ‘향후 반려동물을 키우고
싶다’고 응답한 비율은 절반에
달했다.
그러나 유기동물 인식은 미국,
독일에 비해 상당히 저조한
상태이다.
7. Discover
동물에 관심있는 사람들 중
4분의 1이 사용하는 포인핸드
사용자들의 여러 불만사항.
입양 간 친구들 입양완료 업데이트가 느렸던 부분입니다..
검색조건 설정 및 카테고리의 디자인/ 목격 작성 시 특정 항목에 대해 ‘모름’으로 작성할 경우 글이 게시되지 않아 다른 선택지로 게시 후 수정하는 번거로움
푸시 알람 들어가면 버벅이는 점과 해당 게시물에 대한 푸시 알람이 한참 뒤에 울리는 점
지역마다 차이가 있겠지만 입양하고 싶어서 전화하면 암묵적으로 거의 1번순 2번순이 정해져있음. 선착순으로. 그게 불편함
사진을 너무 대충 찍어서 올린 점. 사진 봉사자를 따로 모집하는 공고를 내주었으면 좋겠습니다.
뭔가 기관과 직접적인 연결의 역할이 아니라 안내판과 같아서 불편하다 …불친절한 느낌
동물 선택하는 카테고리가 너무 적음 (개/고양이/기타로 분류됨)
나갈 때 별점/추천사, 포인핸드 후원 등 늘 떠서 귀찮다. 그리고 보호소 위치가 전부 보여져서 버릴까봐 무섭다.
물론 없는 이유도 있겠지만 검색할때 강아지 몸무게도 검색 가능하면 좋을것같은
실종/보호 카테고리에서 실종과 목격, 보호의 분류가 조금 더 명확했으면 좋겠습니다.
유기견 유기묘 '입양해주세요' 파트에 종 별로 구분이 안되어있어서 불편했습니다.
survey 에브리타임, 익명커뮤니티 등에서 모집.
13. Define
5why
포인핸드를 통한 우리나라 유기동물 입양수치가 좀처럼 늘지 않는다.
=> 보호소와 소통이 잘 되도록 하는 시스템을 도입하면 유기동물 입양수치가 늘 것이다!
왜 포인핸드 앱을 통해 입양을 결심한 사람들이, 입양하는 것을 주저할까?
내가 원하는 동물이 없다
왜 등록되는 동물들이 많은데도 불구하고 포인핸드에 원하는 동물이 없을까?
원하는 동물을 ‘찾아내기’가 어렵다.
왜 찾기 힘든가?
정보가 많이 없기 때문이다.
왜 정보가 많이 없나?
보호소와 소통이 잘 안되기 때문이다.
가설
14. 평소 동물을 사랑하며, 동물 입양을 오래전부터 기다려왔다.
평소 인스타에서 유기동물 관련 정보를 얻는다.
동물 보호적 입장으로 동물 ‘구매’를 지양한다.
유기동물을 모아서 볼 수 있는 통합 시스템이 있었으면 좋겠다.
우리나라 유기동물 입양 수치가 높았으면 좋겠다.
유기동물에 관한 정보가 많이 모여있어 한 눈에 볼 수 있는
서비스가 있으면 좋겠다.
건강검진을 진행함. 동물을 등록함.
입양은 선착순이지만
보호소측 답변이
앱에 달리지 않음.
긴장되는 마음으로
멀리 있는 보호소에
차를 타고 이동함.
입양 신청서
작성이 꽤나 까다롭고
인터넷에서 본 양식과
다름.
입양한 아이를
데리고 병원으로 이동.
상태가 안 좋아보이고
정보도 별로 없어
선뜻 데리고 오기 힘듦.
포인핸드라는
앱을 알게되어
핸드폰에 설치함.
강아지를 너무
입양하고 싶어
인터넷에서 정보를 얻음
흥미 앱 설치 동물 고르기 입양신청 이동 입양 절차 입양완료 동물병원 동물등록
보호소에서의
동물 입양을
결정한 A씨
특징 요구사항
입양 전 입양 과정 입양 후
예쁜 보호동물들의
정보를 상세하고
편하게 알 수 있는
사이트 없을까?
보호소와 전화 말고
편하고 빠르게
컨택할 수 있는
방법이 없을까?
입양 신청서 양식을
미리 볼 수 있고
쉽게 작성할 수
있는 서비스가 없나?
기대 기대 만족 만족
화남
긴장 긴장
어려움
어려움
15. 입양 신청서가 통합됨
입양 신청서를 앱에서 빠르게 작성할 수 있도록 함
보호소와의 채팅 기능
앱을 통해 대기표 발부
아이가 입양이 되었다면 전화 버튼이 비활성화
화폐를 저장하는 자체 기능 (책임비=입양비)
동물에 대한 키, 몸무게, 종, 다 자랐을 때의 크기, 단모/장모 등을 입력하면 AR로 강아지를 볼 수 있게 함.
동물 누끼를 자동으로 따주고 배경을 바꿀 수 있게 한다면 어떨까? + 필터기능?
어떤 상태인지 빠른 업데이트 (예약 시스템)
gif나 동영상을 업로드 가능케 함
영상, 앞모습, 뒷모습, 옆모습 촬영 필수화
자주 보는 동물의 생김새를 AI가 분석하여 유기동물 입양을 추천해준다면 어떨까? → 푸시알림
지역체크 좀 더 상세히
사진 슬라이드 기능
Develop
Brainstorming
목적 1 사용자들이 동물들의 정보를 많이 얻을 수 있게 할 것.
목적2 보호소와 편하게 연락하도록 만들 것. 목적3 입양 신청이 편하도록 할 것.
18. 동물 탭 상세페이지 AR 기능
AR로 강아지를 볼 수 있게 함.
-동물에 대한 키, 몸무게, 종, 다 자랐을 때의
크기, 단모/장모 등을 입력
-지역체크 좀 더 상세히
-보호소와의 채팅 기능
-gif나 동영상을 업로드 가능케 함
-아이가 입양이 되었다면 문의 버튼이 비활성화
-사진 슬라이드 기능
Develop
19. 채팅 채팅 더보기 터치 시 통합 입양 신청서 수신
Develop
-입양 신청서를 앱에서 빠르게 작성할
수 있도록 함
-입양 신청서가 통합됨
-화폐를 저장하는 자체 기능 (책임비=입양비)
-앱을 통해 번호표 발부
20. 동물 등록하기 사진 편집
Develop
-영상, 앞모습, 뒷모습, 옆모습 촬영
필수화
-동물 누끼를 자동으로 따주고 배경을
바꿀 수 있도록 함
-필터 기능