본문 바로가기

정보처리

 (26)
HCI/UX/감성공학이란 UX가 제품을 사용하고 느낀 총체적인 경험이라면 감성공학은 이런 경험을 통해 얻은 복합적인 감각을 의미합니다. UI를 기준으로 HCI, UX, 감성 공학의 개념이 구분되도록 공부하는 게 중요해요 HCI(Human Computer Interaction or Interface) HCI는 사람이 시스템을 보다 편리하고 안전하게 사용할 수 있도록 연구하고 개발하는 학문으로서, 최종 목표로는 시스템을 사용하는데 있어서 최적의 사용자 경험(UX)을 만드는 것이 됩니다. 원래 HCI는 사람과 컴퓨터의 상호작용을 연구해서 사람이 컴퓨터를 편리하게 사용하도록 만드는 학문이었으나, 대상이 컴퓨터뿐만 아니라 서비스, 디지털 콘텐츠 등으로 사람도 개인뿐만 아니라 사회나 집단으로 확대되었습니다. HCI는 어떤 제품이 좋은 제품..
UI 상세 설계란 UI 시나리오 문서 개요 UI 상세 설계는 UI 설계서를 바탕으로 실제 설계 및 구현을 모든 화면에 대한 자세한 설계를 진행하는 단계로, UI 상세 설계를 할 때는 반드시 시나리오를 작성해야 합니다. UI 시나리오 문서는 사용자 인터페이스의 기능 구조, 대표 화면, 화면 간 인터랙션의 흐름, 다양한 상황에서의 예외 처리 등을 문서로 정리한 것입니다. UI 시나리오 문서에는 사용자가 최종 목표를 달성하기 위한 방법이 순차적으로 묘사되어 있습니다. UI 설계자 또는 인터랙션 디자이너가 UI 시나리오 문서를 작성하면 그래픽 디자이너가 시나리오를 바탕으로 디자인을 하고 개발자가 UI를 구현한다. UI 시나리오 문서 작성의 원칙 개발자가 전체적인 UI의 기능과 작동 방식을 한눈에 이해할 수 있도록 구체적으로 작성..
UI 설계서의 개요에 대해 알아보자 UI설계서는 사용자의 요구사항을 바탕으로 UI 설계를 구체화하여 작성하는 문서입니다. 상세 설계 전에 대표적인 화면들을 설계합니다. UI 설계서는 기획자, 개발자, 디자이너 등과의 원활한 의사소통을 위해 작성한다.ㅏ UI 설계서는 UI 설계서 표지, UI 설계서 개정 이력, UI 요구사항 정의서, 시스템 구조, 사이트 맵, 프로세스 정의서, 화면 설계 순으로 작성한다. UI 설계서 표지 작성 시 UI 설계서의 표지는 다른 문서와 혼동되지 않도록 프로젝트명 또는 시스템명을 포함시켜 작성해야 한다. UI 설계서 개정 이력 작성하는법을 알아봅시다. UI 설계서 개정 이력은 UI 설계서가 수정될 때마다 어떤 부분이 어떻게 수정되었는지 정리해 놓은 문서입니다. 처음 작성 시 첫 번째 항목을 '초안 작성', 버전(..
UI 프로토타입 제작 및 검토 UI 프로토타입의 개요 프로토타입은 사용자 요구사항을 기반으로 실제 동작하는 것처럼 만든 동적인 형태의 모형으로, 테스트가 가능하다. 프로토타입은 사용자의 요구사항을 개발자가 맞게 해석했는지 검증하기 위한 것으로, 최대한 간단하게 만들어야 한다. 프로토타입은 일부 핵심적인 기능만을 제공하지만 최종 제품의 작동 방식을 이해시키는데 필요한 기능은 반드시 포함되어야 한다. 사용자의 요구사항이 모두 반영될 때까지 프로토타입을 계속하여 개선하고 보완해야 한다. 프로토타이핑 및 테스트를 거치지 않고는 실제 사용자와 제품 간의 상호 작용 방식을 예측하ㅣㄱ 어려우므로 실제 사용자를 대상으로 테스트하는 것이 좋다. UI 프로토타입의 장,단점 장점 사용자를 설득하고 이해시키기 쉽다. 요구사항과 기능의 불일치 등으로 인한 ..
품질 요구사항 품질 요구사항 소프트웨어의 품질은 소프트웨어의 기능, 성능, 만족도 등 소프트웨어에 대한 요구사항이 얼마나 충족하는가를 나타내는 소프트웨어 특성의 총체이다. 소프트웨어의 품질은 사용자의 요구사항을 충족시킴으로써 확립된다. ISO/IEC 9126 ISO/IEC 9126은 소프트웨어의 품질 특성과 평가를 위한 표준 지침으로서 국제 표준으로 널리 사용된다. ISO/IEC 9126은 소프트웨어의 품질에 대한 요구사항을 기술하거나 개발 중인 또는 개발이 완료된 소프트웨어의 품질 평가 등에 사용된다. ISO/IEC 9126은 2011년에 호환성과 보안성을 강화하여 ISO/IEC 25010으로 개정되었다. ISO/IEC 9126에서 제시한 소프트웨어의 품질 특성 ISO/IEC 25010은 2011년 ISO/IEC 9..
UI 설계 도구의 종류 UI 설계 도구 UI 설계도구는 사용자의 요구사항에 맞게 UI의 화면 구조나 화면 배치 등을 설계할 때 사용하는 도구로, 종류에는 와이어프레임, 목업, 스토리보드, 유스 케이스 등이 있다. UI 설계 도구로 작성된 결과물은 사용자의 요구사항이 실제 구현되었을 때 화면은 어떻게 구성되는지, 어떠한 방식으로 수행되는지를 기획단계에서 미리 보여주기 위한 용도로 사용된다. 와이어프레임(Wireframe) 와이어프레임은 기획 단계의 초기에 제작하는 것으로, 페이지에 대한 개략적인 레이아웃이나 UI 요소 등에 대한 뼈대를 설계하는 단계이다. 와이어프레임을 제작할 때는 각 페이지의 영역 구분, 콘텐츠, 텍스트 배치 등을 화면 단위로 설계한다. 개발자나 디자이너 등이 레이아웃을 협의하거나 현재 진행 상태 등을 공유하기..
소프트웨어 아키텍처 소프트웨어 아키텍처의 설계 소프트웨어 아키텍처는 소프트웨어의 골격이 되는 기본 구조이자, 소프트웨어를 구성하는 요소들 간의 관계를 표현하는 시스템의 구조 또는 구조체 입니다. 소프트웨어 개발 시 적용되는 원칙과 지침이며, 이해 관계자들의 의사소통 도구로 활용됩니다. 소프트웨어 아키텍처의 설계는 기본적으로 좋은 품질을 유지하면서 사용자의 비기능적인 요구사항으로 나타난 제약을 반영하고, 기능적 요구사항을 구현하는 방법을 찾는 해결 과정이다. 애플리케이션의 분할 방법과 불할된 모듈에 할당될 기능, 모듈 간의 인터페이스등을 결정한다. 소프트웨어 아키텍처 설계의 기본 원리로는 모듈화, 추상화, 단계적 분해, 정보은닉이 있다. 모듈화(Modularity) 모듈화란 소프트웨어의 성능을 향상시키거나 시스템의 수정 및 ..
UI표준 및 지침 UI 표준 및 지침 UI 표준과 지침을 토대로 기술의 중립성(웹 표준), 보편적 표현 보장성(웹 접근성), 기능의 호환성(웹 호환성)이 고려되었는지 확인한다. UI 표준 : 전체 시스템에 포함된 모든 UI에 공통적으로 적용될 내용으로, 화면 구성이나 화면 이동 등이 포함된다. UI 지침 : UI ㅛㅇ구사항, 구현 시 제약사항 등 UI 개발 과정에서 꼭 지켜야 할 공통의 조건을 의미 웹의 3요소는 웹 사이트 개발 시 고려할 사항으로 웹 표준, 웹 접근성, 웹 호환성을 말합니다. 웹 표준(Web Standards) : 웹에서 사용되는 규칙 또는 기술을 의미하는 것으로, 웹 사이트 작성 시 이용하는 HTML, JabaScript 등에 대한 규정, 웹 페이지가 다른 기종이나 플랫폼에서도 구현되도록 제작하는 기법..

티스토리툴바