heewon study I'll be on your side.

요구사항 분석, 콘셉트 아이디어 도출 UI/UX 개발 과제의 목표 충족을 위하여 사용자 리서치 결과를 토대로 UI/UX 콘셉트 아이디어를 도출할 수 있다. 요구사항분석(requirement analysis) 요구사항(Requirement) 요구사항은 제품, 서비스 등의 개발의 결과물이 충족하여야 할 대상으로 아래와 같이 정 의 된다. 어떤 문제를 해결하거나 특정의 목적을 위하여 사용자가 필요로 하는 조건이나 능력. 계약, 표준, 명세 또는 다른 형식으로 제시된 문서에 맞추어 시스템이나 시스템 구성 요소가 갖추어야 할 조건이나 능력. 요구 사항들은 시스템이나 시스템 구성 요소의 후속 개발 단계의 자료가 된다. (한국정보통신기술협회. IT용어사전) 요구사항분석(Requirement Analysis) 요구사항..

UI 상세설계 UI 요구사항과 UI 표준 및 지침에 따라, 사용자의 편의성을 고려한 메뉴 구조를 설 계할 수 있다. UI 요구사항과 UI 표준 및 지침에 따라, 하위 시스템 단위의 내·외부 화면과 폼을 설계할 수 있다. UI 시나리오 작성 원칙 UI 상세설계에 있어 시나리오 작성은 반드시 필요한 사항이다. 정보통신산업진흥원 부설 SW공학센터의 “소프트웨어 개발 UI/UX 참조모델 가이드“(2014)에 따르면 시나리오 작성 의 원칙은 다음과 같이 설명한다. UI의 전체적인 기능과 작동 방식을 개발자가 한눈에 쉽게 이해 가능하도록 구체적으로 작성하여야 한다. 모든 기능은 공통 적용이 가능한 UI 요소와 인터랙션을 일반적인 규칙으로 정의한다. “대표 화면의 레이아웃과 그 화면들 속의 기능”을 정의한다. 이때의..

UI 흐름 설계 UI 요구사항과 UI 표준 및 지침에 따라, 화면과 폼의 흐름을 설계하고, 제약사항을 화면과 폼 흐름 설계에 반영할 수 있다. UI 설계서 구성에 따른 작성 방법 UI 설계서 구성은 UI 설계서 표지, UI 설계서 개정 이력, UI 요구사항 정의, 시스템 구조, 사이트 맵, 프로세스 정의, 화면 설계 등으로 이루어진다. UI 설계서 표지 UI 설계서에 포함될 프로젝트 명 또는 시스템 명을 포함시킨다. UI 설계서 개정 이력 UI 설계서 처음 작성 시에는 첫 번째 항목으로 ‘초안 작성’을 포함시키고 그에 해당 되는 초기 버전(version)을 1.0으로 설정한다. 변경 또는 보완이 충분히 이루어져 완성 이 되었다고 판단할 경우 버전을 x.0 으로 바꾸어 설정한다. UI 요구사항 정의 UI ..

UI 프로토타입 제작, 검토 응용 소프트웨어 개발을 위한 UI 표준 및 지침에 의거하여, UI 요구사항을 반영한 프로토타입을 제작할 수 있다. 작성한 프로토타입을 활용하여 UI/UX 엔지니어와 향후 적용할 UI의 적정성에 대해 검토할 수 있다. UI 프로토타입 이해 프로토타입(Prototype)의 뜻 프로토타입은 원래의 온전한 형태, 전형적인 예, 기초적인 표준이다. 시제품 전의 제품 원 형으로 개발 검증과 양산 검증의 과정을 거쳐 시제품이 완성된다. 프로토타입은 “새로운 컴퓨터 시스템이나 소프트웨어의 설계 또는 성능, 구현 가능성, 운 용 가능성을 평가하거나 요구 사항을 좀 더 잘 이해하고 결정하기 위하여 전체적인 기능 을 간략한 형태로 구현한 시제품”(한국어사전)이다. 프로토타입은 사용자의 요구사항이..

UI 요구사항 확인 응용 소프트웨어 개발을 위한 UI 표준 및 지침에 의거하여, 개발하고자 하는 응용 소프트웨어에 적용될 UI 요구사항을 확인할 수 있다. 소프트웨어 아키텍처 개념 소프트웨어 아키텍처란 소프트웨어 아키텍처는 개발하고자 하는 소프트웨어의 사전 작업을 통하여 소프트웨어 개발을 쉽게 하도록 기본 틀을 만드는 것으로, 복잡한 개발을 체계적으로 접근하기 위 한 밑그림이라 할 수 있다. 학술적인 정의로는 권도형(2004)에 따르면 소프트웨어를 구 성하는 컴포넌트들의 상호 작용 및 관계, 각각의 특성을 기반으로 컴포넌트들이 상호 유기적으로 결합하는 소프트웨어의 진화를 위한 여러 가지 원칙들의 집합이라고 할 수 있다. 소프트웨어 아키텍처의 활용 소프트웨어 아키텍처의 중요성과 활용 방법에 대해 살펴보면,..

