soewon' story 장쇠원의 웹디자인

요구사항 선별하기 앞서 사용자들의 요구사항과 브레인스토밍으로 도출된 내용을 목록으로 작성하였다. 그 목록에서 가치가 놓은 것들만 골라내는 선별 작업을 수행하다. 요구사항을 선별할 때는 논의가 타깃 그룹에 초점이 맞춰지도록 프로젝트 목표와 사용자 그룹을 항상 떠올려야 한다. (Russ Unger, Carolyn Chandler (2012)) 1. 요구사항 선별 참여자 요구사항의 선별 과정에는 아래와 같은 입장과 견해를 대변하는 참여자가 필요하다. - 사용자의 견해를 대변할 사람 - 비즈니스의 견해를 대변할 사람 - 개발팀의 견해를 대변할 사람 - 프로젝트의 입장을 대변할 사람 2. 요구사항 선별의 기준 요구사항을 선별할 때 다음의 질문들에 대한 답이 도출되어야 한다. - 사용자 기준의 중요도 (사용자 중요..

요구사항분석(requirement analysis) 1. 요구사항(Requirement) 요구사항은 제품, 서비스 등의 개발의 결과물이 충족하여야 할 대상으로 아래와 같이 정 의 된다. - 어떤 문제를 해결하거나 특정의 목적을 위하여 사용자가 필요로 하는 조건이나 능력. - 계약, 표준, 명세 또는 다른 형식으로 제시된 문서에 맞추어 시스템이나 시스템 구성 요 소가 갖추어야 할 조건이나 능력. 요구 사항들은 시스템이나 시스템 구성 요소의 후속 개발 단계의 자료가 된다. (한국정보통신기술협회. IT용어사전) 2. 요구사항분석(Requirement Analysis) 요구사항 분석은 제품 또는 서비스의 사용자를 포함한 이해관계자들의 요구사항을 파악하 고 이를 고려하여 제품 또는 서비스가 이와 부합하도록 하기 ..

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

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

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

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

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

1. UI(User Interface) 사용자가 하드웨어나 시스템에 연결되는 과정에서 사용자의 편리성과 가독성을 높여 주기 위한 것이다. 1. CLI(명령어 라인 인터페이스, Command Line Interface) 사용자와 시스템이 상호 작용을 하는 방식으로 명령과 출력이 텍스트 형태로 표현된다. 2. GUI(그래픽 유저 인터페이스, Graphical User Interface) 사용자가 컴퓨터의 자원을 사용할 수 있도록 구성요소들이 그래픽 형태로 표현된다. 3. NUI(자연어 유저 인터페이스, Natural User Interface) 몸짓, 말소리로만으로도 IT 기기를 사용할 수 있는 사용자 인터페이스이다. 2. UI표준 및 지침 1. UI표준은 시스템 전반에 걸쳐 모든 UI에 공통적으로 적용되는..

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

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