사용자경험설계

User experience design

사용자 경험 디자인(UX design, UXD, UED 또는 XD)은 사용자가 회사, 서비스 및 제품과 상호 작용할 때 겪을 경험을 정의하는 과정입니다.[1]UX 디자인에서 디자인 결정은 미적 선호나 의견보다는 연구, 데이터 분석, 테스트 결과에 의해 결정되는 경우가 많습니다.컴퓨터 인터페이스 디자인에만 집중하는 사용자 인터페이스 디자인과 달리, UX 디자인은 사용성, 유용성, 만족도, 브랜드 인식, 전반적인 성능 등 제품이나 웹사이트에 대한 사용자의 인지된 경험의 모든 측면을 포함합니다.UX 설계는 고객의 경험과 기업과의 상호작용의 모든 측면과 단계를 아우르는 고객경험(CX)의 한 요소이기도 합니다.[2]

역사

사용자 경험 디자인 분야는 개념적 디자인 학문으로 1940년대 후반부터 사용자의 경험을 다루는 시스템을 설계하기 위해 인간 사용자와 기계, 맥락적 환경 간의 상호작용에 초점을 맞춘 분야인 인간 요소와 인간 공학에 그 뿌리를 두고 있습니다.[3][4]1990년대 초 직장용 컴퓨터가 보급되면서 사용자 경험은 디자이너들에게 긍정적인 통찰력이 되기 시작했습니다.디자인, 사용성, 인지 과학 분야의 교수이자 연구원인 Donald Norman은 "사용자 경험"이라는 용어를 만들어 더 많은 사람들에게 소개했습니다.[5]

저는 인간의 인터페이스와 사용성이 너무 좁다고 생각해서 그 용어를 만들었습니다.저는 산업 디자인 그래픽, 인터페이스, 물리적 상호작용 및 매뉴얼을 포함한 시스템에 대한 당사자의 경험의 모든 측면을 다루고 싶었습니다.그 이후로 그 용어는 매우 널리 퍼져서 의미를 잃기 시작했습니다.

— Donald Norman[6]

디자인 학자이자 실천가인 돈 노먼(Don Norman)에 의해 부분적으로 유발된, 그것의 초점에 대해 경험 디자인 커뮤니티에서 논쟁이 일어나고 있습니다.Norman은 디자이너들이 사람들을 고객, 소비자, 사용자로만 묘사할 때, 디자이너들은 좋은 디자인을 할 수 있는 능력을 감소시킬 위험이 있다고 주장합니다.[7]

요소들

조사.

주요 기사:사용자 조사

사용자 경험 디자인은 인간과 컴퓨터의 상호작용, 사용자 중심 디자인과 같은 디자인 방법을 기반으로 하며, 상호작용 디자인, 시각 디자인, 정보 아키텍처, 사용자 연구 등과 같은 유사한 분야의 요소를 포함합니다.

연구의 또 다른 부분은 최종 사용자와 애플리케이션의 목적을 이해하는 것입니다.설계자에게는 분명하게 보일 수 있지만, 한 발 물러서서 사용자에게 공감하는 것이 최상의 결과를 가져다 줄 것입니다.

가정을 확인하고 증명 또는 반증하며, 대상 청중 구성원 간의 공통점을 찾고, 그들의 요구, 목표 및 정신 모델을 인식하는 데 도움이 됩니다.

시각디자인

일반적으로 그래픽 디자인, 사용자 인터페이스 디자인, 커뮤니케이션 디자인 및 시각적 커뮤니케이션으로도 알려진 시각 디자인은 모든 사용자 인터페이스의 프론트 엔드의 심미감이나 외관을 나타냅니다.인터페이스 요소의 그래픽 처리는 종종 시각적 디자인으로 인식됩니다.시각 디자인의 목적은 청중에게 메시지를 전달하기 위해 색, 이미지, 상징과 같은 시각적 요소를 사용하는 것입니다.게슈탈트 심리학의 기초와 시각적 인식은 효과적인 시각적 커뮤니케이션을 만드는 방법에 대한 인지적 관점을 제공합니다.[8]

정보 아키텍처