UI테스트 구현된 화면, 폼, 메뉴, 흐름을 테스트할 수 있는 테스트 케이스를 작성하고 단위 테 스트를 수행하기 위한 테스트 조건을 명세화할 수 있다. 사용성 테스트(Usability Test) 1. 목적 (1) 사용성 테스트 기법은 UI테스트에 대한 보편적인 방법으로, 크게 사용성 테스트에 대한 계획 수립, 사용성 테스트 설계, 사용성 테스트 수행과 결과 검토로 구분하여 진행된다. (2) 사용자의 제품 만족도 제고, 제품의 완성까지의 노력 대비 높은 효율성, 개발 생산 성 대비 낮은 에러, 쉬운 학습 이해도, 높은 품질의 완성도 상승, 사용자 실수 최소 화 등의 효과를 달성할 수 있다. 2. 특징 (1) 사용자가 웹 사이트를 사용하는 것을 전제로 분석하여 사이트 구성 메뉴의 문제점 과 요구사항의 반영 ..

UI 구현 확인된 화면과 폼 흐름 설계에 따라, 사용자 접근성을 고려한 화면과 폼의 흐름 제 어를 구현할 수 있다. 확인된 화면과 폼 흐름 설계에 따라, 감성공학 기법을 고려하여 접하는 화면, 홈, 메 뉴, 흐름을 구현할 수 있다. 서버(Server)와 클라이언트(Client) 1. 서버 클라이언트에게 네트워크를 통해 정보나 서비스를 제공하는 컴퓨터 또는 프로그램이다. (1) 웹 서버는 웹 브라우저(클라이언트)로부터 HTTP 요청을 받아들이고, HTML 문서(웹 페이지)를 반환한다. (가) 웹 서버의 기능은 HTML 문서(웹 페이지)를 클라이언트로 전달하는 것이다. (나) HTML 문서(웹 페이지)에는 그림, CSS, 자바스크립트가 포함된다. (다) 콘텐츠 제공뿐 아니라 클라이언트로부터 콘텐츠를 전달 받..

UI구현 지침 확인 소프트웨어 아키텍처 세부 구현 지침과 UI표준 및 지침을 반영하여 확인된 UI설계를 구현할 수 있다. W3C(World Wide Web Consortium) W3C(World Wide Web Consortium)는 월드 와이드 웹을 위한 표준을 개발하고 장려하는 국제적인 컨소시엄 조직으로, W3C의 설립 취지는 웹의 지속적인 성장을 도모하는 프로토 콜과 가이드라인을 개발하여 월드 와이드 웹의 모든 잠재력을 이끌어 낸다는 목적에서 찾 을 수 있다. 한국형 웹 콘텐츠 접근성 지침(KWCAG, Korean Web Content Accessibility Guidelines) 1. 장애인이 비장애인과 동등하게 웹 콘텐츠에 접근할 수 있도록 웹 콘텐츠를 제작하는 방 법에 관하여 기술한 것이다. ..

UI 메뉴 구조 확인 UI요구사항과 UI표준 및 지침에 따라 설계된 메뉴 구조를 해석할 수 있다. 구현을 위해 하위 시스템 단위의 내․외부 화면과 폼의 설계를 확인할 수 있다. 사용성(Usability) 1. 특정한 목적을 성취하고자 하는 특정 사용자들에 의해 어떤 제품이 사용될 때와 같은 특정한 맥락의 사용에서의 효과성, 효율성, 만족도에 관한 것이다(출처 : ISO 9241-11, 2001). 2. 사용성은 사용자가 업무를 쉽고 편리하게 수행하는 것에 의미를 둔다. 유용성(Usefulness) 사용자가 업무를 수행하는 데 있어 얼마나 정확하게 수행할 수 있는지를 나타내는 것이다. 정보 구조(Information Architecture) 1. 설계 단계에서 사이트를 구성하는 처리 내용이나 메뉴의 구조를..

UI설계 내용 확인 설계된 화면과 폼의 흐름을 확인하고 제약사항과 화면의 폼 흐름을 구현에 반영하도록 설계를 확인할 수 있다. UI(User Interface) 사용자가 하드웨어나 시스템에 연결되는 과정에서 사용자의 편리성과 가독성을 높여 주기 위한 것이다. 1. CLI(명령어 라인 인터페이스, Command Line Interface) 사용자와 시스템이 상호 작용을 하는 방식으로 명령과 출력이 텍스트 형태로 표현된다. 2. GUI(그래픽 유저 인터페이스, Graphical User Interface) 사용자가 컴퓨터의 자원을 사용할 수 있도록 구성요소들이 그래픽 형태로 표현된다 3. NUI(자연어 유저 인터페이스, Natural User Interface) 몸짓, 말소리만으로도 IT 기기를 사용할 수 ..