본문 바로가기

전체

 (91)
UI테스트(화면 구현) 사용성 테스트(Usability Test) 1. 목적 1) 사용성 테스트 기법은 UI 테스트에 대한 보편적인 방법으로, 크게 사용성 테스트에 대한 계획 수립, 사용성 테스트 설계, 사용성 테스트 수행과 결과 검토로 구분하여 진행된다. 2) 사용자의 제품 만족도 제고, 제품의 완성까지의 노력 대비 높은 효율성, 개발 생산성 대비 낮은 에러, 쉬운 학습 이해도, 높은 품질의 완성도 상승, 사용자 실수 최소화 등의 효과를 달성할 수 있다. 2. 특징 1) 사용자가 웹 사이트를 사용하는 것을 전제로 분석하여 사이트 구성 메뉴의 문제점과 요구사항의 반영 여부를 점검하는 것이다. 2) 웹 사이트가 개발된 조건을 바탕으로 사용자가 접근하고 이용하는 측면에서 선호할 만한 웹 사이트의 기능을 테스트하는 것이다. 3) 사..
UI 구현(화면 구현) 서버(Server)와 클라이언트(Client) 1. 서버 클라이언트에게 네트워크를 통해 정보나 서비스를 제공하는 컴퓨터 또는 프로그램이다. 1) 웹 서버는 웹 브라우저(클라이언트)로부터 HTTP 요청을 받아들이고, HTML 문서(웹 페이지)를 반환한다. (가) 웹 서버의 기능은 HTML문서 를 클라이언트로 전달하는 것이다. (나) HTMl 문서에는 그림, css, JavaScript가 포함된다. (다) 콘텐츠 제공뿐 아니라 클라이언트로부터 콘텐츠를 전달 받는 것도 웹 서버의 기능에 속한다. 2) 서버 프로그램의 대표적인 종류에는 Apache, IIS, Nginx, GWS 등이 있다. 2. 클라이언트 1) 네트워크를 통하여 다른 서버 시스템 상의 컴퓨터에 원격 서비스에 접속할 수 있는 응용 프로그램이나 서..
UI구현 지침 확인(화면구현) W3C(World Wide Web Consortium) W3C는 월드 와이드 웹을 위한 표준을 개발하고 장려하는 국제적인 컨소시엄 조직으로, W3C의 설립 취지는 웹의 지속적인 성장을 도모하는 프로토콜과 가이드라인을 개발하여 월드 와이드 웹의 모든 잠재력을 이끌어 낸다는 목적에서 찾을 수 있다. 한국형 웹 콘텐츠 접근성 지침(KWCAG, Korean Web Content Accessibility Cuideline) 1. 장애인이 비장애인과 동등하게 웹 콘텐츠에 접근할 수 있도록 웹 콘텐츠를 제작하는 방법에 관하여 기술한 것이다. 2. 웹 콘텐츠 제작자 및 개발자, 웹 사이트 설계자 등이 장애인 접근성을 준수하여 콘텐츠를 쉽게 제작할 수 있도록 돕는 지침들을 제공하는 것이 목적이다. 3. 기존의 '인터넷 ..
UI 메뉴 구조 확인(화면구현) 사용성(Usability) 1. 특정한 목적을 성취하고자 하는 특정 사용자들에 의해 어떤 제품이 사용될 때와 같은 특정한 맥락의 사용에서의 효과성, 효율성, 만족도에 관한 것이다. 2. 사용성은 사용자가 업무를 쉽고 편리하게 수행하는 것에 의미를 둔다. 유용성(UseFulness) 사용자가 업무를 수행하는 데 있어 얼마나 정확하게 수행할 수 있는지를 나타내는 것이다. 정보구조(Information Architecture) 1. 설계 단계에서 사이트를 구성하는 처리 내용이나 메뉴의 구조를 표현함으로써 사이트의 구조를 파악할 수 있도록 하는 것으로 사이트 맵이라고도 한다. 2. 정보 구조를 표현하는 방법에 따라 계층적 구조, 계열 구조, 그리드 구조, 네트워크 구조 등으로 나뉜다. 내비게이션(Navigati..
UI설계 내용 확인(화면 구현) UI (User Interface) 사용자가 하드웨어나 시스템에 연결되는 과정에서 사용자의 편리성과 가독성을 높여주기 위한 것이다. 1. CLI(명령어 라인 인터페이스, Command Line Interface) 사용자와 시스템이 상호 작용을 하는 방식으로 명령과 출력이 텍스트 형태로 표현된다. 2. GUI(그래픽 유저 인터페이스, Graphical User Interface) 사용자가 컴퓨터의 자원을 사용할 수 있도록 구성요소들이 그래픽 형태로 표현된다. 3. NUI(자연어 유저 인터페이스, Natural User Interface) 몸짓, 말소리만으로도 IT기기를 사용할 수 있는 사용자 인터페이스이다. UI표준 및 지침 1. UI표준은 시스템 전반에 걸쳐 모든 UI에 공통적으로 적용되는 내용을 의미하..
UI 개선 결과보고서 공유(UI테스트) 사용자 중심 매뉴얼 일반적으로 소프트웨어를 개발 할 때, 사용자 매뉴얼이 제작되어 제공되기는 하지만, 개발의 가장 마지막 단계에서 단기간 작성되는 현실상의 문제 등으로 기능 설명 위주의 개발자 관점으로 작성이 되는 것이 일반적이다. 이렇게 작성된 매뉴얼은 이해도와 활용도가 떨어져, 실제 사용자들이 실제 사용환경에서 필요한 정보화 이해도 높은 편집 및 내용 구성을 적을할 필요가 있으며, 이를 보완한 것이 사용자 중심 매뉴얼이다.
UI 개선방안 및 수정계획 수립(UI테스트) UI 디자인 (Usdr Interface Design) 인터페이스, 즉 정보기기나 소프트웨어의 화면 등 사람과 접하는 면을 설계하고 디자인하는 것을 의미하며, 스마트기기의 대중화로 스마트폰, 타블렛 PC등의 모바일 UI 디자인이 주목을 받고 있으며, IA 설계와 인터랙션 설계, GUI 디자인을 포함한다. UI 컨셉션 (UI Conception) UX(User Experience) 컨셉의 가시화 단계에서 진행되는 주요 화면(Key Screen)에 대한 UI 컨셉 설계를 의미하며, 상세설계시 진행되는 UI 설계와 업무형태는 유사하지만, UX 컨셉을 가시화하고 실제 설계전에 검증하는데 목적이 있다. GUI 컨셉션 (GUI Conception) UI 컨셉션과 함께, 화면 디자인 관점에서 UX 컨셉을 가시화하는 ..
평가 분석서 작성 및 이슈 도출(UI테스트) 태스크 성공 매트릭스 태스크가 포함되어 있는 사용성 테스트 연구에서 태스크 성공 매트릭스는 가장 일반적이고 보편적인 방법이다. 개선 이전의 UI/UX 디자인과 개선 이후의 UI/UX 디자인의 태스크 성공 여부(이진성공율)의 빈도 분포로 표현하여 비교한다. 에러 매트릭스 태스크를 수행하는 동안 사용자가 범한 실수를 수집하여 분석하는 기법으로, 태스크 진행중 얼마나 많은 실수가 있었는지, 이러한 실수가 제품의 어느 부분에서 발생했는지, 디자인에 따라 어떤 종류의 에러가 얼마나 자주 일어나는지, 일반적으로 무엇이 어떻게 유용한지 대해서 말해줄 수 있다. 예를 들어서, 에러로 인해 데이터가 손실되는 등 효율성에서 중대한 손실을 가져올 때, 에러로 인해 고객센터로 걸려오는 통화량이 증가되는 등 많은 비용을 발생시..

티스토리툴바