This proposal of work contains details and samples of the user centric design process I follow. I have been trying to find a good graph that represents the process, but at the end I have decided to make my own! ;)
Rounding up the hottest web design trends set to dominate 2016.
Like any other field of design, web design trends come and go with the passing of time. Website design has a relentless drive to change, because platform is ever changing.
The visual landscape for web designers has remained largely as it was in 2015, with a refinement of the minimalist approach that has become popular over the past few years. Underneath the aesthetic treatment of pages, however, the web has been quietly progressing. Our presentation shows more.
Overview of UX best practices when building your Salesforce1 mobile app including "Do's & Do Not's". This deck can also be found on the Salesforce1 Mobile Chatter group.
The Future of Website Design - 11 Trends for 2017 and BeyondDana Donnelly
11 Website Design Trends that you’re likely to see implemented in 2017 to enhance user experience and user interface. Plus ProTips to make your site stand out.
This proposal of work contains details and samples of the user centric design process I follow. I have been trying to find a good graph that represents the process, but at the end I have decided to make my own! ;)
Rounding up the hottest web design trends set to dominate 2016.
Like any other field of design, web design trends come and go with the passing of time. Website design has a relentless drive to change, because platform is ever changing.
The visual landscape for web designers has remained largely as it was in 2015, with a refinement of the minimalist approach that has become popular over the past few years. Underneath the aesthetic treatment of pages, however, the web has been quietly progressing. Our presentation shows more.
Overview of UX best practices when building your Salesforce1 mobile app including "Do's & Do Not's". This deck can also be found on the Salesforce1 Mobile Chatter group.
The Future of Website Design - 11 Trends for 2017 and BeyondDana Donnelly
11 Website Design Trends that you’re likely to see implemented in 2017 to enhance user experience and user interface. Plus ProTips to make your site stand out.
Cum faci mai prietenos website-ul organizației tale? Cum structurezi informația de pe website-ul organizației tale pentru a comunica mai eficient? Unde poți pozitiona butoane pentru a avea mai mulți abonați la newsletter-ul tău sau a primi mai multe donații? Ce înseamnă o conversie? Ce instrumente poți folosi pentru a îmbunătăți drumul urmat de un vizitator pe website-ul tău? Cum poți să crești durata unei vizite pe site?
Prezentare susținută de Ioana Iordan - [e-spres-oh], pe 7 martie 2017, în cadrul Școlii Digitale pentru ONG-uri: ONG Online.
Școala Digitală pentru ONG-uri este un program anual creat de Asociația Techsoup pentru a ajuta angajați și voluntarii organizațiilor neguvernamentale din România și Republica Moldova să beneficieze de training profesionist și la îndemână online în utilizarea tehnologiei sau soluțiilor online disponibile lor. Mai multe pe www.ongonline.techsoup.ro.
< 2016 3rd UX Trend Report Part2>
라이트브레인 UX 트렌드 리포트 UX Discovery는 해외 다양한 매체들을 통해 하루 평균 50여건의 트렌드를 탐색, 수집, 검토하며 UX적 관점에서 분야별로 분석해서 정리됩니다.
2016 UX Discovery 3호에서는 본격적인 A.I시대의 진입을 맞아 드론, 로봇, 자율주행차량 등의 다양한 AI제품들과 서비스 그리고 빅데이터를 활용한 지진감지 경고앱과 같은 최신앱에서 가상현실, 웨어러블 등 뉴 UX 트렌드들도 한번에 살펴 보실 수 있습니다.
이중 2부에서는 새로운 인터랙션(New Interaction), 웨어러블(Wearable), 사물인터넷(Internet of Things), 혁신적인 제품(Product) 분야의 최신 트렌드를 담고 있으며
전체 리포트는 총 248페이지로, 나머지 내용 및 자세한 정보는 라이트브레인 웹사이트(www.rightbrain.co.kr)에서 확인할 수 있습니다.
커머스 관점에서 본 UX 트랜드 및 전망에 대한 리포트입니다.
분석한 총 6가지 트렌드를 사례중심으로 모아 이해하기 쉽게 내용을 정리했습니다.
>> Trend #1. Interactive Storytelling
여러 가지 정보를 복잡하게 나열하지 않고 비디오 또는 모션 그래픽을 통해서 사용자의 흥미를 이끌어내는 경향이 높아지고 있다.
밀레니얼이나 Z세대는 정적인 정보에 비해서 Interactive Storytelling에 더 많은 영향을 받는다.
>> Trend #2. 공유경제 + On Demand Service
Uber와 같은 1세대 공유경제 서비스들이 새로운 수익모델을 On Demand Service로 확장한다거나 Airbnb와 같은 1세대를 모방한 새로운 공유경제 업체들이 On Demand Service를 무기로 등장하고 있다.
>> Trend #3. 댁내 Retail Store
냉장고나 별도의 IoT 기기를 활용한 상품 주문 플랫폼의 등장은 온라인이냐? 오프라인이냐?는 경계를 무색하게 만들고 있다.
기존의 TV 커머스나 모바일 커머스에 비해 실생활에 더 결합되어 있다는 점이 새로운 '댁내 Retail Store'의 특징이다.
>> Trend #4. 開幕 Personal shopping Agent era
사용자의 취향과 관심사를 알고서 사용자가 뭔가를 사려고 하는 시점에 적절하게 개입하여 적당한 가격/품질/브랜드/기능을 가진 상품을 추천해주는 'Personal hopping Agent'의 시대가 개화됐다.
>> Trend #5.Physical Authentication
애플에서 시작한 지문 인식부터 삼성 갤럭시노트7의 홍채인식 등 사용자의 신체를 통한 인증 기술이 대중화되면서 쇼핑몰에서의 결제 인증도 조만간 신체 인증이 등장할 것으로 전망된다.
>> Trend #6.Real-time Conversational Recommend
대화형 커머스는 기업과 고객이 실시간으로 대화하여 고객이 원하는 제품을 추천해준다. 기업은 대화를 통해 소비자가 원하는 제품을 즉시적으로 파악한다. 대화 내용은 향후 AI에 활용되어 보다 사용자에게 적합한 추천이 가능할 것으로 보인다.
>> Trend #7. Virtually try it out on ‘YOURSELF'
VR 기술의 발달로 제품이나 서비스를 가상의 경험을 통해 좀더 실제감 있게 체험해 보고 구매의사를 결정할 수 있게 된다.
가상 세계는 단순히 스마트폰을 통해 구현이 되거나, VR 헤드셋을 통해 진입할 수 있다.
라이트브레인 UX 아카데미 4기 오픈프로젝트 - Smart Toy for kidult, TAKTAK RightBrain inc.
어른들을 위한 스마트토이 두번째!
Smart Slide Puzzle, TAKTAK
라이트브레인 UX 아카데미 4기과정은
UX Design Track II. 정규과정 Advanced Course로
UX 디자인에 대한 기초 지식과 경험을 가지고 있는
경력자와 학생들을 대상으로 진행되었습니다.
이번 주제는 Smart Toy for Kidult!
수업이 진행되는 월요일 외에도
주중에는 조별 모임을 통해 과제와 프로젝트를 진행하며
만들어 낸 신선한 아이디어들을 공개합니다.
Life Experience
이제 사람들은 하려는 일을 보다 빠르고 편리하게 처리하는 것을 넘어서서 삶을 영위하기 위한 수단으로 제품과 서비스를 이용하고 있습니다. 모바일 기기의 확산은 이러한 흐름을 가속화하고 있고, 그로 인해 사람들은 특정 컨텍스트에서 명확한 동기를 가지고 제품이나 서비스를 이용하는 것이 아니라 제 몸처럼 제품을 몸에 지니고 다니며, 숨을 쉬듯 늘 서비스를 이용합니다.
이제 사용자는 특정 대상을 지칭하는 것에 그치지 않습니다. 이에 UX는 정치와 철학과 같이 인류 보편적인 분야로 접어들고 있습니다.
모바일 기기 및 연결의 확산으로 인해 다가올 UX의 흐름을 서비스 제공자와 사용자의 관점에서 다음의 4가지로 요약했습니다.
1. Context Aware
2. Tracking User Behavior
3. Natural Language Interface
4. New World Created by Computer
- 라이트브레인 UX1 컨설팅그룹
Enterprise Mobile App UX: Designing from UI to BackendSanjeev Sharma
Enterprise Applications are typically no more than a User Interface to a set of complex back-end systems. They allow Systems of Record to become Systems of Interaction by putting the records and the ability to interact with them in the palm of your hand. A good User Experience with such a Mobile App requires designing the entire end-to-end architecture with the User Interaction in mind. What is your enterprise mobile apps’ back-end? Is it a single ‘black-box’ serving up data via REST calls? Or is it a set of back-ends, communicating with your app’s UI via multiple APIs. Does your back-end include services that require you to change your app’s UI every time it gets updated? Does the nature of your back-end impact how you build your app, impact the UI design decisions you need to take? How do you test all your back-end(s) for functionality and performance? How do you integrate all these pieces together? How do you provide a good User Experience? As you build complex mobile apps, the architecture of your complete end-to-end system – Backend to UI – becomes critical to your application’s success. This presentation will help attendees identify key architectural decisions that they need to take early in their mobile app development lifecycle to help address these challenges, reduce risk and cost and enhance the User Experience. It will do so by presenting examples of successful architectures of mobile apps and explore key decisions they took and why.
Cum faci mai prietenos website-ul organizației tale? Cum structurezi informația de pe website-ul organizației tale pentru a comunica mai eficient? Unde poți pozitiona butoane pentru a avea mai mulți abonați la newsletter-ul tău sau a primi mai multe donații? Ce înseamnă o conversie? Ce instrumente poți folosi pentru a îmbunătăți drumul urmat de un vizitator pe website-ul tău? Cum poți să crești durata unei vizite pe site?
Prezentare susținută de Ioana Iordan - [e-spres-oh], pe 7 martie 2017, în cadrul Școlii Digitale pentru ONG-uri: ONG Online.
Școala Digitală pentru ONG-uri este un program anual creat de Asociația Techsoup pentru a ajuta angajați și voluntarii organizațiilor neguvernamentale din România și Republica Moldova să beneficieze de training profesionist și la îndemână online în utilizarea tehnologiei sau soluțiilor online disponibile lor. Mai multe pe www.ongonline.techsoup.ro.
< 2016 3rd UX Trend Report Part2>
라이트브레인 UX 트렌드 리포트 UX Discovery는 해외 다양한 매체들을 통해 하루 평균 50여건의 트렌드를 탐색, 수집, 검토하며 UX적 관점에서 분야별로 분석해서 정리됩니다.
2016 UX Discovery 3호에서는 본격적인 A.I시대의 진입을 맞아 드론, 로봇, 자율주행차량 등의 다양한 AI제품들과 서비스 그리고 빅데이터를 활용한 지진감지 경고앱과 같은 최신앱에서 가상현실, 웨어러블 등 뉴 UX 트렌드들도 한번에 살펴 보실 수 있습니다.
이중 2부에서는 새로운 인터랙션(New Interaction), 웨어러블(Wearable), 사물인터넷(Internet of Things), 혁신적인 제품(Product) 분야의 최신 트렌드를 담고 있으며
전체 리포트는 총 248페이지로, 나머지 내용 및 자세한 정보는 라이트브레인 웹사이트(www.rightbrain.co.kr)에서 확인할 수 있습니다.
커머스 관점에서 본 UX 트랜드 및 전망에 대한 리포트입니다.
분석한 총 6가지 트렌드를 사례중심으로 모아 이해하기 쉽게 내용을 정리했습니다.
>> Trend #1. Interactive Storytelling
여러 가지 정보를 복잡하게 나열하지 않고 비디오 또는 모션 그래픽을 통해서 사용자의 흥미를 이끌어내는 경향이 높아지고 있다.
밀레니얼이나 Z세대는 정적인 정보에 비해서 Interactive Storytelling에 더 많은 영향을 받는다.
>> Trend #2. 공유경제 + On Demand Service
Uber와 같은 1세대 공유경제 서비스들이 새로운 수익모델을 On Demand Service로 확장한다거나 Airbnb와 같은 1세대를 모방한 새로운 공유경제 업체들이 On Demand Service를 무기로 등장하고 있다.
>> Trend #3. 댁내 Retail Store
냉장고나 별도의 IoT 기기를 활용한 상품 주문 플랫폼의 등장은 온라인이냐? 오프라인이냐?는 경계를 무색하게 만들고 있다.
기존의 TV 커머스나 모바일 커머스에 비해 실생활에 더 결합되어 있다는 점이 새로운 '댁내 Retail Store'의 특징이다.
>> Trend #4. 開幕 Personal shopping Agent era
사용자의 취향과 관심사를 알고서 사용자가 뭔가를 사려고 하는 시점에 적절하게 개입하여 적당한 가격/품질/브랜드/기능을 가진 상품을 추천해주는 'Personal hopping Agent'의 시대가 개화됐다.
>> Trend #5.Physical Authentication
애플에서 시작한 지문 인식부터 삼성 갤럭시노트7의 홍채인식 등 사용자의 신체를 통한 인증 기술이 대중화되면서 쇼핑몰에서의 결제 인증도 조만간 신체 인증이 등장할 것으로 전망된다.
>> Trend #6.Real-time Conversational Recommend
대화형 커머스는 기업과 고객이 실시간으로 대화하여 고객이 원하는 제품을 추천해준다. 기업은 대화를 통해 소비자가 원하는 제품을 즉시적으로 파악한다. 대화 내용은 향후 AI에 활용되어 보다 사용자에게 적합한 추천이 가능할 것으로 보인다.
>> Trend #7. Virtually try it out on ‘YOURSELF'
VR 기술의 발달로 제품이나 서비스를 가상의 경험을 통해 좀더 실제감 있게 체험해 보고 구매의사를 결정할 수 있게 된다.
가상 세계는 단순히 스마트폰을 통해 구현이 되거나, VR 헤드셋을 통해 진입할 수 있다.
라이트브레인 UX 아카데미 4기 오픈프로젝트 - Smart Toy for kidult, TAKTAK RightBrain inc.
어른들을 위한 스마트토이 두번째!
Smart Slide Puzzle, TAKTAK
라이트브레인 UX 아카데미 4기과정은
UX Design Track II. 정규과정 Advanced Course로
UX 디자인에 대한 기초 지식과 경험을 가지고 있는
경력자와 학생들을 대상으로 진행되었습니다.
이번 주제는 Smart Toy for Kidult!
수업이 진행되는 월요일 외에도
주중에는 조별 모임을 통해 과제와 프로젝트를 진행하며
만들어 낸 신선한 아이디어들을 공개합니다.
Life Experience
이제 사람들은 하려는 일을 보다 빠르고 편리하게 처리하는 것을 넘어서서 삶을 영위하기 위한 수단으로 제품과 서비스를 이용하고 있습니다. 모바일 기기의 확산은 이러한 흐름을 가속화하고 있고, 그로 인해 사람들은 특정 컨텍스트에서 명확한 동기를 가지고 제품이나 서비스를 이용하는 것이 아니라 제 몸처럼 제품을 몸에 지니고 다니며, 숨을 쉬듯 늘 서비스를 이용합니다.
이제 사용자는 특정 대상을 지칭하는 것에 그치지 않습니다. 이에 UX는 정치와 철학과 같이 인류 보편적인 분야로 접어들고 있습니다.
모바일 기기 및 연결의 확산으로 인해 다가올 UX의 흐름을 서비스 제공자와 사용자의 관점에서 다음의 4가지로 요약했습니다.
1. Context Aware
2. Tracking User Behavior
3. Natural Language Interface
4. New World Created by Computer
- 라이트브레인 UX1 컨설팅그룹
Enterprise Mobile App UX: Designing from UI to BackendSanjeev Sharma
Enterprise Applications are typically no more than a User Interface to a set of complex back-end systems. They allow Systems of Record to become Systems of Interaction by putting the records and the ability to interact with them in the palm of your hand. A good User Experience with such a Mobile App requires designing the entire end-to-end architecture with the User Interaction in mind. What is your enterprise mobile apps’ back-end? Is it a single ‘black-box’ serving up data via REST calls? Or is it a set of back-ends, communicating with your app’s UI via multiple APIs. Does your back-end include services that require you to change your app’s UI every time it gets updated? Does the nature of your back-end impact how you build your app, impact the UI design decisions you need to take? How do you test all your back-end(s) for functionality and performance? How do you integrate all these pieces together? How do you provide a good User Experience? As you build complex mobile apps, the architecture of your complete end-to-end system – Backend to UI – becomes critical to your application’s success. This presentation will help attendees identify key architectural decisions that they need to take early in their mobile app development lifecycle to help address these challenges, reduce risk and cost and enhance the User Experience. It will do so by presenting examples of successful architectures of mobile apps and explore key decisions they took and why.
3. UX Research
1. Environment analysis
전시내용이 새롭고 흥미를 느낄 때 신뢰도가 높음
홈페이지나 전시정보의 접근을 용이하게 할 때 신뢰도가 높음
휴게공간의 시설을 편리하게 이용하게 할 때 신뢰도가 높음
미술관의 신뢰도를 높이는 환경
— 총 8관의 전시실 + 서울박스, MMCA필름앤 비디오, 아트팹랩, MMCA미디
어 아트월 등 다양한 전시를 한 곳에 모아둠 (한 번에 많은 전시 제공)
— 홈페이지로 전시 정보들을 제공. 전시별로 다른 / 또한 고정된 다양한 휴식
공간 제공. 다양한 문화체험, 교육을 제공
국립현대미술관 서울관
주로 전시 정보를 얻는 곳
39%
SNS
미술정보
웹사이트
미술정보
전문 앱
이메일&
뉴스레터
미술전문
잡지
29%
16%
9% 7%
국립현대미술관은 정보를 주입하는 페이스북 좋아요 페이지 1위를 달
성. 하지만 관객 참여형인 인스타그램은 대림미술관을 이은 2위에 그침
관객 7명 쉐도잉했을 때, 모두 사진촬영을 이유로 멈추거나 전시를 오래
본 경험 많음
페이스북 페이지 좋아요 수 1위.
쉐도잉 조사 결과 관객의 사진촬영 횟수 많음
4. UX Research
1. Environment analysis
전시내용이 새롭고 흥미를 느낄 때 신뢰도가 높음
홈페이지나 전시정보의 접근을 용이하게 할 때 신뢰도가 높음
휴게공간의 시설을 편리하게 이용하게 할 때 신뢰도가 높음
미술관의 신뢰도를 높이는 환경
총 8관의 전시실 + 서울박스, MMCA필름앤 비디오,
아트팹랩, MMCA미디어 아트월 등 다양한 전시를 한 곳에
모아둠 (한 번에 많은 전시 제공)
홈페이지로 전시 정보들을 제공. 전시별로 다른 / 또한 고정
된 다양한 휴식공간 제공. 다양한 문화체험, 교육을 제공
국립현대미술관 서울관
주로 전시 정보를 얻는 곳은?
39%
SNS
미술정보
웹사이트
미술정보
전문 앱
이메일&
뉴스레터
미술전문
잡지
29%
16%
9% 7%
국립현대미술관은 페이스북 좋아요 페이지 1위를 달성.
하지만 정보를 주입하는 페이스북 좋아요 페이지는 1위
이지만, 인스타그램은 대림미술관을 이은 2위에 그침.
관객 7명 쉐도잉했을 때, 모두 사진촬영 때문에 멈추거나,
전시를 오래 본 경험 많다.
페이스북 페이지 좋아요 수 1위.
쉐도잉 조사 결과 관객의 사진촬영 횟수 많음
많은 컨텐츠 대비 정보 전달력이 떨어짐
Insight 2
MMCA 서울관은 다양한 전시와 문화체험을 주최하고
많은 휴식공간을 제공하고 있으나,
홈페이지에서 원하는 정보를 정확히 얻기 힘듦
인지도, 사진촬영 대비 관객 참여 부족
Insight 4
MMCA 서울관의 인지도와 촬영 빈도에 비해
관객 참여(인스타그램, 태그)의 유도는 부족하다.
선 SNS — 후 홈페이지 정보 검색
Insight 3
사용자들은 전시 관람 전&중에 전시관련 어플을 사용하는데,
전시 정보의 대부분을 SNS에서 얻고,
정확한 정보는 홈페이지/어플을 통해 얻는다.
Insight 1
미술관의 신뢰도를 높이기 위해서는
홈페이지에서 전시 정보의 접근을 용이하게 하고,
휴게공간 등의 시설을 편리하게 이용할 수 있어야 한다.
전시 정보 접근 용이 & 휴게시설 안내
5. UX Research
1. Environment analysis
전시내용이 새롭고 흥미를 느낄 때 신뢰도가 높음
홈페이지나 전시정보의 접근을 용이하게 할 때 신뢰도가 높음
휴게공간의 시설을 편리하게 이용하게 할 때 신뢰도가 높음
미술관의 신뢰도를 높이는 환경
총 8관의 전시실 + 서울박스, MMCA필름앤 비디오,
아트팹랩, MMCA미디어 아트월 등 다양한 전시를 한 곳에
모아둠 (한 번에 많은 전시 제공)
홈페이지로 전시 정보들을 제공. 전시별로 다른 / 또한 고정
된 다양한 휴식공간 제공. 다양한 문화체험, 교육을 제공
국립현대미술관 서울관
주로 전시 정보를 얻는 곳은?
39%
SNS
미술정보
웹사이트
미술정보
전문 앱
이메일&
뉴스레터
미술전문
잡지
29%
16%
9% 7%
국립현대미술관은 페이스북 좋아요 페이지 1위를 달성.
하지만 정보를 주입하는 페이스북 좋아요 페이지는 1위
이지만, 인스타그램은 대림미술관을 이은 2위에 그침.
관객 7명 쉐도잉했을 때, 모두 사진촬영 때문에 멈추거나,
전시를 오래 본 경험 많다.
페이스북 페이지 좋아요 수 1위.
쉐도잉 조사 결과 관객의 사진촬영 횟수 많음
많은 컨텐츠 대비 정보 전달력이 떨어짐
MMCA 서울관은 다양한 전시와 문화체험을 주최하고
많은 휴식공간을 제공하고 있으나,
홈페이지에서 원하는 정보를 정확히 얻기 힘듦
인지도, 사진촬영 대비 관객 참여 부족
MMCA 서울관의 인지도와 촬영 빈도에 비해
관객 참여(인스타그램, 태그)의 유도는 부족하다.
선 SNS — 후 홈페이지 정보 검색
사용자들은 전시 관람 전&중에 전시관련 어플을 사용하는데,
전시 정보의 대부분을 SNS에서 얻고,
정확한 정보는 홈페이지/어플을 통해 얻는다.
Insight 1
미술관의 신뢰도를 높이기 위해서는
홈페이지에서 전시 정보의 접근을 용이하게 하고,
휴게공간 등의 시설을 편리하게 이용할 수 있어야 한다.
전시 정보 접근 용이 & 휴게시설 안내
Insight 2
Insight 3 Insight 4
6. UX Research
1. Environment analysis
전시내용이 새롭고 흥미를 느낄 때 신뢰도가 높음
홈페이지나 전시정보의 접근을 용이하게 할 때 신뢰도가 높음
휴게공간의 시설을 편리하게 이용하게 할 때 신뢰도가 높음
미술관의 신뢰도를 높이는 환경
총 8관의 전시실 + 서울박스, MMCA필름앤 비디오,
아트팹랩, MMCA미디어 아트월 등 다양한 전시를 한 곳에
모아둠 (한 번에 많은 전시 제공)
홈페이지로 전시 정보들을 제공. 전시별로 다른 / 또한 고정
된 다양한 휴식공간 제공. 다양한 문화체험, 교육을 제공
국립현대미술관 서울관
주로 전시 정보를 얻는 곳은?
39%
SNS
미술정보
웹사이트
미술정보
전문 앱
이메일&
뉴스레터
미술전문
잡지
29%
16%
9% 7%
국립현대미술관은 페이스북 좋아요 페이지 1위를 달성.
하지만 정보를 주입하는 페이스북 좋아요 페이지는 1위
이지만, 인스타그램은 대림미술관을 이은 2위에 그침.
관객 7명 쉐도잉했을 때, 모두 사진촬영 때문에 멈추거나,
전시를 오래 본 경험 많다.
페이스북 페이지 좋아요 수 1위.
쉐도잉 조사 결과 관객의 사진촬영 횟수 많음
많은 컨텐츠 대비 정보 전달력이 떨어짐
MMCA 서울관은 다양한 전시와 문화체험을 주최하고
많은 휴식공간을 제공하고 있으나,
홈페이지에서 원하는 정보를 정확히 얻기 힘듦
인지도, 사진촬영 대비 관객 참여 부족
MMCA 서울관의 인지도와 촬영 빈도에 비해
관객 참여(인스타그램, 태그)의 유도는 부족하다.
선 SNS — 후 홈페이지 정보 검색
사용자들은 전시 관람 전&중에 전시관련 어플을 사용하는데,
전시 정보의 대부분을 SNS에서 얻고,
정확한 정보는 홈페이지/어플을 통해 얻는다.
Insight 1
미술관의 신뢰도를 높이기 위해서는
홈페이지에서 전시 정보의 접근을 용이하게 하고,
휴게공간 등의 시설을 편리하게 이용할 수 있어야 한다.
전시 정보 접근 용이 & 휴게시설 안내
Insight 2
Insight 3 Insight 4
7. UX Research
1. Environment analysis
전시내용이 새롭고 흥미를 느낄 때 신뢰도가 높음
홈페이지나 전시정보의 접근을 용이하게 할 때 신뢰도가 높음
휴게공간의 시설을 편리하게 이용하게 할 때 신뢰도가 높음
미술관의 신뢰도를 높이는 환경
총 8관의 전시실 + 서울박스, MMCA필름앤 비디오,
아트팹랩, MMCA미디어 아트월 등 다양한 전시를 한 곳에
모아둠 (한 번에 많은 전시 제공)
홈페이지로 전시 정보들을 제공. 전시별로 다른 / 또한 고정
된 다양한 휴식공간 제공. 다양한 문화체험, 교육을 제공
국립현대미술관 서울관
주로 전시 정보를 얻는 곳은?
39%
SNS
미술정보
웹사이트
미술정보
전문 앱
이메일&
뉴스레터
미술전문
잡지
29%
16%
9% 7%
국립현대미술관은 페이스북 좋아요 페이지 1위를 달성.
하지만 정보를 주입하는 페이스북 좋아요 페이지는 1위
이지만, 인스타그램은 대림미술관을 이은 2위에 그침.
관객 7명 쉐도잉했을 때, 모두 사진촬영 때문에 멈추거나,
전시를 오래 본 경험 많다.
페이스북 페이지 좋아요 수 1위.
쉐도잉 조사 결과 관객의 사진촬영 횟수 많음
많은 컨텐츠 대비 정보 전달력이 떨어짐
MMCA 서울관은 다양한 전시와 문화체험을 주최하고
많은 휴식공간을 제공하고 있으나,
홈페이지에서 원하는 정보를 정확히 얻기 힘듦
인지도, 사진촬영 대비 관객 참여 부족
MMCA 서울관의 인지도와 촬영 빈도에 비해
관객 참여(인스타그램, 태그)의 유도는 부족하다.
선 SNS — 후 홈페이지 정보 검색
사용자들은 전시 관람 전&중에 전시관련 어플을 사용하는데,
전시 정보의 대부분을 SNS에서 얻고,
정확한 정보는 홈페이지/어플을 통해 얻는다.
Insight 1
미술관의 신뢰도를 높이기 위해서는
홈페이지에서 전시 정보의 접근을 용이하게 하고,
휴게공간 등의 시설을 편리하게 이용할 수 있어야 한다.
전시 정보 접근 용이 & 휴게시설 안내
Insight 2
Insight 3 Insight 4
8. UX Research
2. UX Challenge
미술관을 가기 전과 후에,
모바일 앱을 통해
원하는 정보를 제공 받고, 그를 바탕으로
마음에 드는 사진을 공유하여 만족도 높은
미술관의 경험을 제공한다.
Touch point
전시 관람 전
전시 관람 중
Channel
모바일
어플리케이션
Experience
원하는 정보 제공
SNS 공유
9. Target
1. User Research
20대 대학생
&직장인 여성
20대, 문화예술에 관심 가장 높다
20대 ‘문화 열광족’은 문화예술 관심도(93점)와 문화예술 중요
도(77.1점)는 가장 높다. 전시회는 두 달에 한 번 꼴로 참여하며,
문화활동비용은 연간 69만4,281원으로 세대 중 가장 많이 지불
한다. 여가활동의 동반자는 주로 친구(53.9%)거나 혼자서 즐기
는 경우(35.5%)가 많았다. (2015, 서울문화재단)
20대여성이 미술전시를 가장 많이 관람…
SNS, 웹, 앱 활용도 커
20대 여성이 미술전시를 가장 많이 관람하고 미술관련 정보에도 가장 많은 관심을
보이는것으로 밝혀졌다. 응답자의 69%가 20대였으며, 87%가 여성이었다. 또한
45%의 응답자가 한달에 한번 전시를 관람하는 반면 22%가 일주일에 1회 관람하
는 것으로 밝혀져 의외로 많은 이들이 자주, 정기적으로 미술전시를 접하고 있음을
알 수 있다. 주로 방문하는 지역으로는 미술관과 갤러리, 카페가 밀집한 삼청동과
인사동이 꼽혔다.만24세 이하 또는 만65세 이상 / 대학생
무료 관람객 현황
89.4%
10. UX Research
1. User Research - 심층 인터뷰
미술관 접근 동기
전시 정보를 얻는 경로
휴식공간 정보 인지
전시 동선
특징
포털사이트에 진행중 전시 검색SNS 포스팅으로 알게됨
블로그 등으로 전시 세부
정보를 알고 난 후 방문
몰라서 직접 이곳 저곳
직접 뒤져본 후 인지
어디를 먼저 가야할지
몰라서 보이는 곳 먼저 방문
사진찍을 곳이 많아 방문.
sns에 많이 올리는 편이다.
사진찍을 곳이 많아 방문.
sns에 많이 올리는 편이다.
전시를 좋아하고 무료라
자주 방문. 사진은 많이
찍지만 공유까지
이어지지는 않음.
다른 사람이 올린 sns 사진을
보고 방문 후, 실망한 경험이 많음.
원하는 전시에 따른 동선 제공 희망
정보를 딱히 알지 않고
공간이 좋아 방문
그냥 가다가 어디든지
휴식 공간이 있으면 휴식
가도 가도 헤깔려서
아트숍 먼저 방문
홈페이지 봐도 세부정보를
알 수 없어서 포탈로 검색
로비에 있는 의자 말고는
휴식공간 정보 모름
1층 먼저 구경한 후
지하로 내려가 구경
또는 보고싶던 전시만 구경
락커룸 이용 후, 지하에 있는
전시 먼저 관람 후 1층 관람. 또는
보고싶던 전시와 근처 전시 구경
sns로 발견 후 홈페이지 검색.
정보를 알 수 없어 그냥 방문
전시에 따라 달라져서
기억, 인지 어려움
삼청동 갔다가 우연히 지인 추천
방우리
25세 / 직장인
방문 5회 이상
오예술
25세 / 대학생
방문 1회
이훈정
24세 / 대학생
방문 3회
조인아
26세 / 직장인
방문 5회 이상
11. UX Research
1. User Research - 인터뷰 Insight
미술관 접근 동기
전시 정보를 얻는 경로
휴식공간 정보 인지
전시 동선
특징
포털사이트에 진행중 전시 검색SNS 포스팅으로 알게됨
블로그 등으로 전시 세부
정보를 알고 난 후 방문
몰라서 직접 이곳 저곳
직접 뒤져본 후 인지
어디를 먼저 가야할지
몰라서 보이는 곳 먼저 방문
사진찍을 곳이 많아 방문.
sns에 많이 올리는 편이다.
사진찍을 곳이 많아 방문.
sns에 많이 올리는 편이다.
전시를 좋아하고 무료라
자주 방문. 사진은 많이
찍지만 공유까지
이어지지는 않음.
다른 사람이 올린 sns 사진을
보고 방문 후, 실망한 경험이 많음.
원하는 전시에 따른 동선 제공 희망
정보를 딱히 알지 않고
공간이 좋아 방문
그냥 가다가 어디든지
휴식 공간이 있으면 휴식
가도 가도 헤깔려서
아트숍 먼저 방문
홈페이지 봐도 세부정보를
알 수 없어서 포탈로 검색
로비에 있는 의자 말고는
휴식공간 정보 모름
1층 먼저 구경한 후
지하로 내려가 구경
또는 보고싶던 전시만 구경
락커룸 이용 후, 지하에 있는
전시 먼저 관람 후 1층 관람. 또는
보고싶던 전시와 근처 전시 구경
sns로 발견 후 홈페이지 검색.
정보를 알 수 없어 그냥 방문
전시에 따라 달라져서
기억, 인지 어려움
삼청동 갔다가 우연히 지인 추천
홈페이지에서 적절한 정보를 제공받지 못해 sns나 포털/블로그 검색으로 정보를 다시 제공받음
휴식공간에 대한 인지 매우 낮음 - 전시를 보다가 우연히 발견하는 경우가 많음
정보제공
부족
방우리
25세 / 직장인
방문 5회 이상
오예술
25세 / 대학생
방문 1회
이훈정
24세 / 대학생
방문 3회
조인아
26세 / 직장인
방문 5회 이상
12. UX Research
1. User Research - 인터뷰 Insight
미술관 접근 동기
전시 정보를 얻는 경로
휴식공간 정보 인지
전시 동선
특징
포털사이트에 진행중 전시 검색SNS 포스팅으로 알게됨
블로그 등으로 전시 세부
정보를 알고 난 후 방문
몰라서 직접 이곳 저곳
직접 뒤져본 후 인지
어디를 먼저 가야할지
몰라서 보이는 곳 먼저 방문
사진찍을 곳이 많아 방문.
sns에 많이 올리는 편이다.
사진찍을 곳이 많아 방문.
sns에 많이 올리는 편이다.
전시를 좋아하고 무료라
자주 방문. 사진은 많이
찍지만 공유까지
이어지지는 않음.
다른 사람이 올린 sns 사진을
보고 방문 후, 실망한 경험이 많음.
원하는 전시에 따른 동선 제공 희망
정보를 딱히 알지 않고
공간이 좋아 방문
그냥 가다가 어디든지
휴식 공간이 있으면 휴식
가도 가도 헤깔려서
아트숍 먼저 방문
홈페이지 봐도 세부정보를
알 수 없어서 포탈로 검색
로비에 있는 의자 말고는
휴식공간 정보 모름
1층 먼저 구경한 후
지하로 내려가 구경
또는 보고싶던 전시만 구경
락커룸 이용 후, 지하에 있는
전시 먼저 관람 후 1층 관람. 또는
보고싶던 전시와 근처 전시 구경
sns로 발견 후 홈페이지 검색.
정보를 알 수 없어 그냥 방문
전시에 따라 달라져서
기억, 인지 어려움
삼청동 갔다가 우연히 지인 추천
홈페이지에서 적절한 정보를 제공받지 못해 sns나 포털/블로그 검색으로 정보를 다시 제공받음
휴식공간에 대한 인지 매우 낮음 - 전시를 보다가 우연히 발견하는 경우가 많음
MMCA 서울관의 원래 컨셉이 동선을 정해놓지 않은 자유로운 분위기의 전시이지만,
전시 동선에 대한 정보가 아예 없어 처음 방문 또는 재방문 시에도 혼란을 겪음
정보제공
부족
동선에
대한 니즈
방우리
25세 / 직장인
방문 5회 이상
오예술
25세 / 대학생
방문 1회
이훈정
24세 / 대학생
방문 3회
조인아
26세 / 직장인
방문 5회 이상
13. UX Research
1. User Research - 인터뷰 Insight
미술관 접근 동기
전시 정보를 얻는 경로
휴식공간 정보 인지
전시 동선
특징
포털사이트에 진행중 전시 검색SNS 포스팅으로 알게됨
블로그 등으로 전시 세부
정보를 알고 난 후 방문
몰라서 직접 이곳 저곳
직접 뒤져본 후 인지
어디를 먼저 가야할지
몰라서 보이는 곳 먼저 방문
사진찍을 곳이 많아 방문.
sns에 많이 올리는 편이다.
사진찍을 곳이 많아 방문.
sns에 많이 올리는 편이다.
전시를 좋아하고 무료라
자주 방문. 사진은 많이
찍지만 공유까지
이어지지는 않음.
다른 사람이 올린 sns 사진을
보고 방문 후, 실망한 경험이 많음.
원하는 전시에 따른 동선 제공 희망
정보를 딱히 알지 않고
공간이 좋아 방문
그냥 가다가 어디든지
휴식 공간이 있으면 휴식
가도 가도 헤깔려서
아트숍 먼저 방문
홈페이지 봐도 세부정보를
알 수 없어서 포탈로 검색
로비에 있는 의자 말고는
휴식공간 정보 모름
1층 먼저 구경한 후
지하로 내려가 구경
또는 보고싶던 전시만 구경
락커룸 이용 후, 지하에 있는
전시 먼저 관람 후 1층 관람. 또는
보고싶던 전시와 근처 전시 구경
sns로 발견 후 홈페이지 검색.
정보를 알 수 없어 그냥 방문
전시에 따라 달라져서
기억, 인지 어려움
삼청동 갔다가 우연히 지인 추천
MMCA 서울관의 원래 컨셉이 동선을 정해놓지 않은 자유로운 분위기의 전시이지만,
전시 동선에 대한 정보가 아예 없어 처음 방문 또는 재방문 시에도 혼란을 겪음
다른 곳과 달리 전시장 전체 사진 촬영 가능으로 전시를 보며 사진촬영 빈도와 SNS 공유 빈도 높음
동선에
대한 니즈
사진촬영 빈도
홈페이지에서 적절한 정보를 제공받지 못해 sns나 포털/블로그 검색으로 정보를 다시 제공받음
휴식공간에 대한 인지 매우 낮음 - 전시를 보다가 우연히 발견하는 경우가 많음
정보제공
부족
방우리
25세 / 직장인
방문 5회 이상
오예술
25세 / 대학생
방문 1회
이훈정
24세 / 대학생
방문 3회
조인아
26세 / 직장인
방문 5회 이상
14. UX Research
2. Persona
이서진
26세 / 예술분야 종사자
외향적
감성적
내향적
이성적
이서진은 예술분야 종사자로 사진을 찍어 sns에 올리는 것이 취미이
다. 사진찍기 좋은 전시들이 많아 현대미술관에 자주 방문하는 편이
다. 하지만 올 때마다 동선이 꼬여 똑같은 곳을 수차례 방문하게 되어
불편함을 느낀다. SNS에 올라온 사진들이 무슨 관인지 바로 찾고싶지
만, 한참을 둘러본 뒤에 찾곤 한다. 사진촬영에 일가견이 있는 이서진
은 자신이 찍은 사진도 남들에게 뽐내고 공유하고싶다.
프로필
1. 동선에 대한 정보 제공
2. 보고싶던 전시 바로 찾기
3. SNS와 사람들에게 공유
동기부여
1. 너무 많은 관이 있어 어떤 전시를 우선으로 봐야
할지 모르겠음
2. 자신이 찾던 관의 위치 정보를 알기가 어려움
3. SNS 공유를 활발히 해 사람들이 내 사진을 더 많
이 보았으면 좋겠음
불만사항
1. 사용자의 니즈에 맞는 동선 제공 및 추천
2. 자신이 현재 있는 위치정보 제공
3. 사진 공유의 활성화
목적
성격동선을 제대로 알고 전시를 보고싶고
제가 찍은 사진을 공유하고 싶어요!
논리적 직관적
15. Contents Research
2. User Journey Map — 전시 관람 전
인지 전시정보 탐색 관람권 예매
이서진
26세
예술분야 종사자
거주지 서울
가족정보 싱글
인터넷 사용 상
SNS 사용빈도 상
1. 활발한/외향적인 성격
2. SNS에 사진 올리는 게 취미
3. 미술관 애호가
4. 일이 바빠져 여유시간이 없음
5. 주말은 잠을 몰아서 자는 편
6. 한 곳에 오래 머무르는 성격
7. 친구들과 함께 다니는 것을
선호함.
8. 혼자 다니는 것도 즐김
9. 인내력 있는 편
10. 체험형 / 참여형 전시선호
11. 웹보다 모바일 사용 선호
특성&동기
Stages 인지 전 경험
Thinking
Doing
Touch
Point
Experience
Feeling
요즘 너무 바빠 주말에는 자기만 하네..
오, 이 전시 재밌어보인다!
서울관? 집이랑도 가깝네
드디어 찾았다! 미리 예매하고 가야지
오늘이 아니라 일요일 전시를 찾아야해
아 이렇게 찾아야 보이는구나. 6개중에...
3개중에 내가 찾던 전시는 여기 없는데..
그래서 서울관에서 하는 전시는 뭐지?
내가 일반인가? 24세 이하인가?
어차피 현장에서 다시 티켓으로
교환해야 하는 거네..
로그인하니 다시 메인페이지로 돌아가네..
오랜만에 미술관 가고싶다
인스타그램에 업로드 된 사진
요즘 재밌는 전시 뭐가 있지?
페이스북 페이지 광고글
체험형 전시같은 건 없나
포탈 현재전시 검색 / 블로그 후기
주말을 알차게 보내고싶어
친구 추천
인스타&페이스북
게시물 구경
휴식취하기
지루함 흥미로움 복잡함 귀찮음 번잡함 분노
일상을
벗어나고픔
기대 혼란스러움 인내심발휘
전시회
방문욕구
인스타
일상사진 업로드
일하기
모바일
웹사이트
접속
관람권
예매
메인페이지
전시 탐색
서울관
클릭
현재전시-
서울관 클릭
미술관
캘린더
필터 -
서울관 클릭
전시클릭
-정보보기
회원가입
-로그인
예매
재클릭
날짜
선택
매수
선택
권종
선택
결제금액
확인 결제
16. Contents Research
2. User Journey Map — 전시 관람 전
인지 전시정보 탐색 관람권 예매
이서진
26세
예술분야 종사자
거주지 서울
가족정보 싱글
인터넷 사용 상
SNS 사용빈도 상
1. 활발한/외향적인 성격
2. SNS에 사진 올리는 게 취미
3. 미술관 애호가
4. 일이 바빠져 여유시간이 없음
5. 주말은 잠을 몰아서 자는 편
6. 한 곳에 오래 머무르는 성격
7. 친구들과 함께 다니는 것을
선호함.
8. 혼자 다니는 것도 즐김
9. 인내력 있는 편
10. 체험형 / 참여형 전시선호
11. 웹보다 모바일 사용 선호
특성&동기
Stages 인지 전 경험
Thinking
Doing
Touch
Point
Experience
Feeling
요즘 너무 바빠 주말에는 자기만 하네..
오, 이 전시 재밌어보인다!
서울관? 집이랑도 가깝네
드디어 찾았다! 미리 예매하고 가야지
오늘이 아니라 일요일 전시를 찾아야해
아 이렇게 찾아야 보이는구나. 6개중에...
3개중에 내가 찾던 전시는 여기 없는데..
그래서 서울관에서 하는 전시는 뭐지?
내가 일반인가? 24세 이하인가?
어차피 현장에서 다시 티켓으로
교환해야 하는 거네..
로그인하니 다시 메인페이지로 돌아가네..
오랜만에 미술관 가고싶다
인스타그램에 업로드 된 사진
요즘 재밌는 전시 뭐가 있지?
페이스북 페이지 광고글
체험형 전시같은 건 없나
포탈 현재전시 검색 / 블로그 후기
주말을 알차게 보내고싶어
친구 추천
인스타&페이스북
게시물 구경
휴식취하기
지루함 흥미로움 복잡함 귀찮음 번잡함 분노
일상을
벗어나고픔
기대 혼란스러움 인내심발휘
전시회
방문욕구
인스타
일상사진 업로드
일하기
모바일
웹사이트
접속
관람권
예매
메인페이지
전시 탐색
서울관
클릭
현재전시-
서울관 클릭
미술관
캘린더
필터 -
서울관 클릭
전시클릭
-정보보기
회원가입
-로그인
예매
재클릭
날짜
선택
매수
선택
권종
선택
결제금액
확인 결제
1. 직관적인 전시 정보 제공 필요
2. 날짜별 전시를 쉽게 제공
3. 모바일 예매
4. 모바일 티켓을 가능하게
17. Contents Research
2. User Journey Map — 전시 관람 중
미술관 입장 전시 관람 휴식미술관 위치 탐색
서울관이 어느 역이랑 가깝더라? 지도를 보니 지하, 1층, 2층 다 전시가 있네
저 전시도 괜찮아보이는데 그냥 먼저 봐야겠다
인스타에 올라왔던 곳은 여기네!
따로 정해진 동선은 없는건가?
보기가 너무 힘들다.
에이..따로 어플도 받아야하고 유료네
맥? 맥이 뭐지? - 아 시간별 도슨트구나
따로 들을 수 있는 도슨트가 있나?
사이트에 경로가 나와있겠지? 어디부터 봐야하는거지..? 전시를 오래 봤더니 쉬고싶다.
홈페이지에 휴식공간들이 나와있었나..?
아까 지나오면서 봤던 그 의자에서 쉬어야지
쉴 곳 없나? 여기서 쉬어야겠다.
번거로움 기대 복잡함귀찮음 실망감 혼란스러움 뿌듯함 깨달음 피로함 편안함
웹사이트
찾아오시는 길
네이버 지도
오래걸렸지만 혼자 보는 것 보다 이해가 잘 가네!
웹사이트
접속 전시해설
클릭
맥 작품감상
프로그램
오디오
가이드
티켓받기
감상시작
전시관
찾기
휴식
욕구
휴식헤멤 발견
도슨트
방송
전시해설
듣기
X
SNS공유
전시구경 사진촬영
전시해설 예고를 방송으로 해주는구나
시간도 있는데 들어볼까?
정해진 동선이 어느정도 있구나!
기억에 의존한
휴식공간 탐색
눈에 보이는
휴식공간 발견
18. Contents Research
2. User Journey Map — 전시 관람 중
미술관 입장 전시 관람 휴식미술관 위치 탐색
서울관이 어느 역이랑 가깝더라? 지도를 보니 지하, 1층, 2층 다 전시가 있네
저 전시도 괜찮아보이는데 그냥 먼저 봐야겠다
인스타에 올라왔던 곳은 여기네!
따로 정해진 동선은 없는건가?
보기가 너무 힘들다.
에이..따로 어플도 받아야하고 유료네
맥? 맥이 뭐지? - 아 시간별 도슨트구나
따로 들을 수 있는 도슨트가 있나?
사이트에 경로가 나와있겠지? 어디부터 봐야하는거지..? 전시를 오래 봤더니 쉬고싶다.
홈페이지에 휴식공간들이 나와있었나..?
아까 지나오면서 봤던 그 의자에서 쉬어야지
쉴 곳 없나? 여기서 쉬어야겠다.
번거로움 기대 복잡함귀찮음 실망감 혼란스러움 뿌듯함 깨달음 피로함 편안함
웹사이트
찾아오시는 길
네이버 지도
오래걸렸지만 혼자 보는 것 보다 이해가 잘 가네!
웹사이트
접속 전시해설
클릭
맥 작품감상
프로그램
오디오
가이드
티켓받기
감상시작
전시관
찾기
휴식
욕구
휴식헤멤 발견
도슨트
방송
전시해설
듣기
X
SNS공유
전시구경 사진촬영
전시해설 예고를 방송으로 해주는구나
시간도 있는데 들어볼까?
정해진 동선이 어느정도 있구나!
기억에 의존한
휴식공간 탐색
눈에 보이는
휴식공간 발견
5. 모바일 도슨트 제공
6. 사용자 니즈에 맞는 전시 동선 제공
7. 어플 사용 -> SNS 공유, 참여 활성화
8. 휴식공간 정보 제공
19. UX Research
3. Main Goal
사용자에게 꼭 필요한 기능만 남겨
미술관을 가기 전에는 전시/행사에 대한 정확한 정보를 제공받고,
미술관에 가서는 전시를 효율적이고 즐겁게 감상할 수 있는 어플리케이션 구축
사용자에게 전시/문화체험 정보를
직관적으로 제공하여 각 전시에 대
한 인지력을 높일 수 있도록.
직관적인
전시 정보제공
넓고 많은 관이 있는 서울관을 사용
자가 주체적으로 돌아다닐 수 있도록,
위치 알림
동선 제공
‘복합예술 문화공간’이라는 MMCA의
컨셉을 살려 어플도 사용자의 예술적
참여공간이 될 수 있도록
참여 활성화
20. 전시 관람 중
(미술관 안)
전시 관람 전
(미술관 밖)
전시 관람 후
(미술관 밖)
UX Research
4. UX Concept
Time & Place
사용자가 언제, 어디에 있는지에 따라
보여지는 컨텐츠가 달라진다.
01 날짜 선택
02 전시 리스트 보기
03 전시 상세 정보
04 전시 관련 이벤트
05 티켓 예매
01 모바일 티켓
02 모바일 도슨트
03 선택 전시 — 동선 추천
04 현재 위치별 공간 정보
05 위치별 사진 공유
01 공유된 사진 피드백
02 예정 전시 안내
21. 전시 관람 중
(미술관 안)
전시 관람 전
(미술관 밖)
전시 관람 후
(미술관 밖)
UX Research
4. UX Concept
Time & Place
사용자가 언제, 어디에 있는지에 따라
보여지는 컨텐츠가 달라진다.
01 날짜 선택
02 전시 리스트 보기
03 전시 상세 정보
04 전시 관련 이벤트
05 티켓 예매
01 모바일 티켓
02 모바일 도슨트
03 선택 전시 — 동선 추천
04 현재 위치별 공간 정보
05 위치별 사진 공유
01 공유된 사진 피드백
02 예정 전시 안내
22. 전시 관람 중
(미술관 안)
전시 관람 전
(미술관 밖)
전시 관람 후
(미술관 밖)
UX Research
4. UX Concept
Time & Place
사용자가 언제, 어디에 있는지에 따라
보여지는 컨텐츠가 달라진다.
01 날짜 선택
02 전시 리스트 보기
03 전시 상세 정보
04 전시 관련 이벤트
05 티켓 예매
01 모바일 티켓
02 모바일 도슨트
03 선택 전시 — 동선 추천
04 현재 위치별 공간 정보
05 위치별 사진 공유
01 공유된 사진 피드백
02 예정 전시 안내
23. 전시 관람 후
(미술관 밖)
UX Research
4. UX Concept
Time & Place
사용자가 언제, 어디에 있는지에 따라
보여지는 컨텐츠가 달라진다.
순환
전시 관람 중
(미술관 안)
전시 관람 전
(미술관 밖)
24. Contents Research
2. IA_After
관람 전
Splash
Screen
관람 중메뉴
전시 정보
문화활동/이벤트
정보
티켓 예매
전시 동선제공
전시별 도슨트
사진 공유
주변 공간 정보
평면
입체
날짜/기간 선택
전시 선택
모바일 티켓
미술관 소개
찾아오시는 길
도슨트
새소식 / 이벤트
아트샵
로그인 / 설정 / 도움말
전시 캘린더
미술관 밖 미술관 안
25. Design
1. Design Style
1. Shape
서울관의 선적인/네모난 이미지 착안 — Line / Square
2. Color
서울관의 빨강, 로고의 흰/검 & Opacity
& 서브로 사용되는 Gray colors
3. Font
현대적인 이미지의 산세리프
SF UI Display Ultra Light
애플 산돌고딕 네오 Ultra Light
애플 산돌고딕 네오 Thin
애플 산돌고딕 네오 Medium
Chalet 0 1 2 3 4 5 6 7 8 9
SF UI Display Light
SF UI Display Medium
Key color
Sub color
#212529
#868E96 #CED4DA
#DD4521F8F9FA
#495057
26. Design
2. UI Concept
최소한의 뎁스
페이지의 이동 없이 가로&세로 스크롤을 으로
컨텐츠를 쉽게 이용할 수 있다.
세로 스크롤
— 세부정보 보기/설정
가로 스크롤/스와이핑
— 다른 정보 보기
27. —— 전시 세부 정보
—— 티켓 예매 버튼
—— 전시장 안에서 공유된
관람객들의 사진
—— 전시 관련 행사
타임테이블
3. GUI
— 전시관람 전
전시 정보가 적절하게 나와있
지 않아 블로그나 SNS로 다시
찾아보는 경우가 많다.
사용자가 전시정보를
크게, 바로바로 접함.
아래로 스크롤 — 날짜 선택
위로 스크롤 — 전시 세부정보
왼쪽으로 스와이핑 — 다른 전시
직관적인 전시 정보 제공
좌우 스와이핑
— 같은 위치 사진
위 아래 스크롤
— 다른 위치 사진
28. 10가지의 전시장이 있음에도 동
선,위치, 휴식공간에 대한 정보가
제공되지 않았던 점을 보완
참여도가 부족한 점을 보완해
‘복합 예술공간’이라는 MMCA의
취지에 맞게 어플리케이션도
하나의 참여 공간으로 만듦
동선 추천 및
위치정보 제공
SNS 연동
참여 활성화 가로 전환 시 가상현실로 전환
왼쪽으로
스와이핑
사진 선택
모바일 티켓
(미술관 도착 시 자동 팝업)
3. GUI
— 전시관람 중