it-swarm-eu.dev

Jak specifikujete interakci uživatelského rozhraní s mapováním dat (ze strany na stranu klienta)?

Jak určíte uživatelské rozhraní pro daný datový model a obchodní logiku (které tato data zpracovává/extrahuje), jak je může vývojář vytvořit, aby s těmito daty zobrazoval/interagoval.

Triviální příklad: by bylo, že jméno, příjmení a sex jsou uloženy v databázi spolu s - signUpDate. Obchodní logika vystavuje vlastnost fullName (vytvořená z jméno + "" + příjmení).

Požadavkem uživatelského rozhraní je, aby uživatelské rozhraní zobrazovalo plný název a ikonu muže/ženy v závislosti na hodnotě v sex. Když přejdete myší na štítek, mělo by se zobrazit hodnota signUpDate.

Jak byste to specifikovali tak

  • zákazník pochopí, co se zobrazuje, bude uživatel komunikovat s ui (např. přejetím myší)?
  • vývojář může pochopit, odkud data pocházejí a že se dynamicky mění v závislosti na datech?

V současné době používáme kombinaci Balsamiq, ER diagramů, sekvenčních diagramů, diagramů datových modelů a slov k popisu složitých rozvržení/mapování dat/interakce.

Úpravy: Konkrétně z hlediska webů založených na RIA, nikoli na html (myslím Silverlight/Flash/GWT)

5
Chris Buckett

Axure je na to docela úžasné - můžete navrhnout drátové modely a provádět interaktivní prvky, které vytvářejí interaktivní prokliky HTML. Náklady však.

2
Julian H

nejlepší způsob, jak určit interakci, je s interaktivním prototypem . Vzhledem k tomu, že prototyp je co nejblíže skutečné věci, kterou můžete získat, odstraňuje téměř všechny vrstvy abstrakce mezi designem a finální aplikací, což usnadňuje komunikaci o tom, jak věci fungují. To výrazně zvýší porozumění zákazníkům. Umožní vám to také otestovat věci, o nichž si nejste jistí (protože se ptáte, jak určit věci, které uživatel bude ovlivňovat přejetím myší).

Chcete-li ukázat stavům vývojářů a jak se tyto stavy mění, váš prototypový model by měl tyto stavy podporovat a umožnit osobě prohlížející prototyp aktivovat různé stavy aplikace. Můžete to udělat pomocí falešných dat (a měla by to být skutečná falešná data, nikoli lorem ipsum filler ) a případně jednoduchým templatováním umožňujícím modalitu.

Formát prototypu nemusí být stejný jako konečný produkt. Prostě musí reprezentovat interakce stejným způsobem jako finální produkt. Můžete tedy například použít HTML k vytvoření prototypu, i když vaše konečná aplikace bude klientem pro stolní počítače nebo aplikací Silverlight.

Vše výše uvedené je podporováno produkt, který vyvíjíme a doporučuji jej pro situaci, kterou popisujete.

1
Rahul