본문 바로가기

전체 글

 (404)
[1. 소프트웨어 설계] UI 지침 - 설계 및 구현 1. UI 상세 설계 : UI 설계 시안을 토대로 실제 설계 및 구현을 위해서 모든 화면에 대한 UI 상세 설계 단계 진행 * UI 시나리오 문서 : 사용자 인터페이스 기능구조, 대표 화면, 화면 간 이터랙션 프름, 다양한 상황에서의 예외 처리방식 등을 문서로 정리한 것 : 효율적인 UI 관리와 여러 이해관계자들의 원활한 의사소통을 가능하게 함 [시나리오 문서 작성 요건] 1) 완전성(Complete) : 누락이 없어야 하고, 최대한 빠짐없이 가능한 상세하게 기술 : 시스템 기능보다 사용자의 테스크에 초점을 맞춰 기술 2) 일관성(Consistent) : 목표, 시스템 및 사용자 요구사항이 일관성 있어야 하고 모든 문서의 UI 스타일을 일관적으로 구성 3) 이해성(Understandable) : 처음 접..
[1. 소프트웨어 설계] UI 지침 - 목표 정의 목표 정의 1. UI 표준 적용을 위한 환경 분석 : UI 표준 적용을 위한 환경 분석을 위해 사용자 트렌드 분석, 기능 및 설계 분석 진행 1) 사용자 트렌드 분석 : 현재 UI 단점 파악 및 트렌드 숙지 : 사용자가 필요로 하는 핵심 요구사항 파악 : 사용자가 쉽게 이해 가능한 기능 위주로 기술 영역 정의 2) 기능 조작성 분석 : 사용자 편의성 확대를 위한 조작 기능 확인 : 스크롤바 지원 가능 여부 확인 : 마우스 조작 및 업무 처리 시 동선 확인 3) 오류 방지 분석 : 사용자 조작 시 오류에 대해 예상 가능한지 확인 : 사용자 의도와 관계없는 페이지 이동이 있는지 확인 : 기능 버튼은 사용자가 명확한 구분이 가능한지 확인 : 기능 버튼 명이 사용자 조작과 일치하는지 확인 4) 최소한의 조작으로..
[1. 소프트웨어 설계] UI 지침 - 요구사항 정의 사용자 요구사항 도출 : 아래 단계를들 통해 사용자 요구사항 도출 가능 [단계] 1) 페르소나(Persona) 정의 : 잠재적 사용자의 다양한 목적과 관찰된 행동 패턴을 응집시켜 놓은 가상의 사용자 : 활동 - 페르소나 분류 및 정의, 작성, 활용 2) 콘셉트 모델 정의 : 여러 추상적 콘셉들 사잉의 관계를 보여주는 다이어그램 : 다양한 아이디어들을 간단히 시각화하여 표현할 수 있는 방법으로 아이디어 전달 및 생각 과정을 효율적으로 이끔 : 활동 - 콘셉트 모델 정의, 브레인스토밍 활용 3) 사용자 요구사항 정의 : 리서치 및 페르소나 결과물을 토대로 요구사항을 도출 및 우선순위 선정 : 활동 - 요구사항 매트릭스 작성. 정황 시나리오 제작. 정황 시나리오로부터 요구사항 도출 4) UI 컨셉션 : 정리된..
[1. 소프트웨어 설계] UI 지침 - 프로젝트 계획 사용자 분석 및 니즈 조사 : 최신 트렌드, 경쟁사 동향을 통해 정의된 핵심 기능 관련, 예상 타깃 고객층의 프로파일을 기술하고 정의 1) 리서치 대상 선정 및 내용 설계 [목표] : 적절한 대상자 선정 및 리서치 설계 필요 : 대상 전성 및 계획 수립 [활동] : 사용자 분류 기준 정의 및 분류 : 리서치 대상 프로파일 선정 및 대상 선정 : 리서치 방식 정의, 리서치 팀 구성, 스케줄링 2) 리서치 진행 [목표] : 사용자 불편사항과 니즈 파악 : 제품/서비스에 대한 다양한 의견 수집 [활동] : 설문조사 / 개인/ 그룹 리서치 진행 : 리서치 내용 점검 및 보완 3) 리서치 결과 정리 [목표] : 결과 분석을 토대로 핵심 이슈 도출을 통해 UI 개발 목표 설정 : 전략과 디자인 개발 토대 [활동] ..
[1. 소프트웨어 설계] UI 지침 UI 지침(Guideling)이란? : UI 표준에 따라 사용자 인터페이스 설계, 개발 시 지켜야 할 세부사항을 말함 소프트웨어 개발 단계별 UI 지침 1. 목표 정의 1) 환경 분석 2) UI 개발 목표 및 범위 정의 2023.08.20 - [학습 기록/정보처리기사] - [1. 소프트웨어 설계] UI 지침 - 목표 정의 [1. 소프트웨어 설계] UI 지침 - 목표 정의 목표 정의 1. UI 표준 적용을 위한 환경 분석 : UI 표준 적용을 위한 환경 분석을 위해 사용자 트렌드 분석, 기능 및 설계 분석 진행 1) 사용자 트렌드 분석 : 현재 UI 단점 파악 및 트렌드 숙지 : 사용 kcode-recording.tistory.com 2. 프로젝트 계획 1) 사용자 분석 및 니즈 조사 2023.08.20 ..
[1. 소프트웨어 설계] 스토리보트, 와이어프레임, 프로토타입 스토리보드(Stroyboard)란? : UI 화면 설계를 위해 정책이나 프로세스 및 콘텐츠의 구성, 와이어프레임(UI, UX), 기능에 대한 정의, 데이터베이스의 연동 등 구축하는 서비스를 위한 대부분 정보가 수록된 문서 : 디자이너와 개발자가 최종적으로 참고하는 산출 문서 UI 화면 설계 1) 와이어프레임(Wireframe) : 이해관계자들과의 화면 구성을 협의하거나 서비스의 간략한 흐름 공유를 위해 화면 단위의 레이아웃을 설계 : 도구 - 파워포인트, 키노트, 스케치, 일러스트 2) 스토리보드(Storyboard) : 정책, 프로세스, 콘텐츠 구성, 와이어프레임, 기능 정의, 데이터베이스 연동 등 서비스 구축을 위한 모든 정보가 담겨있는 설계 산출물 : 도구 - 파워포인트, 키노트, 스케치 3) 프로..
[1. 소프트웨어 설계] UI 표준 UI 표준이란? : 디자인 철학과 원칙 기반하에 전체 시스템에 공통으로 적용되는 화면 간 이동, 화면 구성 등에 관한 규약 UI 표준 구성 1) 전체적인 UX 원칙 : 사용자 업무를 효율적으로 수행할 수 있는 UX 원칙 정의 2) 정책 및 철학 : 조직의 목표나 정체성을 포함하는 정책 및 철학 설정 3) UI 스타일 가이드 : UI에 대한 구동 환경 및 레이아웃 등을 정의 4) UI 패턴 모델 정의 : CRUD 방식을 기반으로 데이터 입출력 패턴 모델 정의 5) UI 표준 수립을 위한 조직 구성 : UI 팀 및 표준 개발 팀을 주축으로 추진 조직 구성 UI 표준 수립 시 고려사항 - 사용자가 불편해하지 않아야 함 - 많은 업무 케이스를 포함해야 함 - 다양한 사용상황에 대처 가능해야 함 - 표준 적용이 ..
[1. 소프트웨어 설계] UI 개요 UI(User Interface)란? 넓은의미 : 사용자와 시스템 사이에서 의사소통할 수 있도록 고안된 물리적, 가상의 매개체 좁은의미 : 정보 기기나 소프트웨어의 화면 등에서 사람이 접하게 되는 화면 UI 유형 1) CLI(Command Line Interface) : 정적 텍스트 기반 인터페이스 : 명령어를 텍스트로 입력하여 조작하는 사용자 인터페이스 2) GUI(Graphical User Interface) : 그래픽 반응 기반 인터페이스 : 그래픽 환경을 기반으로 한 마우스나 전자펜을 이용하는 사용자 인터페이스 3) NUI(Natural User Interface) : 직관적 사용자 반응 기반 인터페이스 : 사용자가 가진 경험 기반 키보드나 마우스 없이 신체 부위를 이용하는 사용자 인터페이스 4)..

티스토리툴바