사용자 인터페이스 모델링

User interface modeling

사용자 인터페이스 모델링은 컴퓨터 응용 프로그램 프로그래머가 사용하는 개발 기술입니다.오늘날의 사용자 인터페이스(UI)는 복잡한 소프트웨어 컴포넌트이며, 애플리케이션 사용성에 필수적인 역할을 합니다.따라서 UI의 개발에는 가이드라인과 베스트 프랙티스 보고서뿐만 아니라 비주얼 모델의 정교함과 이 시각화를 위한 표준화된 표기법을 포함한 개발 프로세스도 필요합니다.

사용자 인터페이스 모델링이라는 용어는 주로 정보기술의 맥락에서 사용됩니다.사용자 인터페이스 모델은 최종 사용자가 컴퓨터 프로그램 또는 다른 장치와 어떻게 상호작용하는지 및 시스템이 어떻게 반응하는지를 나타냅니다.모델링 작업은 "물건 또는 디바이스의 직접 경험된 모든 측면"을 보여주는 것입니다 [Tréteberg2002].

사용자 인터페이스 모델링은 그 자체로 잘 확립된 분야입니다.예를 들어 모델링 기술은 사용자 인터페이스의 상호 작용 개체, 작업 및 하위 수준의 대화 상자를 설명할 수 있습니다.모델을 사용자 인터페이스 개발의 일부로 사용하면 사용자 요건을 포착하고 특정 레이아웃 및 위젯에 대한 성급한 약속을 방지하며 인터페이스의 다양한 부분과 역할 간의 관계를 명확하게 할 수 있습니다.[SilvaPaton2003]

언어들

마리아야.

MARIA XML(Model-based language foR Interactive Applications)은 유비쿼터스 환경에서 인터랙티브 애플리케이션을 모델링하기 위한 범용 선언형 다중 추상화 수준의 XML 기반 사용자 인터페이스 마크업 언어입니다.

UML

사용자 인터페이스 모델링의 일부 측면은 UML을 사용하여 실현할 수 있습니다. 그러나 이 언어는 주로 이러한 종류의 모델링을 위한 것이 아니기 때문에 모델이 다소 합성될 수 있습니다.

UMLi

UMLi는 UML의 확장 기능으로 사용자 인터페이스에서 일반적으로 발생하는 표현을 지원합니다.

UML의 애플리케이션 모델은 사용자 인터페이스의 몇 가지 측면을 기술하고 모델 기반 사용자 인터페이스 개발 환경(MB-UIDE)은 애플리케이션을 모델링하는 능력이 부족하기 때문에 맨체스터 대학교는 1998년에 연구 프로젝트 UMLi를 시작했습니다.UMLi는 UML과 MB-UIDE의 조합을 사용하여 사용자 인터페이스를 설계하고 구현하는 문제를 해결하는 것을 목표로 합니다.

UsiXML

UsiXML(USER Interface eXtensible Markup Language)은 사용자 인터페이스 설계를 위한 XML 기반 사양 언어입니다.또한 Character User Interface(CUI; 문자 사용자 인터페이스), Graphical User Interface(GUI; 그래피컬 사용자 인터페이스), 청각 사용자 인터페이스, 멀티모달 사용자 인터페이스 등 여러 콘텍스트에 대한 UI 설명을 지원합니다.

DiaMODIAMODL

DiaMODL은 데이터 흐름 지향 언어(Pisa Interactor 추상화)와 동작에 초점을 맞춘 UML 상태 차트를 결합합니다.인터랙션 객체의 동작뿐만 아니라 데이터 흐름도 모델링할 수 있습니다.구체적인 사용자 인터페이스의 기능 및 구조를 문서화하는 데 사용할 수 있다.

히말리아

Himalia는 하이퍼미디어 모델을 제어/복합 패러다임과 결합합니다.이는 완전한 사용자 인터페이스 언어이며, 지정 시뿐만 아니라 실행 시에도 사용할 수 있습니다. 따라서 디자이너 도구는 길더로 분류할 수 있습니다.[1]

모델 타입