주요 기사:정보 아키텍처

정보 아키텍처는 사용성과 발견 가능성을 지원하기 위해 제품과 서비스의 정보를 구조화하고 조직하는 기술과 과학입니다.[9]

정보 아키텍처의 맥락에서 정보는 지식과 데이터 모두와 분리되어 있으며, 그 사이에 존재합니다.이것은 물체에 대한 정보입니다.[10]객체는 웹 사이트, 소프트웨어 응용프로그램, 이미지 등에 이르기까지 다양합니다.또한 메타데이터(문서, 사용자, 프로세스 및 조직과 같은 컨텐츠 개체를 설명하고 나타내는 데 사용되는 용어)와도 관련이 있습니다.정보 아키텍처는 또한 페이지와 네비게이션의 구조를 포괄합니다.[11]

상호작용 설계

주요 기사:상호작용 설계

인터랙션 디자인의 구성요소는 사용자와 제품 간의 인터랙션을 중심으로 한 사용자 경험(UX) 디자인의 필수적인 부분임이 잘 알려져 있습니다.[12]상호작용 설계의 목표는 사용자가 자신의 목표를 가능한[13][14] 최선의 방법으로 달성할 수 있도록 함으로써 효율적이고 즐거운 최종 사용자 경험을 제공하는 제품을 만드는 것입니다.

현재 사용자 중심 디자인에 대한 높은 강조와 사용자 경험 향상에 대한 강한 관심으로 인해 인터랙션 디자이너는 사용자의 기대에 부합하고 최신 UI 패턴 및 구성 요소의 기준을 충족하기 위해 제품을 개념화하는 데 매우 중요해졌습니다.[15]

최근 몇 년 동안 상호 작용 설계자의 역할은 UI 구성 요소를 지정하고 엔지니어에게 전달하는 데에만 집중되어 있던 것에서 설계자가 사용자의 요구를 충족시키는 것을 기반으로 상황별 인터페이스를 설계할 수 있는 자유가 증가하는 상황으로 변화했습니다.[16]따라서 사용자 경험 디자인은 모션 그래픽 디자인, 애니메이션에서 프로그래밍에 이르기까지 다양한 기술적 측면을 포함하는 다학제적 디자인 분야로 발전했습니다.

사용성

주요 기사:사용성

사용적합성이란 특정 사용자가 특정 사용 상황에서 효과, 효율성 및 만족도와 함께 특정 목표를 달성하기 위해 제품을 사용할 수 있는 범위입니다.[17]

사용성은 사람이 사용하는 모든 도구에 부착되며 디지털 장치와 비디지털 장치 모두로 확장됩니다.따라서 사용자 경험의 하위 집합이지만 완전히 포함되지는 않습니다.사용자 경험 설계와 교차하는 사용성 부분은 시스템이나 애플리케이션을 사용하는 인간의 능력과 관련이 있습니다.좋은 사용성은 긍정적인 사용자 경험에 필수적이지만 그것만 보장하는 것은 아닙니다.[18]

접근성

주요 기사:접근성

시스템의 접근성은 시스템의 접근성, 사용 및 이해의 용이성을 설명합니다.사용자 경험 설계 측면에서도 정보 및 기능에 대한 전반적인 이해 가능성과 관련될 수 있습니다.시스템과 관련된 학습 곡선을 단축하는 데 도움이 됩니다.다양한 맥락에서 접근성은 장애인의 사용 편의성과 관련될 수 있으며 사용 편의성 아래에 있습니다.[19]또한 접근 가능한 디자인은 디자이너가 장애인의 요구를 수용하고 고려해야 하는 서비스, 제품 또는 시설의 개념입니다.웹 콘텐츠 접근성 지침(WCAG)에 따르면 모든 콘텐츠는 인식 가능(Perceivable), 작동 가능(Operable), 이해 가능(Underable) 및 견고(Robust)[20]의 네 가지 주요 원칙을 따라야 합니다.

WCAG 준수사항

주요 기사:IMT2000 3GPP - 웹 콘텐츠 접근성 지침

