📝 화면 설계 #1 - 소프트웨어 아키텍처

 

소프트웨어 설계의 종류와 소프트웨어 아키텍처의 개념, 활용도, 소프트웨어 품질특성 구분하기

응용소프트웨어 개발을 위한 UI 표준 및 지침에 의거하여 개발하고자 하는 응용소프트웨어에 적용될 UI 요구사항을 확인

UI 스토리보드의 개념과 작성순서 설명

 

👍 소프트웨어 아키텍처(구조)가 무엇이고 왜 필요한가?

 

최근 사용자가 요구하는 기능이 다양하고 고도화되면서 소프트웨어의 동작과 개발도 복잡해졌다.

따라서 복잡한 개발을 체계화하여 개발을 더 쉽게 하도록 기본 틀을 만들 필요가 생겼고,

그래서 소프트웨어를 구성하는 컴포넌트(기능)들의 상호작용 및 관계, 각각의 특성을 사전에 파악하여, 이들이 상호 유기적으로 결합하도록 하는 여러 가지 원칙들의 집합이 등장했고, 이를 "소프트웨어 아키텍처"라고 한다.  

 

👊 소프트웨어 설계의 종류

소프트웨어 설계는 요구분석 명세서, 설계원리, 제약조건에 따라 상위설계와 하위설계로 나뉜다.

• 상위설계 : 아키텍처 설계, 데이터 설계, 인터페이스 정의, 사용자 인터페이스 설계
• 하위설계 : 모듈 설계, 자료구조 설계, 알고리즘 설계

 

👊 소프트웨어의 품질 속성 by ISO/IEC 9126

기능성(시킨대로 하는가)	실제 수행 결과와 품질 요구사항과의 차이를 분석하고, 실제 사용 시 정확하지 않은 결과가 발생할 확률 등과 관련하여 시스템의 동작을 관찰하기 위한 품질 기준
신뢰성(오류가 적은가)	시스템이 일정한 시간 또는 작동되는 시간 동안 의도하는 기능을 수행함을 보증
사용성(사용이 쉬운가)	사용자가 쉽게 사용할 수 있는가
효율성(빠른가)	할당된 시간과 한정된 자원으로 얼마나 빨리 처리 가능한가
유지보수성(A/S 좋은가)	요구사항 개선, 확장에 있어 얼마나 용이한가
이식성(타 플랫폼)	다른 플랫폼(운영체제)에서도 많은 추가작업 없이 얼마나 쉽게 적용이 가능한가

 

---

👍 UI

사용자와 컴퓨터 상호 간 소통을 원활히 하게 도와주는 연계작업

 

👊 UI의 3가지 분야

• 물리성 : 정보 제공과 기능 전달을 위한 물리적 제어 분야
• 구성과 표현 : 콘텐츠의 상세적 표현과 전체적 구성에 관한 분야
• 기능성 : 사용자의 편의성에 맞춰 쉽고 간편하게 사용 가능하게 하는 기능적 분야

 

👊 UI 설계원칙

직관성	누구나 쉽게 이해하고 사용이 가능해야 함
유효성	사용자의 목적을 정확하게 달성
학습성	누구나 쉽게 배우고 익힘
유연성	사용자의 요구사항을 최대한 수용하며 오류를 최소화

 

---

👍 UI 스토리보드

 

UI스토리보드란, UX(사용자 경험) 구현에 수반되는 사용자와 컴퓨터, 인터페이스 간 상호작용을 시각화한 문서를 말한다.

디자이너와 개발자의 의사소통을 돕는 도구이자, 완성해야 할 웹(앱) 서비스와 예상되는 사용자 경험을 미리 보기 위한 방법론이며,

동시에 정책이나 프로세스, 콘텐츠의 구성, 와이어프레임(UI, UX), 기능에 대한 정의, DB연동 등 구축하는 서비스를 위한 대부분의 정보가 수록되어 있는 문서이다.

 

1단계 : 메뉴 구성도 만들기

전체적인 메뉴 구성도로서 어떤 것을 보여주고 결정된 사항을 표현하기 위한 메뉴의 순서와 구성 단계, 용어를 정의

 

2단계 : 스타일 확정

레이아웃이나 글자 모양, 크기, 색상, 그래픽에서의 일관성을 유지

 

3단계 : 설계하기

화면에 보여지는 시각적인 디자인 컨셉 설정