구글의 '안드로이드 L',
새로운 디자인 'Material design' 에 대해서
스마트스터디 내에 공유한 내용입니다.
slideshare에 업로드하기 위해
동영상 자료는 제외되었습니다.
material design에 대한 자료 출처는 'http://www.google.com/design/spec/material-design/introduction.html' 임을 밝힙니다.
UX가 무엇인지, UX를 디자인 한다는 건 어떤 일인지, 좋은 UX란 무엇인지에 대해 경험을 바탕으로 풀어본 이야기입니다.
Slideshare에 업로드 되어 있는 비슷한 주제의 자료들 대부분이, 화면을 꽉 채우는 이미지만 덕지덕지 붙어 있거나, 도대체 어떻게 전개되는 이야기인지도 알 수 없게 키워드만 툭툭 던지는 방식이라서 조금 답답하더라구요.
그래서 제맘대로 만들어 봤어요. ㅋ
(얼마를 상상하시든 그것보다 더) 짧은 기간동안 파바박 만든 자료라서.. 조금은 아쉬운 부분도 있지만, 이 자료가 어느 누군가에게는 도움이 되길 바라는 마음에서 올려봅니다.
* 구글의 Noto Sans Korean 폰트를 주로 썼는데, 슬라이드쉐어의 작은 뷰로 보기에는 가독성이 좋지 않아서 맑은 고딕으로 바꿨습니다.
UX의 사전적 정의를 통한 UX의 의미와 UX 디자인에 대한 이야기, 그리고 프로세스에 대한 이야기를 정리해보았습니다. :)
(2014년년 7월, 내부 발표자료)
[Content]
USER EXPERIENCE
Definition (value)
UI & UX
Value & Context
UX Process
UCD
GDD
Lean UX
Agile UX
Summary
구글의 '안드로이드 L',
새로운 디자인 'Material design' 에 대해서
스마트스터디 내에 공유한 내용입니다.
slideshare에 업로드하기 위해
동영상 자료는 제외되었습니다.
material design에 대한 자료 출처는 'http://www.google.com/design/spec/material-design/introduction.html' 임을 밝힙니다.
UX가 무엇인지, UX를 디자인 한다는 건 어떤 일인지, 좋은 UX란 무엇인지에 대해 경험을 바탕으로 풀어본 이야기입니다.
Slideshare에 업로드 되어 있는 비슷한 주제의 자료들 대부분이, 화면을 꽉 채우는 이미지만 덕지덕지 붙어 있거나, 도대체 어떻게 전개되는 이야기인지도 알 수 없게 키워드만 툭툭 던지는 방식이라서 조금 답답하더라구요.
그래서 제맘대로 만들어 봤어요. ㅋ
(얼마를 상상하시든 그것보다 더) 짧은 기간동안 파바박 만든 자료라서.. 조금은 아쉬운 부분도 있지만, 이 자료가 어느 누군가에게는 도움이 되길 바라는 마음에서 올려봅니다.
* 구글의 Noto Sans Korean 폰트를 주로 썼는데, 슬라이드쉐어의 작은 뷰로 보기에는 가독성이 좋지 않아서 맑은 고딕으로 바꿨습니다.
UX의 사전적 정의를 통한 UX의 의미와 UX 디자인에 대한 이야기, 그리고 프로세스에 대한 이야기를 정리해보았습니다. :)
(2014년년 7월, 내부 발표자료)
[Content]
USER EXPERIENCE
Definition (value)
UI & UX
Value & Context
UX Process
UCD
GDD
Lean UX
Agile UX
Summary
지난 2월 2일 한국정보과학회 산하의 모바일 응용 연구회(MOBAS) 주관의 학술행사에서 진행하였던 패널토의 발표자료입니다. 미래 웹 플랫폼 환경에서의 UI/UX에 대한 중요성에 대한 고려사항들을 논의사항으로 발표했습니다. 그동안 웹OS가 잘 안되었던 문제는 UI/UX 고려에 대한 미비라는 점을 주로 언급하기 위한 자료였습니다.
UI/UX 디자인 방법을 활용, 소프트웨어 개발 과정에서 사용성을 검토하고 사용자 중심으로 개선할 수 있는 가이드가 발간되었습니다.
이 책은 2013년 산업통상자원부 시스템반도체 융합경쟁력 강화사업 중 UI/UX기술자산 제공 기반구축의 일환으로, 정보통신산업진흥원 소프트웨어공학센터와 한국디자인진흥원의 협업으로 제작되었습니다.
역량 있는 소프트웨어 기업의 UI/UX 디자인 활용과 디자인방법을 통한 사용자중심의 소프트웨어 개발 지원, 소프트웨어산업의 활성화를 위한 기반조성을 목적으로 가이드북 제작, 웹 가이드 게시, UI/UX디자인 컨설팅 등이 진행되었습니다.
이 책은 소프트웨어 기획·개발 전문가들이 개발이나 개선 과정에서 UX, UI 개발 방법을 적용해 보고, 사용자 관점에서 편리하게 설계되었는지 각 단계에서 확인할 수 있는 방법을 소개하고 있습니다. 소프트웨어 개발에 관한 UI/UX에 한정된 것으로서 부족하나마 국내 소프트웨어기업들이 보다 다양한 디자인 방법의 활용을 통해 사용자 중심으로 개발하는데 쓰임이 될 수 있기를 바랍니다.
감사합니다.
*소프트웨어 자산뱅크(http://swbank.kr) 및 디자인포털 디자인디비(www.designdb.com) 에서 무료로 파일을 다운받을 수 있습니다.
소프트웨어 공학센터의 품질기준에 근거한 최소한의 UI/UX/GUI/UT 지식을 이해할 수 있습니다.
소프트웨어 개발 또는 개선 시에 단계별로 간단히 사용성을 테스트해 볼 수 있는 방법을 알 수 있습니다.
◇ 목차
Part I 소프트웨어 개발 UI/UX 참조모델 소개
1. UI & UX ?
2. 소프트웨어 개발 UI/UX 참조모델 제작배경
3. 소프트웨어 개발 UI/UX 참조모델 & 가이드 소개
Part II 소프트웨어 개발 UI/UX 참조모델 가이드
1. 목표정의
2. 프로젝트 계획
3. 요구사항 정의
4. 설계 및 구현
5. 테스트
6. 배포 및 관리
Appendix
용어 소개
Reference
방법론
참고서식
◇ 기획
미래창조과학부
정보통신산업진흥원 부설 SW공학센터
한국디자인진흥원
◇ 발행처
정보통신산업진흥원 부설 SW공학센터
한국디자인진흥원
◇ 발행연월
2013.12
◇ 참고링크 : SW자산뱅크 UI/UX 체험하기 바로가기 http://swbank.kr
◇ 문의처 : 한국디자인진흥원 서비스디지털융합팀 031)780-2263
플루토미디어 주최 "UX 월드 2017" 강연자료.
1. 프로토타이핑을 하는 이유
- 인터랙션 디자인
- Lean UX 프로세스
- 프로토타이핑 프로세스와 기대효과
2. 프로토타입 툴의 트랜드
- 프로토타입 툴의 종류
- 프로토타입 툴의 선택 기준
- 프로토타입 제작 원칙
3. 카카오 UX팀의 프로토타입 제작 사례
- Piccoma : 카카오재팬. 신규 서비스 프로토타입.
- ZERO+ : 인터랙션 라이브러리(인하우스용).
- IX Watch : 아이디어 발산을 위한 컨셉 스마트워치.
지난 2월 2일 한국정보과학회 산하의 모바일 응용 연구회(MOBAS) 주관의 학술행사에서 진행하였던 패널토의 발표자료입니다. 미래 웹 플랫폼 환경에서의 UI/UX에 대한 중요성에 대한 고려사항들을 논의사항으로 발표했습니다. 그동안 웹OS가 잘 안되었던 문제는 UI/UX 고려에 대한 미비라는 점을 주로 언급하기 위한 자료였습니다.
UI/UX 디자인 방법을 활용, 소프트웨어 개발 과정에서 사용성을 검토하고 사용자 중심으로 개선할 수 있는 가이드가 발간되었습니다.
이 책은 2013년 산업통상자원부 시스템반도체 융합경쟁력 강화사업 중 UI/UX기술자산 제공 기반구축의 일환으로, 정보통신산업진흥원 소프트웨어공학센터와 한국디자인진흥원의 협업으로 제작되었습니다.
역량 있는 소프트웨어 기업의 UI/UX 디자인 활용과 디자인방법을 통한 사용자중심의 소프트웨어 개발 지원, 소프트웨어산업의 활성화를 위한 기반조성을 목적으로 가이드북 제작, 웹 가이드 게시, UI/UX디자인 컨설팅 등이 진행되었습니다.
이 책은 소프트웨어 기획·개발 전문가들이 개발이나 개선 과정에서 UX, UI 개발 방법을 적용해 보고, 사용자 관점에서 편리하게 설계되었는지 각 단계에서 확인할 수 있는 방법을 소개하고 있습니다. 소프트웨어 개발에 관한 UI/UX에 한정된 것으로서 부족하나마 국내 소프트웨어기업들이 보다 다양한 디자인 방법의 활용을 통해 사용자 중심으로 개발하는데 쓰임이 될 수 있기를 바랍니다.
감사합니다.
*소프트웨어 자산뱅크(http://swbank.kr) 및 디자인포털 디자인디비(www.designdb.com) 에서 무료로 파일을 다운받을 수 있습니다.
소프트웨어 공학센터의 품질기준에 근거한 최소한의 UI/UX/GUI/UT 지식을 이해할 수 있습니다.
소프트웨어 개발 또는 개선 시에 단계별로 간단히 사용성을 테스트해 볼 수 있는 방법을 알 수 있습니다.
◇ 목차
Part I 소프트웨어 개발 UI/UX 참조모델 소개
1. UI & UX ?
2. 소프트웨어 개발 UI/UX 참조모델 제작배경
3. 소프트웨어 개발 UI/UX 참조모델 & 가이드 소개
Part II 소프트웨어 개발 UI/UX 참조모델 가이드
1. 목표정의
2. 프로젝트 계획
3. 요구사항 정의
4. 설계 및 구현
5. 테스트
6. 배포 및 관리
Appendix
용어 소개
Reference
방법론
참고서식
◇ 기획
미래창조과학부
정보통신산업진흥원 부설 SW공학센터
한국디자인진흥원
◇ 발행처
정보통신산업진흥원 부설 SW공학센터
한국디자인진흥원
◇ 발행연월
2013.12
◇ 참고링크 : SW자산뱅크 UI/UX 체험하기 바로가기 http://swbank.kr
◇ 문의처 : 한국디자인진흥원 서비스디지털융합팀 031)780-2263
플루토미디어 주최 "UX 월드 2017" 강연자료.
1. 프로토타이핑을 하는 이유
- 인터랙션 디자인
- Lean UX 프로세스
- 프로토타이핑 프로세스와 기대효과
2. 프로토타입 툴의 트랜드
- 프로토타입 툴의 종류
- 프로토타입 툴의 선택 기준
- 프로토타입 제작 원칙
3. 카카오 UX팀의 프로토타입 제작 사례
- Piccoma : 카카오재팬. 신규 서비스 프로토타입.
- ZERO+ : 인터랙션 라이브러리(인하우스용).
- IX Watch : 아이디어 발산을 위한 컨셉 스마트워치.
비주얼로 풀어보는 사용자경험 디자인 요약본 입니다.
2014년 8월 16일 공간더하기에서 진행한 사용자 경험 강의 내용 일부 입니다.
전체 자료는 170페이지 정도 되나 여기에선 간단하게 어떤 내용인지 알 수 있도록 요약본으로 정리했습니다.
본 요약본은 비주얼 기반으로 이해하기 쉽게 구성되어 있어 사용자 경험을 누구보다도 쉽게 받아 들이고 이해하실 수 있습니다.
디자이너 마케터 기획자 스타트업 종사자들 분께 많은 도움이 되시리라 봅니다.
궁금하신 분은 ultra0034@gmail.com / 010-9190-7792 로 연락주시면 좋겠습니다.
2. list1시간
UI 디자인의 정의
UX디자인의 정의
3D컨텐츠의 이해
2시간
구성
배치
상호 연결성
3시간
좋은 디자인의 정의
컨텐츠 의 구성과 이해
사례
4시간
ui와 UX의 혼합
좋은 구성을 위해 고려해야할 사항
컨텐츠의 주체
5시간
경험을 디자인해보기
실제 사례
6시간
미디어 발전과 UI
4. UI디자인의 정의
• UI디자인이란 쉽게 말하자면 핸드폰, 내비게이션, 스마트TV, 플래시 기반 웹사이트 등 각종 기기들의 인
터페이스를 사용자가 사용하기 편하게 디자인 하는 일을 말합니다.
• UX디자인은 사람들의 경험을 바탕으로 사람들이 사용하기 편하게 디자인하는 업무이며, UX디자인이 UI
디자인에 비해 조금 더 광범위한 개념입니다.
• UI(User Interface)의 정의 :
UI디자인이란, 사용자가 취하는 액션에 따라, 전자기기가 반응할 수 있도록 시스템 골격을 만드는 일입
니다.
• 예를 들어 아이폰의 홈화면의 디자인부터, 아이콘을 터치하면 그 어플이 실행이 되고, 가운데 홈버튼을
누르면 앱이 종료되며 홈화면으로 나오게 만드는 인터페이스의 메커니즘을 디자인하는 일입니다.
[출처] UI디자인과 UX디자인이란?|작성자 khwjdqh
•
• UI란, 말그대로 '유저 인터페이스’, 사용자가 사용하는 인터페이스를 말합니다.
[출처] UI디자인과 UX디자인이란?|작성자 khwjdqh
5. UX(User Experience)디자인의 정의
유저의 경험에 의한 디자인(User /사용자 Experience /경험)
[출처] UI디자인과 UX디자인이란?|작성자 khwjdqh
UI는 인터페이스를 만드는 디자인 기술 자체와 실현해서 사용하는 실물을 의미하며, UX는 UI를 사용하거나, 혹은 그동안
사람의 행동을 통해 축적되는 경험들을 기반으로 인터페이스를 구축하는 작업을 의미합니다.
예를 들어, 재생버튼을 눌러 음악이 실행되고, 일시정지를 누르면 음악이 멈춘다는 경험을, 아이튠즈에서 새로운 터치패드
식 UI를 개발할 때 참고하여 제작하는 과정이 UX디자인 과정이라고 말할 수 있습니다. 이렇듯 기존의 경험을 토대로 이용
해 만드는 것이 UX디자인의 한 종류입니다.
다른 종류는 기존에 없던 것들을 새로 창조해내는 것입니다.
일례로 아이폰(특히, 아이팟터치)이 나오기 전에 핸드폰의 부가기능을 출고될 때 나오는 소프트웨어만 이용하는게 가능했
다면, 이제는 소프트웨어도 사용자가 직접 제작하여 사고 팔게 만들 수 있도록 시스템을 구축하는 것 자체가 새로운 UX, 즉,
USER EXPERIENCE(경험 기반 디자인)을 창조하게 된 혁신적인 UX디자인입니다.
또 애플사의 I Phone, I Pad, I Pod, Mac, Macbook 등은 다들 비슷한 인터페이스로 이들 중 한두가지를 사용해본 사람은 다
른 애플사의 제품을 무리없이 사용할 수 있는 것 자체가 UX입니다. 이를 이용해 UI를 디자인하는 것이죠. 이렇듯 미세한 차
이가 있지만, 서로 상호보완적 공생관계를 유지하고 있습니다.
[출처] UI디자인과 UX디자인이란?|작성자 khwjdqh
6. 3D컨텐츠의 이해
게임 IPTV 가상
현실
증강
현실
건축
시뮬레이션
출판 공연 영화 드론&로봇
우리가 경험하는 모든 것
현재 보여지는 상황
13. 게슈탈트 심리학 + 링크
핵심
• 1.근접성
-구성요소는 구성요소 사이가 가까울 수록 함께 묶이려는 경향이 있다.
• 2.유사성
-몇몇 면에서 유사한 항목들은 함께 묶이려는 경향이 있다.
• 3.폐쇄성
-구성요소들이 일부 개체를 완성하려는 경향이 있으면 항목들은 함께 묶여진다.(*주4 중요. 폐쇄성의 법칙)
• 4.단순성
-항목들은 대칭성, 규칙성, 그리고 평활성(smoothness)에 따라서 단순한 형태로 조직될 것이다.
• http://circuitshower.com/%EC%A2%8B%EC%9D%80%EB%94%94%EC%9E%90%EC%9D%B8%EC%9D%B4%EB%
9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80/