WCAG(Web Content Accessibility Guidelines) 2.0은 웹 콘텐츠에 보다 쉽게 접근할 수 있도록 하기 위한 다양한 권장 사항을 다룹니다.이를 통해 일반적으로 사용자가 웹 콘텐츠를 보다 쉽게 사용할 수 있습니다.[21]모든 유형의 사용자가 컨텐츠를 보다 쉽게 사용할 수 있고 쉽게 액세스할 수 있도록 하면 사용자의 전반적인 사용자 경험이 향상됩니다.

인간과 컴퓨터의 상호작용

주요 기사:인간과 컴퓨터의 상호작용

인간과 컴퓨터의 상호작용은 인간이 사용할 수 있는 대화형 컴퓨팅 시스템의 설계, 평가 및 구현과 관련되며, 이를 둘러싼 주요 현상에 대한 연구와 관련이 있습니다.[22]

설계 준비 중

연구 후에 디자이너는 사용자와 사용자 환경의 모델링을 사용합니다.사용자 모델링 또는 페르소나는 연구 중 발견된 행동 패턴에 기반한 복합 원형입니다.페르소나는 사용자 그룹이 어떻게 행동하는지, 어떻게 생각하는지, 무엇을 성취하고 싶은지, 그리고 왜 그런지에 대해 디자이너에게 정확한 사고와 의사소통 방법을 제공합니다.[23]일단 만들어지면, 페르소나는 디자이너가 특정한 맥락에서 사용자의 목표를 이해할 수 있도록 도와주며, 이는 구상 중에 그리고 디자인 개념을 검증하는 데 특히 유용합니다.다른 유형의 모델에는 워크플로우 모델, 아티팩트 모델 및 물리적 모델이 포함됩니다.

설계.

설계자가 사용자의 요구와 목표를 잘 이해하면 상호 작용 프레임워크(와이어프레임이라고도 함)를 스케치하기 시작합니다.이 단계는 화면 레이아웃의 상위 구조와 제품의 흐름, 동작 및 구성을 정의합니다.화이트보드에서부터 종이 시제품에 이르기까지 다양한 종류의 재료가 반복적인 단계에 포함될 수 있습니다.상호작용 프레임워크가 제품 행동에 대한 전반적인 구조를 확립함에 따라 시각적 디자인과 산업적 디자인에 초점을 맞춘 병렬 프로세스가 진행됩니다.시각 디자인 프레임워크는 경험 속성, 시각 언어 및 시각 스타일을 정의합니다.[24]

견고하고 안정적인 프레임워크가 확립되면 와이어프레임은 스케치된 스토리보드에서 픽셀 수준의 사용자 인터페이스를 나타내는 풀 해상도 화면으로 변환됩니다.이 시점에서 프로그래밍 팀은 설계자와 긴밀하게 협력하는 것이 중요합니다.이들의 의견은 개념에 충실한 상태로 구축될 수 있고 앞으로 구축될 완성된 디자인을 만들기 위해 필요합니다.[citation needed]

테스트 및 반복

사용적합성 테스트는 사용자에게 프로토타입에 대해 수행해야 할 다양한 작업을 제공함으로써 수행됩니다.사용자가 직면한 문제나 문제는 필드 노트로 수집되며, 이 노트는 설계를 변경하고 테스트 단계를 반복하는 데 사용됩니다.[25]모니터링 문제 외에도 잠재적인 혼동 지점을 파악하기 위해 사용자가 묻는 질문도 표시됩니다.사용적합성 시험은 핵심적으로 "생성이 아닌 평가"를 위한 수단입니다.[26]

UX 성과물

UX 설계자는 다양한 작업을 수행하기 때문에 다양한 결과물을 사용하여 설계 아이디어와 연구 결과를 이해관계자에게 전달합니다.[27]UX 사양 문서와 관련하여 이러한 요구 사항은 제품을 설계하는 데 관련된 고객 또는 조직에 따라 달라집니다.4가지 주요 자료는 제목 페이지, 기능 소개, 와이어프레임 및 버전 기록입니다.[28]프로젝트 유형에 따라 사양 문서에는 흐름 모델, 문화 모델, 인물, 사용자 스토리, 시나리오 및 이전 사용자 조사도 포함될 수 있습니다.[27]

