hong study hgy5710

UI 프로토타입 이해 1. 프로토타입(Prototype)의 뜻 프로토타입은 원래의 온전한 형태, 전형적인 예, 기초적인 표준이다. 시제품 전의 제품 원 형으로 개발 검증과 양산 검증의 과정을 거쳐 시제품이 완성된다. 프로토타입은 “새로운 컴퓨터 시스템이나 소프트웨어의 설계 또는 성능, 구현 가능성, 운 용 가능성을 평가하거나 요구 사항을 좀 더 잘 이해하고 결정하기 위하여 전체적인 기능 을 간략한 형태로 구현한 시제품”(한국어사전)이다. 프로토타입은 사용자의 요구사항이 모두 정확하게 반영될 때까지 계속하여 개선, 보완된다. 실제 수많은 애플리케이션들이 프 로토타입의 지속적인 확장, 보강을 통해 최종 설계가 완성된다. 2. 어원에 따른 접근 “프로토타입(prototype)의 사전적 의미는 대량 생산에 앞서..

소프트웨어 아키텍처 개념 1. 소프트웨어 아키텍처란 소프트웨어 아키텍처는 개발하고자 하는 소프트웨어의 사전 작업을 통하여 소프트웨어 개발을 쉽게 하도록 기본 틀을 만드는 것으로, 복잡한 개발을 체계적으로 접근하기 위 한 밑그림이라 할 수 있다. 학술적인 정의로는 권도형(2004)에 따르면 소프트웨어를 구 성하는 컴포넌트들의 상호 작용 및 관계, 각각의 특성을 기반으로 컴포넌트들이 상호 유기적으로 결합하는 소프트웨어의 진화를 위한 여러 가지 원칙들의 집합이라고 할 수 있다. 2. 소프트웨어 아키텍처의 활용 소프트웨어 아키텍처의 중요성과 활용 방법에 대해 살펴보면, 비교적 간단한 소프트웨 어를 개발할 때에는 완성해야 하는 목적과 기능을 중점으로 설계하여도 품질에는 큰 문제가 없다. 그렇지만 소프트웨어의 기능..

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

서버(Server)와 클라이언트(Client) 1. 서버 클라이언트에게 네트워크를 통해 정보나 서비스를 제공하는 컴퓨터 또는 프로그램이다. (1) 웹 서버는 웹 브라우저(클라이언트)로부터 HTTP 요청을 받아들이고, HTML 문서(웹 페이지)를 반환한다. (가) 웹 서버의 기능은 HTML 문서(웹 페이지)를 클라이언트로 전달하는 것이다. (나) HTML 문서(웹 페이지)에는 그림, CSS, 자바스크립트가 포함된다. (다) 콘텐츠 제공뿐 아니라 클라이언트로부터 콘텐츠를 전달 받는 것도 웹 서버의 기능에 속한다. (2) 서버 프로그램의 대표적인 종류에는 Apache, IIS, nginx, GWS 등이 있다. 2. 클라이언트 (1) 네트워크를 통하여 다른 서버 시스템 상의 컴퓨터에 원격 서비스에 접속할 수 있..

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

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 기기..

요소 기술 분석 분석된 서비스의 요소기술 개발을 위하여 회사 내부의 요소기술을 분석할 수 있다. UI/UX 요소기술 [그림 3-4]는 정보기술이 적용된 제품/서비스가 개발될 때 UI/UX 영역을 포함한 요소들과 이를 배분한 역할을 보여주고 있음 각각의 역할을 전담하는 담당자, 특정 역할만을 수행하는 기업 등이 있을 수 있음 백-엔드와 프론트-엔드 영역에는 소프트웨어 개발 전반의 기술, 제품, 도구, 기법들이 사용되고 3개 디자인 영역과 리서치 영역은 특정 기술, 제품보다는 도구, 기법 중심의 적용이 일반적임

서비스 분석 분석된 제품의 서비스 개발을 위하여 회사 내부의 서비스를 분석할 수 있다. 제품과 서비스의 구분 1. 일반적인 구분 일반적으로 제품과 서비스의 가장 큰 차이는 물질적인 형태의 유무에 따라 유형의 것을 제품 무형의 것을 서비스라고 구분함 기업이 판매하는 상품으로서 제품은 물질적인 원재료를 가공하여 만들어지고 제조과정 에서의 부가가치가 제품에 반영되는 것을 관찰할 수 있으며 소비자에게 판매시 그 소 유권이 명시적으로 이전됨(예: 스마트폰 기기를 구매함) 서비스는 물질적인 형태가 없고, 그 부가가치의 모습을 직접 결과물로 관찰할 수 없으 며 일정한 기간에 걸쳐서 부가가치가 완성되고 판매됨(예: 통신사 서비스에 가입함) 물질적인 제품과 이의 운송, AS지원 등을 포함한 서비스를 함께 상품의 범위로 ..

제품 분석 UI/UX 내부역량 분석을 위하여 회사 내부의 제품을 분석할 수 있다. 3C 분석 3C분석은 자사(Corporation), 고객(Customer), 경쟁사(Competitor) 라는 영문의 첫 글자를 딴 것으로 동일한 고객을 대상으로 경쟁하고 있는 자사와 경쟁사를 비교, 분석함으로써 자사 의 차별화와 경쟁 승리/우위확보 전략을 찾아냄 이를 통해 다음과 같은 분석 결과를 얻을 수 있음 경쟁사/자사/고객의 다양한 측면에 대한 이해 경쟁사의 미래 행동 및 전략 예측 고객의 핵심 구매 요인 파악 1. 고객(Customer) 분석 고객의 범위를 정의하여 대상시장을 명확히 함 고객이 원하는 것에 대한 정확하고 객관적인 파악을 통해 새로운 서비스 방안을 예측함 2. 자사(Company) 분석 SWOT 분석..