[ITOnAir] 데브멘토 동영상, 정선경 아주대교육연구소 연구위원 2/2부_성공하는 모바일 서비스를 위한 실전 강연
UX 패턴의 구성요소와 영역모바일 App의 Task & FlowUI Design 구성 요소UI & UX Map본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
[ITOnAir] 데브멘토 동영상, 정선경 아주대교육연구소 연구위원 1/2부_성공하는 모바일 서비스를 위한 실전 강연
UX Pattern Design의 정의Persona?UX 패턴의 구성요소와 영역본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
라이트브레인 UX 아카데미 8기 오픈프로젝트 [Airbnb 어플리케이션 UX/UI개선 Design]RightBrain inc.
라이트브레인 UX 아카데미 8기과정의 첫 번째 Open Project 공개!
라이트브레인 UX 아카데미 8기는 아카데미정글과 함께 개설한 UI/UX Design 정규과정으로 UI/UX 실무스킬을 높이고자 하는 직장인과 UX분야 취업준비생을 대상으로 진행되었습니다.
정규과정의 수업 뿐만아니라 별도의 조별 모임을 통해 과제와 프로젝트를 진행하며 만들어 낸 신선한 아이디어를 공개합니다.
그 첫 번째 결과물은 'Airbnb 어플리케이션 UX/UI개선 디자인안'입니다.
어떤 과정을 통해 아이디에이션하고 또 인사이트과 컨셉을 도출했는지 궁금하시다면 지금 바로 슬라이드쉐어로 내용을 확인하세요.
포스퀘어랑 골드인시티 비교는 어떻게 보느냐에 따라 적합성에서 차이가 있을 수 있습니다.
그러나, 기존의 Geo-Social Network Service로 선두주자를 달리고 있는 포스퀘어를 통해 국내 서비스와 비교로 어떤 부분에서 사용자의 라이프로고와 서비스에 표현할 수 있는 문화와 경험요소등의 조화를 고민해보는 시간을 갖기 위해 만들었습니다.
+복잡한 내용보다는 사용자의 시각에서 볼 수 있는 내용의 연상을 토대로했습니다.
+위 자료 사용시에 출처로 포스퀘어 한국사용자 모임 45회 자료_김홍석 표기해주십시요.
라이트브레인 아카데미 6기 오픈프로젝트 [밀레니얼 세대를 위한 AI 기반의 서비스]RightBrain inc.
라이트브레인 UX 아카데미 6기과정의 첫 번째 Open Project를 공개합니다.
RU6th 1조의 주제는 신입사원의 업무효율성을 위한 『덕덕덕』!
입덕, 현덕, 휴덕 모두를 만족시키는 오직 아이돌 덕후만을 위한 서비스라고 하는데
과연 어떤 서비스인지 궁금하니 지금 바로 슬라이드쉐어를 보시겠습니다.
[ITOnAir] 데브멘토 동영상, 정선경 아주대교육연구소 연구위원 1/2부_성공하는 모바일 서비스를 위한 실전 강연
UX Pattern Design의 정의Persona?UX 패턴의 구성요소와 영역본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
라이트브레인 UX 아카데미 8기 오픈프로젝트 [Airbnb 어플리케이션 UX/UI개선 Design]RightBrain inc.
라이트브레인 UX 아카데미 8기과정의 첫 번째 Open Project 공개!
라이트브레인 UX 아카데미 8기는 아카데미정글과 함께 개설한 UI/UX Design 정규과정으로 UI/UX 실무스킬을 높이고자 하는 직장인과 UX분야 취업준비생을 대상으로 진행되었습니다.
정규과정의 수업 뿐만아니라 별도의 조별 모임을 통해 과제와 프로젝트를 진행하며 만들어 낸 신선한 아이디어를 공개합니다.
그 첫 번째 결과물은 'Airbnb 어플리케이션 UX/UI개선 디자인안'입니다.
어떤 과정을 통해 아이디에이션하고 또 인사이트과 컨셉을 도출했는지 궁금하시다면 지금 바로 슬라이드쉐어로 내용을 확인하세요.
포스퀘어랑 골드인시티 비교는 어떻게 보느냐에 따라 적합성에서 차이가 있을 수 있습니다.
그러나, 기존의 Geo-Social Network Service로 선두주자를 달리고 있는 포스퀘어를 통해 국내 서비스와 비교로 어떤 부분에서 사용자의 라이프로고와 서비스에 표현할 수 있는 문화와 경험요소등의 조화를 고민해보는 시간을 갖기 위해 만들었습니다.
+복잡한 내용보다는 사용자의 시각에서 볼 수 있는 내용의 연상을 토대로했습니다.
+위 자료 사용시에 출처로 포스퀘어 한국사용자 모임 45회 자료_김홍석 표기해주십시요.
라이트브레인 아카데미 6기 오픈프로젝트 [밀레니얼 세대를 위한 AI 기반의 서비스]RightBrain inc.
라이트브레인 UX 아카데미 6기과정의 첫 번째 Open Project를 공개합니다.
RU6th 1조의 주제는 신입사원의 업무효율성을 위한 『덕덕덕』!
입덕, 현덕, 휴덕 모두를 만족시키는 오직 아이돌 덕후만을 위한 서비스라고 하는데
과연 어떤 서비스인지 궁금하니 지금 바로 슬라이드쉐어를 보시겠습니다.
이번 밋업에서는 다양한 프로젝트에서 도메인에 따라 데이터를 분리한 경험이 있는 엔지니어들이 직접 마이크로서비스에 대해 이야기 합니다. 특히 피보탈의 APAC에서 Application Transformation 을 주도하는 팀의 Sumant Singh Rana와, Satya Ranjan 두 수석 엔지니어들, 그리고 이들과 현재 한국에서 함께 프로젝트를 진행하고 계신 피보탈 한국 김영태 상무님이 함께 하십니다.
마이크로서비스에서 도메인 모델에 따른 데이터의 분리와 적절한 데이터 저장소의 선택은 가장 먼저 고려되어야 할 사항입니다. 피보탈은 다양한 엔터프라이즈 고객과의 프로젝트 수행을 통해 체계화된 서비스를 보유하고 있으며, 본 밋업에서는 그 경험과 과정을 공유하는 시간이 될 것입니다.
Material Design 의 철학과 적용 사례
양찬석
구글 코리아 / Partner Developer Advocate
구글 파트너 Developer Advocate 양찬석입니다. 한국의 앱 개발사들의 구글의 기술과 제품을 이용해 더 좋은 앱과 서비스를 만들 수 있도록 돕는 일을 하고 있습니다.
임성혁
구글 코리아 / Developer Ecosystem Program Manager
구글 내 개발자 생태계 팀에서 한국 지역장을 맡고 있는 임성혁입니다. 개발자 생태계 팀은 전세계 개발자들이 구글의 모든 기술을 보다 쉽게 배우고 편리하게 사용할 수 있도록 프로그램을 기획/운영하고, 이에 근간이 되는 개발자 커뮤니티를 관리/지원하는 것 등을 주요 업무로 담당하고 있습니다. 구글 개발자 생태계 팀의 활동 영역은 developers.google.com에 게재되어 있습니다.
[ITOnAir] 데브멘토 동영상, 정선경 아주대교육연구소 연구위원_성공하는 모바일 서비스를 위한 실전 강연
모바일 웹/앱 UI/UX 설계 실전모바일 UI/UX 설계 방법 및 노하우 공유본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
[ITOnAir] 데브멘토 동영상, 김정미 네무스텍 수석_성공하는 모바일 서비스를 위한 실전 강연
본 영상은 김정미 네무스텍 수석의 실제 개발자와 UI 디자이너와의 커뮤니케이션 방법을 사례를 통해 분석해보는 강연입니다.실제 개발자와 디자이너 간 협업이 어떤 방법으로 이뤄져야 효율적인지를 살펴보는 중요한 자료가 될 것입니다.본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
이번 밋업에서는 다양한 프로젝트에서 도메인에 따라 데이터를 분리한 경험이 있는 엔지니어들이 직접 마이크로서비스에 대해 이야기 합니다. 특히 피보탈의 APAC에서 Application Transformation 을 주도하는 팀의 Sumant Singh Rana와, Satya Ranjan 두 수석 엔지니어들, 그리고 이들과 현재 한국에서 함께 프로젝트를 진행하고 계신 피보탈 한국 김영태 상무님이 함께 하십니다.
마이크로서비스에서 도메인 모델에 따른 데이터의 분리와 적절한 데이터 저장소의 선택은 가장 먼저 고려되어야 할 사항입니다. 피보탈은 다양한 엔터프라이즈 고객과의 프로젝트 수행을 통해 체계화된 서비스를 보유하고 있으며, 본 밋업에서는 그 경험과 과정을 공유하는 시간이 될 것입니다.
Material Design 의 철학과 적용 사례
양찬석
구글 코리아 / Partner Developer Advocate
구글 파트너 Developer Advocate 양찬석입니다. 한국의 앱 개발사들의 구글의 기술과 제품을 이용해 더 좋은 앱과 서비스를 만들 수 있도록 돕는 일을 하고 있습니다.
임성혁
구글 코리아 / Developer Ecosystem Program Manager
구글 내 개발자 생태계 팀에서 한국 지역장을 맡고 있는 임성혁입니다. 개발자 생태계 팀은 전세계 개발자들이 구글의 모든 기술을 보다 쉽게 배우고 편리하게 사용할 수 있도록 프로그램을 기획/운영하고, 이에 근간이 되는 개발자 커뮤니티를 관리/지원하는 것 등을 주요 업무로 담당하고 있습니다. 구글 개발자 생태계 팀의 활동 영역은 developers.google.com에 게재되어 있습니다.
[ITOnAir] 데브멘토 동영상, 정선경 아주대교육연구소 연구위원_성공하는 모바일 서비스를 위한 실전 강연
모바일 웹/앱 UI/UX 설계 실전모바일 UI/UX 설계 방법 및 노하우 공유본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
[ITOnAir] 데브멘토 동영상, 김정미 네무스텍 수석_성공하는 모바일 서비스를 위한 실전 강연
본 영상은 김정미 네무스텍 수석의 실제 개발자와 UI 디자이너와의 커뮤니케이션 방법을 사례를 통해 분석해보는 강연입니다.실제 개발자와 디자이너 간 협업이 어떤 방법으로 이뤄져야 효율적인지를 살펴보는 중요한 자료가 될 것입니다.본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
[ITOnAir] 데브멘토 동영상, 배형미 스마트비즈랩 대표_성공하는 모바일 서비스를 위한 실전 강연
협업과 UI/UX, 스토리와 UX발전이 없으면 비전도 없다인생은 누가 더 대단한 이야기를 갖고 있는가의 싸움협업(Collaboration)과 협력(Cooperation)의 차이본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
[ITOnAir] 데브멘토 동영상, 배성환 LG전자 과장 2/2부_성공하는 모바일 서비스를 위한 실전 강연
고객이 더 스마트해진 이유그리고 우리가 스마트한 고객을 이해하기 위해 시장을 어떻게 바라봐야 하는가?또 어떤 전략을 통해 대응할 수 있을까?본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
[ITOnAir]데브멘토 동영상, 장동수 KTH 웹플랫폼Lab 차장(2/2부)_Dev & Tech Festival
<!--StartFragment-->하이브리드앱의 개요모바일 플랫폼 춘추전국시대앱스프레소 소개, WAC 2.0 Waikiki API앱스프레소 Extension API, Device API 및 데모영상 <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
[ITOnAir]데브멘토 동영상, 장동수 KTH 웹플랫폼Lab 차장(1/2부)_Dev & Tech Festival
<!--StartFragment-->하이브리드앱의 개요모바일 플랫폼 춘추전국시대앱스프레소 소개, WAC 2.0 Waikiki API앱스프레소 Extension API, Device API 및 데모영상 <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
[ITOnAir]데브멘토 동영상, 옥상훈 okgosu.net 운영자(2/2부)_Dev & Tech Festival
<!--StartFragment-->원소스 멀티 플랫폼 개발 개요플렉스 4.5와 플래시 빌더의 특징플렉스에서의 모바일 사용자 경험(UX)플렉스를 이용한 안드로이드 앱 개발 <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
[ITOnAir]데브멘토 동영상, 옥상훈 okgosu.net 운영자(1/2부)_Dev & Tech Festival
<!--StartFragment-->원소스 멀티 플랫폼 개발 개요플렉스 4.5와 플래시 빌더의 특징플렉스에서의 모바일 사용자 경험(UX)플렉스를 이용한 안드로이드 앱 개발 <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
[ITOnAir]데브멘토 동영상, 장선진 소프트웨어인라이프 대표 (2/2부)_Dev & Tech Festival
<!--StartFragment-->소셜네트워크게임 시장 현황구글 앱 엔진으로 무엇을 개발할 수 있는가유지보수 비용, 확장성, 관리성 등 구글 앱 엔진의 장단점구글 앱 엔진을 활용한 SNG 개발하기 <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
[ITOnAir]데브멘토 동영상, 장선진 소프트웨어인라이프 대표 (1/2부)_Dev & Tech Festival
<!--StartFragment-->소셜네트워크게임 시장 현황구글 앱 엔진으로 무엇을 개발할 수 있는가유지보수 비용, 확장성, 관리성 등 구글 앱 엔진의 장단점구글 앱 엔진을 활용한 SNG 개발하기 <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
[IT OnAir] 데브멘토 동영상, 최정우 지폰 대표_제12회 오픈업 검색의 미래(Beyond the Search)
지난
12월
3일 벤처스퀘어
주최로
열린
12회 오픈업
검색의
미래 세미나
발표 영상<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />
지폰은
소셜 탐색 엔진으로써
친구들이
추천한
사진,
비디오와
웹피이지를
발견하고
공유할
수 있는 서비스(소셜네트워크+콘텐츠
탐색)
SNS를 이용한
인기 정보 수집,
정확한
정보와
이슈 발견
[IT OnAir] 데브멘토 동영상, 이호성 엔써즈 개발팀장_제12회 오픈업 검색의 미래(Beyond the Search)
지난
12월
3일 벤처스퀘어
주최로
열린
12회 오픈업
검색의
미래 세미나
발표 영상<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />
엔써즈가
자체 개발한
멀티미디어
핑거 프린트
기술
검색
대상으로써의
동영상의
특징
텍스트-텍스트
검색,
비디오-비디오
검색 플랫폼-V
동영상
검색의
새로운
패러다임,
이미지-비디오
검색
Image2Play
[데브멘토tv] 데브멘토 동영상, 김정태 플라스크 대표 2/2부_모바일 비즈니스 수익모델을 찾아라
`카카오톡`에서 `오빠믿지`까지 비즈니스
모델 총망라<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />
‘모바일 비즈니스
수익모델을 찾아라’, 이번에는 카카오톡에서 오빠 믿지까지 모바일 비즈니스 모델을 다 묶었다. 실제 각 분야의 대표적인 업체들이 직접 나와 자신의 시장과 전망, 그리고
자신만의 비법을 들려준다. 우리보다 한발 앞서있는 미국과 일본 사례도 눈여겨 볼만하다.
[데브멘토tv] 데브멘토 동영상, 김정태 플라스크 대표 1/2부_모바일 비즈니스 수익모델을 찾아라
`카카오톡`에서 `오빠믿지`까지 비즈니스
모델 총망라<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />
‘모바일 비즈니스
수익모델을 찾아라’, 이번에는 카카오톡에서 오빠 믿지까지 모바일 비즈니스 모델을 다 묶었다. 실제 각 분야의 대표적인 업체들이 직접 나와 자신의 시장과 전망, 그리고
자신만의 비법을 들려준다. 우리보다 한발 앞서있는 미국과 일본 사례도 눈여겨 볼만하다.
[IT OnAir] 데브멘토 동영상, 이태호 위스캔 대표_제12회 오픈업 검색의 미래(Beyond the Search)
지난
12월
3일 벤처스퀘어
주최로
열린
12회 오픈업
검색의
미래 세미나
발표 영상<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />
모바일
검색 창의 변화
: 음성인식,
사물인식,
코드인식,
음악인식,
문자인식
애플이
꿈꾸는
검색의
미래는
인식 기술을
통한 서비스,
정보의
연계
검색과
인식 서비스의
발전 방향
위스캔의
인식기술과
소셜 웹
[IT OnAir] 데브멘토 동영상, 임진석 레스티 공동대표_제12회 오픈업 검색의 미래(Beyond the Search)
지난 12월 3일 벤처스퀘어 주최로 열린 12회 오픈업 검색의 미래 세미나 발표 영상<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />
버티컬 메티정보 검색의 특징과 트렌드
왜 펜션 검색인가?
레스티는 무엇에 쓰는 물건?
버티컬 검색의 기술적 특징
어행 버티컬 검색 트렌드(사례)
[IT OnAir] 데브멘토 동영상, 박외진 아크릴 대표_제12회 오픈업 검색의 미래(Beyond the Search)
지난
12월
3일 벤처스퀘어
주최로
열린
12회 오픈업
검색의
미래 세미나
발표 영상<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />
감성
마을(?)의 마법이
바로 감성 컴퓨팅이다
감성
컴퓨팅이
풀려는
문제는
소통과
이해
감성
컴퓨팅의
핵심 분야가
감성 인식
아크릴의
감성 컴퓨팅
사업 그리고
감성 검색
[IT OnAir] 데브멘토 동영상, 남상협 버즈니 대표_제12회 오픈업 검색의 미래(Beyond the Search)
지난
12월
3일 벤처스퀘어
주최로
열린
12회 오픈업
검색의
미래 세미나
발표 영상<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />
신뢰
기반의
의견 검색과
버즈니
플랫폼
버즈니
플랫폼
생태계
[ITOnAir]데브멘토 동영상, 전태연 이사 2/2부_모바일 비즈니스 수익모델을 찾아라
스타트업의
스마트폰
비즈니스
과연 수익화
가능한가?<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />
서비스
수익화
조건(포지셔닝,
타이밍,
가치창출)
서비스
수익화의
성공과
실패 사례
1. UX Pattern Design의 정의
“UX Pattern Design” : 사용자의 인식과 행동에 영향을 주는
요소(?)를 파악하고 사용자의 경험에 긍정적인 작용을 할 수
있도록 제반 요소(?)들을 창조하거나 일체화 하는 것
Dr. 도널드 노먼 (Donald A. Norman)
제품의 기능성 + 사용성 + 즐거움(Pleasure) => Value
1
2. Persona?
“페르소나(Persona)” : 사용자들이 어떤 목적, 유형의 이용
형태를 보이는가를 기반으로 사용자의 역할, 사용자의 사용
정보, 목표 사용자 선언
페르소나의 페르소나의 구성요소 페르소나의
목적 설계 기반
End Goals Behavior Knowledge
Experience Goals Activity Interests
Life Goals Contextual Influence
Specific Pain points
Stakeholder 페르소나 설계 참여자 Web analyst
2
3. UX Pattern의 구성 요소
Blank Zone Click Through
Title Option Key ?
Pattern Layout Button
Layer Component
3
5. UX Pattern의 영역
Status Bar 20 pixels
Navigation Bar 44 pixels
Custom View 367 pixels
Tab Bar 49 pixels
320 pixels
20 pixels
32 pixels
44 pixels
192 pixels
32 pixels
5
6. 모바일 App의 Task & Flow
Page Page
App 접속
Page
승차권 예매
Layer
Menu 조건 선택 Condition
Path(Arrow) 조건 입력
Decision Point 결과 내 선택
Decision Point
로그인
Condition(조건) 예약하기
예약완료
Layer
6
7. UI Design 구성 요소
Layout
Fact
구성 요소들에 대한 화면상 배열
Navigator Tools Bar 정보의 양 [기준 Size] : 사이즈와 해상도
Poll 정보의 그룹 : 유사 정보의 근접 배치
정보의 정렬 : DOM tree설계
Search
Login
동적 Contents
Contents
변동 기준의 존재 여부
Promotion 배열하는 변동기준에 의한 자료 분류
File download 임의 기준에 의한 자료 분류
LBS
Footer 정적 Contents
etc Push형 Contents
7