UX 디자이너가 업무의 일부로 제작하게 될 산출물에는 와이어프레임, 프로토타입, 사용자 흐름도, 사양 및 기술 문서, 웹 사이트 및 응용프로그램, 목업, 프레젠테이션, 페르소나, 사용자 프로필, 비디오 및 저도 보고서 등이 포함됩니다.[29]설계 결정을 주석이 달린 와이어프레임 형태로 문서화하면 개발자가 프로젝트를 성공적으로 코드화하는 데 필요한 정보를 얻을 수 있습니다.[30]

프로젝트 착수 후속 조치

요구사항:

  • 사용자 테스트/사용적합성 테스트
  • A/B테스트
  • 정보 아키텍처
  • 사이트 맵 및 사용자 흐름
  • 테스트 결과 및 미세 조정[31] 결과에 따른 추가 와이어 프레임 구성

UX 이해관계자

UX 전문가는 사용자 경험 연구원, 정보 설계자, 상호작용 설계자, 인적 요소 엔지니어, 비즈니스 분석가, 컨설턴트, 크리에이티브 디렉터, 상호작용 설계자, 사용성 전문가 등과 함께 사용자 경험 설계자로 간주됩니다.[32]

상호작용 설계자

상호작용 설계자(IxD)는 제품이 어떻게 작동해야 하는지 이해하고 구체화할 책임이 있습니다.이 작업은 시각 디자이너와 산업 디자이너 모두의 작업과 몇 가지 중요한 점에서 겹칩니다.물리적 제품을 설계할 때 상호작용 설계자는 초기에 산업 설계자와 협력하여 물리적 입력에 대한 요구사항을 구체화하고 물리적 입력에 대한 메커니즘의 행동적 영향을 이해해야 합니다.상호작용 디자이너들은 프로젝트 전반에 걸쳐 시각적 디자이너들과 교차합니다.시각적 디자이너는 브랜드와 감정적인 측면의 경험에 대한 토론을 안내하고, 상호작용 디자이너는 인터페이스에서 정보, 흐름, 기능의 우선순위를 전달합니다.[33]

테크니컬 커뮤니케이션즈

역사적으로, 기술적이고 전문적인 커뮤니케이션(TPC)은 글쓰기와 커뮤니케이션을 실천하는 산업이었습니다.그러나 최근에는 기업들이 다양한 사용자와 경험을 위한 콘텐츠를 개발하려고 하기 때문에 UX 디자인이 TPC에서 더욱 두드러지고 있습니다.[34]기술력과 전문성이 UX 디자인과 결합되어야 한다는 것이 지금의 기대입니다.Verhulsdonck, Howard, 그리고 Tham에 따르면, "...그것은 좋은 내용을 쓰기에 충분하지 않습니다.업계의 기대에 따르면, 이제는 좋은 콘텐츠를 작성하는 것 외에 해당 콘텐츠를 중심으로 좋은 경험을 설계하는 것도 중요합니다."[34]기술적 커뮤니케이션 담당자들은 이제 소셜 미디어와 앱과 같은 다양한 플랫폼과 웹 및 모바일과 같은 다양한 채널을 고려해야 합니다.[34]마찬가지로, TPC와 UX 설계를 결합하면 기술적 커뮤니케이션 담당자가 대상 사용자에 대한 증거를 수집할 수 있습니다.

사용자 인터페이스 설계자

UI(User Interface) 디자인은 외관이나 스타일에 초점을 두고 소프트웨어나 컴퓨터 장치에서 인터페이스를 만드는 과정입니다.디자이너들은 사용자들이 사용하기 쉽고 즐겁게 디자인을 만드는 것을 목표로 합니다.UI 디자인은 일반적으로 그래픽 사용자 인터페이스를 나타내지만 음성으로 제어되는 인터페이스와 같은 다른 인터페이스도 포함합니다.[36]

비주얼 디자이너

