• Like
  • Save
U&I Insgiht
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

U&I Insgiht

  • 542 views
Published

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
542
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. 환영합니다U&I Insight 1 st Open Camp 2012. 02. 29 pm.7:30
  • 2. Time Program 자기 소개7:30~7:50 U&I Insight 소개7:50~8:10 U&I Insight 목적 및 활동 계획 안내 UI 와 UX의 개념 정의8:10~8:30 최신 웹 기술 동향 U&I Insight 에서 눈 여겨 보아야 할 점8:30~8:50 U&I Insight site 계획 안내 운영진 역할 안내 운영진 선발8:50~9:30 U&I Insight 에 바라는 점 차기 모임 계획
  • 3. 1. 잠시 필기는 접어두세요. 즐기듯 들고 말해주세요.2. 자유로운 자리 입니다. 함께 소통합시다. 후기나 소감을 남겨주세요.3. 앞으로 더욱 발전된 자리를 준비하겠습니다.
  • 4. UI (User Interface) UX (User eXperience) U&I + Insight웹의 사용성에 기반한 UI와 UX의 통찰력을 공유하는 그룹
  • 5. 웹에 기반한 UI Patterns을 수집ㆍ공유웹 관련 종사자 분들의 인적 네트워크를 확대최신 웹기술 동향에 대해 빠르고 정확한 정보 습득실무에서 활용 할 수 있는 정보 질의, 응답
  • 6. SNS 기반의 사용성 연구 커뮤니티 개설 - http://Uniinsight.com (도메인 구매 중)비 정기 세미나 및 워크숍- 다양한 웹 프로젝트 전문가 초빙 세미나 주최정기 소규모 모임 및 스터디 그룹- 사용성 관련 일정 주제 스터디- 최신 웹 동향 공유 등ETC …
  • 7. UI (User Interface)사용자 인터페이스 디자인은 상위 제시된 사용자들의 프로그램, 도구의 사용 목적에 부합되며 사용자를 지원하기 위해프로그램의 흐름을 계획하는 것과 사용자들이 작업하는 일(이미지, 문서 등의 제작과 작성)을 효과적으로 보조하기위한 계획이라고 할 수 있다. 크게 컴퓨터와 사용자 사이를 연결하는 상호소통 매개체(프로그램, 툴) 의 모양과 동작의흐름을 다룬다. 프로그램에서 사용자가 얻어갈 정보들의 요소를 빠르고 정확하게 찾을 수 있어야 하므로 효과적인인터페이스 디자인은 시각적인 결과물에서 시작하는 것이 아니라 사람들을 이해하는 것에서부터 시작한다 사례연구 설문조사 페르소나 사용자중 대표적인 몇명을 추려내어 기간을 대규모 군집에 접근성이 높은 조사 애플리케이션을 사용할 가상의 인물을 두고 집중적으로 관찰하는 연구 방법이다. 방법으로 많은 사용자로부터 정보를 얻을 설정하고 이 인물의 프로그램의 사용 목적, 소수를 위한 애플리케이션이나 한분야에 수 있다. 각개 유저들의 세밀한 정보 파악은 목표, 가상의 업무환경등을 정해서 가상 전문성을 가진 유저들의 사례를 조사할 수 힘들지만 큰 유저층의 애플리케이션에 대한 인물이 프로그램에서 얻어 가려는 것을 있다. 객관적인 경향을 얻을 수 있는 조사 어떻게 적용하는 것을 이해하기 효과적이다. 방법이다. ? 프로그램을 운용하는 사용자들의 목적와 목표은 무엇인가? ? 프로그램에서 사용자의 기대를 효과적으로 충족 시켜줄 수 있는가? ? 사용자의 작업환경에 맞는 프로그램은 어떻게 구성하는가? ? 사용자들이 자신의 작업에서 하려는 일들은 어떤 것들이 있는가? ? 시각적인 디자인을 사용자들이 마음에 들어 할까※ 추천도서 : 앨런 쿠퍼: 정신병원에서 뛰쳐나온 디자인((the)inmates are running the asylum)
  • 8. UX (User eXperience)사용자가 어떤 시스템, 제품, 서비스를 직, 간접적으로 이용하면서 느끼고 생각하게 되는 총체적 경험을 말한다.단순히 기능이나 절차상의 만족뿐 아니라 전반적인 지각 가능한 모든 면에서 사용자가 참여, 사용, 관찰하고 상호교감을 통해서 알 수 있는 가치있는 경험이다. 긍정적인 사용자 경험의 창출은 산업 디자인, 소프트웨어 공학, 마케팅,및 경영학의 중요 과제이며 이는 사용자의 니즈의 만족, 브랜드의 충성도 향상, 시장에서의 성공을 가져다 줄 수 있는주요 사항이다. 부정적인 사용자 경험은 사용자가 원하는 목적을 이루지 못할 때나 목적을 이루더라도 감정적,이성적으로나 경제적으로 편리하지 못하거나 부정적인 반응을 불러일으키는 경험을 하게 되는 경우 발생할 수 있다.
  • 9. 어떤 구급차에는 AMBULANCE라는 로고가 뒤집혀 있습니다.이것은 앞차가 백밀러를 통해 쉽게 읽고 길을 비켜줄수 있게하기 위함입니다.
  • 10. • 앞차가 백밀러를 통해 쉽게 읽는다 -> 경험을 통해 얻게 된 사용자의 편의를 위한 UX (생각의 횟수를 줄여줌)• AMBULANCE라는 로고가 뒤집혀 있다 -> UX를 기반으로 한 시각적 환경을 디자인함
  • 11. 어떤 채용정보회사가 모바일 웹사이트를 근사하게 만들었다고 광고를 하길래 접속해 보았습니다.채용정보를 보고 지원하려고 했는데 모바일에서는 채용스크랩만 된다고 합니다.
  • 12. • 복잡한 채용정보를 모바일화면에 맞도록 깔끔하게 만들어진 서비스 화면 -> 심미적이고 간결한 정보 제공을 위한 UI• 모바일을 이용하여 굳이 채용정보를 본 사람의 심리 -> 이동중에라도 정보를 습득하고 목적을 달성하고자 하는 사용자의 욕구
  • 13. 안드로이드 기반의 스마트폰에서 앱을 삭제하려면설정>프로그램>해당프로그램을 제거하는 방법이 있습니다.
  • 14. • 설정>프로그램>해당프로그램을 제거하는 방법 -> 윈도우 PC의 경험을 바탕으로 하여 설계된 UX 사례 -> 편하든 편하지 않든 이것은 경험자에게 익숙하다
  • 15. UI는 보이는 것을 디자인 하지만UX는 보이지 않는 것을 디자인합니다.
  • 16. 1. HTML5의 등장으로 인해 웹 기반 환경이 확대 됨2. CSS3를 통해 웹 기술이 풍부해짐3. JavaScript가 재조명 되고 있음4. WebGL과 같은 신기술로 웹에 대한 가능성 확대5. UI Framework이 확산되면서 개발환경 용이 해짐6. 반응형웹 UI 통한 N-Screen 대응 방안 So What?
  • 17. 1. HTML5의 등장으로 인해 웹 기반 환경이 확대 됨 앞으로 HTML5 기반으로 바뀌게 될 사용 환경은 무엇일까? 퀄컴회장 : “2014년 가전제품의 70%가 인터넷에 연결된다.”
  • 18. 2. WebGL과 같은 신기술로 웹에 대한 가능성 확대 3D 등 차세대 사용경험의 확대는 어디까지 인가? 그리고 그것이 의미하는 바는? To drive the racer, Go to http://demo.kaazing.com/racer/ws and enter the pin code 7171
  • 19. 1. 반응형 웹 UI 통한 N-Screen 대응 방안 반응형 웹 은 정말 전지전능한 N-Screen 대응 방안인가? 반응형 웹 반응형 웹이 실무에서 UX 협업 가져올 힘든 점 방안 UX
  • 20. http://ux.stackexchange.com/
  • 21. 1. SNS를 통한 심플한 웹 사용성 토론 ① SNS를 통한 글로벌 확산 ② 의견과 답변에 따른 정보 교환 ③ 토론 내용을 그룹 -> DB化2. 전문 칼럼 Post3. 뉴스레터4. U&I Insight 온오프 라인 모임 안내※ 현재 Facebook 병행 관리
  • 22. 1. 페이스북 가입자 승인 관리자2. 정기 모임 및 세미나 시 관리자3. [선택] 칼럼 및 포스트 작성자4. 기타 (뜻을 함께해주세요)