사용자 인터페이스의 다양한 측면에는 서로 다른 모델 유형이 필요합니다.UI 모델링에 대해 고려할 수 있는 모델은 다음과 같습니다.

  • 데이터 모델을 포함한 도메인 모델(사용자가 사용자 인터페이스를 통해 표시, 액세스 및 조작할 수 있는 객체를 정의합니다)
  • 탐색 모델: 사용자가 보는 개체를 사용자 인터페이스를 통해 탐색하는 방법을 정의합니다.
  • 작업 모델(최종사용자가 수행하는 작업을 파악하고 어떤 상호작용 기능을 설계해야 하는지 지시합니다.)
  • 사용자 모델(최종 사용자의 다양한 특징과 조직 내에서 사용자가 수행하는 역할을 나타냅니다.
  • 플랫폼 모델(애플리케이션 호스팅을 목적으로 하는 물리 디바이스와 이들 디바이스 간의 상호 작용 방식을 모델링하기 위해 사용됨)
  • 대화 모델(사용자가 객체 프레젠테이션(푸시 버튼, 명령어 등), 상호작용 미디어(음성 입력, 터치 스크린 등) 및 사용자 인터페이스가 이러한 객체를 통해 통신하는 반응과 상호작용하는 방법)
  • 프레젠테이션 모델(어플리케이션 외관, 사용자 인터페이스가 사용자에게 제공하는 시각, 촉각 및 청각 요소의 표현)
  • 애플리케이션 모델(애플리케이션이 제공하는 명령 및 데이터)

UML은 위에서 언급한 여러 모델에 사용할 수 있지만 사용자 모델링, 플랫폼 모델링 및 프레젠테이션 모델에 대한 지원이 부족합니다.

접근

사용자 인터페이스를 모델링하는 방법에는 여러 가지가 있습니다.

용도 중심 설계

주요 기사:용도 중심 설계

사용 중심 설계에서 모델링 태스크는 계획된 시스템의 실제 프레젠테이션 방법과 사용자 상호작용이 어떻게 일어나야 하는지를 보여주는 것입니다.이는 아마도 가장 칭찬받는 접근법일 것이며, 다양한 소규모 및 대규모 프로젝트에서 성공적으로 사용되어 왔습니다.그것의 강점은 복잡한 문제에 있다.

모델 기반 UI에 대한 대체 접근법

모델 기반 접근법의 알려진 문제에는 정보 재작성 및 교차 우려 사항을 효과적으로 해결하기 위한 메커니즘 부족이 포함된다[Cerny2013].모델 기반 솔루션은 자체로도 잘 작동하지만 대체 접근 방식과의 통합으로 개발 및 유지 보수 작업이 복잡해집니다.

코드 검사 기준

이러한 접근법은 기존의 범용 언어(GPL) 코드 베이스에 기초하고 있습니다 [Cerny2012].메타프로그래밍을 통해 코드를 검사하고 UI로 변환된 구조 모델을 조립합니다.이 접근방식은 정보 재작성에 대처합니다.이러한 접근 방식은 적응형 및 컨텍스트 인식 UI에는 적합하지 않습니다.

생성 프로그래밍

이러한 접근법은 도메인 메서드를 GPL(Generative Programming)과 연결합니다.교차 우려는 컴파일 시 해결되며, 이는 런타임 정보를 필요로 하는 미래의 적응형 UI를 직접적으로 수용하지 않습니다.

애스펙트 기반 UI

[Cerny2013]에서 제안하는 애스펙트 기반 솔루션[Cerny2013a][AspectFaces]는 코드 검사 기반 및 생성 프로그래밍 접근법의 장점을 통합합니다.기존 코드를 검사하고 교차 우려 사항에 대처하기 위해 측면 지향적 방법을 적용합니다.런타임에 작동하여 정보 재작성을 줄이고 동시에 UI 문제를 분리하여 서로 독립적으로 재사용할 수 있습니다.[Cerny2013]의 연구에서 저자는 프로덕션 시스템에 적용된 애스펙트 기반 UI 접근방식을 통해 UI 코드를 32% 줄였습니다.주요 장점은 프레젠테이션을 조정하기 위한 템플릿 제작, 우려 사항의 개별 정의 및 다양한 데이터에 적용할 수 있는 일반적인 변환 규칙입니다.

콘텐츠 모델

이런 종류의 모델은 사용자 인터페이스와 그 다른 컴포넌트의 내용을 보여줍니다.사용 중심의 디자인 모델이기 때문에 미학이나 행동 세부 사항은 이 모델에 포함되지 않습니다.

「 」를 참조해 주세요.

레퍼런스

  • [ Patern ™ 2005 ]– F Pattern †, 광범위한 조작성을 실현하는 모델 기반 도구, 컴퓨터와의 상호작용 17(3), 291-315
  • [Tretteberg 2002] – H. Tretteberg, 모델 기반 사용자 인터페이스 설계, 박사 논문, 노르웨이 과학기술대학교, 2002
  • [SilvaPaton 2003] – P. Pinheiro da Silva, N. W. Paton, 스탠퍼드 대학교/맨체스터 대학교, 2003년 UMLi 사용자 인터페이스 모델링
  • [Markopoulos 1997] – P. Markopoulos, 사용자 인터페이스 소프트웨어의 정식 사양을 위한 구성 모델, 박사 학위 논문, 퀸 메리 앤 웨스트필드 칼리지 오브 런던, 1997
  • [ Trevisan 2003 ]– D트레비산, J. 밴더덕, B.Macq, 모델 기반 접근 및 증강 현실 시스템, Université catholique de Louvain, 1348 Louvain-la-Neuve, 벨기에, 2003
  • [wwwUMLi] – 인터랙티브 애플리케이션용 통합 모델링 언어
  • [Cerny2013] - 체무스, 케이 - 도나후, 엠제이 - 송, 엠제이:애스펙트 지향, 데이터 반영 및 컨텍스트 인식 사용자 인터페이스 설계(53페이지). 인: ACM SIGAPP Applied Computing Review [온라인, 2013, 제13권, 제4, 페이지 53-65, ISSN1559-6915.
  • [Cerny2013a] - 체르니, 티 - 도나후, 엠제이 - 송, E:효과적인 적응형 사용자 인터페이스 설계를 위해 2013 응용 컴퓨팅 심포지엄(RACS 2013), 몬트리올: ACM, 2013, ISBN 978-1-4503-2348-2의 계속.
  • [Aspect Faces] – Aspect Faces
  • [Cerny2012] – T. Cerny 및 E.송. 모델 중심의 리치 폼 세대.정보:국제학술저널, 15(7, SI): 2695-2714, 2012년 7월.
  • [창의적 프로그래밍] – 크르지슈토프 차르네키와 울리히 W. 아이제네커2000. 생성 프로그래밍: 메서드, 도구 및 응용 프로그램.ACM Press/Addison-Wesley Publ.뉴욕, 뉴욕, 미국