시각적 설계자는 설계의 시각적 표현이 데이터를 효과적으로 전달하고 제품의 예상 동작을 암시하도록 보장합니다.동시에 시각 디자이너는 제품에 브랜드의 이상을 전달하고 긍정적인 첫인상을 심어주는 역할을 맡습니다. 제품에 하드웨어가 포함되어 있는 경우 이러한 책임은 산업 디자이너와 공유됩니다.본질적으로 시각적 설계자는 최대의 사용성과 최대의 만족도를 결합하는 것을 목표로 해야 합니다.비주얼 디자이너는 예술적 능력이 뛰어날 필요는 없지만 주제를 바람직한 방식으로 전달해야 합니다.[37]

설계 테스트

주요 기사:사용적합성 시험

사용적합성 시험은 설계자가 설계를 시험할 때 사용하는 가장 일반적인 방법입니다.사용성 테스트를 실시하는 기본적인 아이디어는 제품이나 브랜드의 디자인이 대상 사용자와 잘 맞는지 확인하는 것입니다.사용성 테스트를 진행하면서 제품의 디자인이 성공적인지, 그렇지 않다면 어떻게 개선할 수 있는지 두 가지를 테스트하고 있습니다.

설계자가 테스트를 하는 동안 설계를 테스트하는 것이지 사용자를 테스트하는 것은 아닙니다.또한 UX 디자인과 디자인 사고가 모두 Agile 소프트웨어 개발 방향으로 이동하는 등 모든 디자인이 진화하고 있습니다.[38]설계자는 최종 제품의 모든 측면이 테스트되었는지 확인하면서 가능한 한 조기에 그리고 자주 사용성 테스트를 수행합니다.[39]

참고 항목

