데이터 매핑에 대한 UI 상호 작용을 어떻게 지정합니까 (서버 측에서 클라이언트 측으로)?
주어진 데이터 모델과 비즈니스 로직 (해당 데이터를 처리/추출)에 대해 개발자가 데이터를 생성 할 수있는 방식으로 해당 데이터를 표시하거나 상호 작용할 UI를 어떻게 지정합니까?.
사소한 예 :forename, surname 및 sex은-와 함께 데이터베이스에 저장됩니다. signUpDate. 비즈니스 로직은 fullName 속성을 forename + ""+ surname으로 구성합니다.
UI 요구 사항은 UI에 sex의 값에 따라 fullName 레이블과 남자/여자 아이콘이 표시되어야한다는 것입니다. 레이블 위로 마우스를 가져 가면 signUpDate 값이 표시되어야합니다.
이를 어떻게 지정 하시겠습니까?
- 고객이 표시되는 내용을 이해할 수 있고 사용자가 UI와 상호 작용할 수 있습니까 (예 : 마우스 오버)?
- 개발자는 데이터가 어디에서 왔으며 데이터에 따라 동적으로 변경되는지 이해할 수 있습니까?
현재 우리는 복잡한 레이아웃/데이터 매핑/상호 작용을 설명하기 위해 Balsamiq, ER 다이어그램, 시퀀스 다이어그램, 데이터 모델 다이어그램 및 단어의 조합을 사용하고 있습니다.
편집 : 특히 HTML 기반 웹 사이트가 아닌 RIA의 측면에서 (Silverlight/Flash/GWT를 생각하십시오)
Axure 이 기능은 매우 훌륭합니다. 와이어 프레임을 디자인하고 대화식 HTML 클릭 연결을 생성하는 대화식 요소를 수행 할 수 있습니다. 그래도 비용.
상호 작용을 지정하는 best 방법은 대화 형 프로토 타입 을 사용하는 것입니다. 프로토 타입은 얻을 수있는 한 실제에 가깝기 때문에 디자인과 최종 앱 사이의 거의 모든 추상화 계층을 제거하여 작업 방식을 쉽게 전달할 수 있습니다. 이것은 고객의 이해를 크게 향상시킬 것입니다. 또한 사용자가 마우스 오버와 상호 작용할 수있는 항목을 지정하는 방법에 대해 불확실한 사항을 테스트 할 수도 있습니다.
개발자 상태와 해당 상태의 변화를 보여 주려면 프로토 타입 모델이 해당 상태를 지원하고 프로토 타입을 보는 사람이 앱의 다른 상태를 활성화 할 수 있도록해야합니다. 모의 데이터를 사용 하여이 작업을 수행 할 수 있습니다 (그리고 실제 모의 데이터, lorem ipsum filler가 아님 이어야 함).
프로토 타입의 형식이 최종 제품과 같을 필요는 없습니다. 최종 제품과 동일한 방식으로 상호 작용을 나타내기만하면됩니다. 따라서 최종 앱이 데스크톱 클라이언트 또는 Silverlight 앱이더라도 HTML을 사용하여 프로토 타입을 만들 수 있습니다.
위의 모든 내용은 개발중인 제품 에서 지원하며 설명하는 상황에 적합합니다.