참고문헌

  1. ^ Norman, Don; Nielsen, Jakob. "The Definition of User Experience (UX)". Neilsen-Norman Group.
  2. ^ Dove, Graham; Halskov, Kim; Forlizzi, Jodi; Zimmerman, John (2017-05-02). "UX Design Innovation: Challenges for Working with Machine Learning as a Design Material". Proceedings of the 2017 CHI Conference on Human Factors in Computing Systems. CHI '17. New York, NY, USA: Association for Computing Machinery: 278–288. doi:10.1145/3025453.3025739. ISBN 978-1-4503-4655-9.
  3. ^ "Design in motion". IBM Design. Retrieved 2015-06-18.
  4. ^ 카렌 홀츠블랫(Karen Holtzblatt)과 휴 R.(Hugh R.)의 환경 맥락 "THE Interaction Design Foundation", 2016-08-26 회수
  5. ^ Kujala, Sari; Roto, Virpi; Väänänen-Vainio-Mattila, Kaisa; Karapanos, Evangelos; Sinneläa, Arto (2011). "UX Curve: A method for unlimited long-term user experience". Interacting with Computers. 23 (5): 473–483. doi:10.1016/j.intcom.2011.06.005.
  6. ^ Merholz, Peter (2007). "Peter in Conversation with Don Norman About UX & Innovation". Adaptive Path.
  7. ^ "Words Matter. Talk About People: Customers, Consumers,Users". Don Norman's jnd website. Retrieved 2008-10-03.
  8. ^ "Visual Design Web Style Guide 3". Web Style Guide. Retrieved 2015-06-18.
  9. ^ Information Architecture Institute (2013), What is IA? (PDF)
  10. ^ Garrett, Jesse (2011). The Elements of User Experience. New Riders. p. 81. ISBN 978-0-321-68368-7.
  11. ^ "Efficiently Simplifying Navigation, Part 1: Information Architecture". Smashing Magazine. 2013-12-03. Retrieved 2020-03-15.
  12. ^ "What is Interaction Design?".
  13. ^ "Principles of Mobile App Design". Archived from the original on 2018-04-13.
  14. ^ "What Is User Experience Design? Overview, Tools And Resources". 5 October 2010.
  15. ^ "The Five Competencies of User Experience Design".
  16. ^ Lowgren, Jonas. Interaction Design - brief intro. Retrieved 2015-06-18. {{cite book}}: website=무시됨(도움말)
  17. ^ "International Standards". UsabilityNet. 1998. Retrieved 2015-06-18.
  18. ^ Marcus, Aaron (2015). Design, User Experience, and Usability: Design Discourse. Springer. p. 340. ISBN 978-3-319-20886-2. Retrieved 26 July 2015.
  19. ^ Butters, Kerry (16 October 2014). "The Fundamentals of Great UX". Archived from the original on 6 July 2015. Retrieved 26 July 2015.
  20. ^ "What is Accessibility?". The Interaction Design Foundation. Retrieved 2021-03-31.
  21. ^ "Web Content Accessibility Guidelines (WCAG) 2.0". www.w3.org. Retrieved 2017-12-05.
  22. ^ "Curricula for Human-Computer Interaction, Chapter 2. Definition and Overview of Human-Computer Interaction". ACM SIGCHI. Retrieved 2015-06-18.
  23. ^ Cooper, Alan; Reimann, Robert; Cronin, David; Noessel, Christopher (2 September 2014). About Face: The Essentials of Interaction Design (4th ed.). Wiley. p. 62. ISBN 978-1-118-76657-6.
  24. ^ Cooper, Alan; Reimann, Robert; Cronin, David; Noessel, Christopher (2014). About Face: The Essentials of Interaction Design (4th ed.). Wiley. p. 131. ISBN 978-1-118-76657-6.
  25. ^ Treder, Marcin (2012-08-29). "Beyond Wireframing: The Real-Life UX Design Process". Smashing Magazine. Retrieved 2015-06-18.
  26. ^ Cooper, Alan; Reimann, Robert; Cronin, David; Noessel, Christopher (2014). About Face: The Essentials of Interaction Design. Wiley. p. 140. ISBN 978-1-118-76657-6.
  27. ^ a b "An Overview Of The Most Common UX Design Deliverables". Smashing Magazine. 2017-09-27. Retrieved 2020-03-15.
  28. ^ Kiess, Chris (2014-05-07). "A Practical Guide to UX Specifications". C L Kiess. Retrieved 2015-06-18.
  29. ^ Lauer, Claire; Brumberger, Eva (2016). "Technical Communication as User Experience in a Broadening Industry Landscape". Technical Communication (Washington). 63 (3).
  30. ^ "Wireframing – The Perfectionist's Guide". Smashing Magazine. 2016-11-22. Retrieved 2020-03-15.
  31. ^ "What's the Difference Between a User Experience (UX) Designer and a User Interface (UI) Designer? - Zanthro". Retrieved 2015-09-24.
  32. ^ Baxter, Kathy; Courage, Catherine; Caine, Kelly (2015). Understanding Your Users (2nd ed.). Elsevier Science & Technology.
  33. ^ Cooper, Alan; Reimann, Robert; Cronin, David; Noessel, Christopher (2 September 2014). About Face: The Essentials of Interaction Design (4th ed.). John Wiley & Sons. p. 153. ISBN 978-1-118-76657-6.
  34. ^ a b c Verhulsdonck, Gustav; Howard, Tharon; Tham, Jason (2021-09-21). "Investigating the Impact of Design Thinking, Content Strategy, and Artificial Intelligence: A "Streams" Approach for Technical Communication and User Experience". Journal of Technical Writing and Communication. 51 (4): 468–492. doi:10.1177/00472816211041951. ISSN 0047-2816. S2CID 240552938.
  35. ^ Portmann, Lara (2022-08-01). "Crafting an audience: UX writing, user stylization, and the symbolic violence of little texts". Discourse, Context & Media. 48: 100622. doi:10.1016/j.dcm.2022.100622. ISSN 2211-6958.
  36. ^ "What is User Interface (UI) Design?". Retrieved 2020-04-16.
  37. ^ Goodwin, Kim (2009). Designing for the Digital Age. Wiley. p. 21. ISBN 978-0-470-22910-1.
  38. ^ Da Silva, Tiago Silva; Silveira, Milene Selbach; Maurer, Frank; Silveira, Fábio Fagundes (2018-10-01). "The evolution of agile UXD". Information and Software Technology. 102: 1–5. doi:10.1016/j.infsof.2018.04.008. ISSN 0950-5849.
  39. ^ "Usability Testing". usability.gov. 13 November 2013.

추가열람