AngularJS NYC Meetup: UX Prototyping and Business           Development with AngularJS                     Siarhei Mardovich
AngularJS was initially created for Designers> effort of making maintainable biz logic layer of prototype is  significantl...
Prototyping Culture> milestones: UX team adopts front-end devs, “Skip Photoshop”,  DHTML (nuances of interaction matters),...
Prototyping: Conceptual Phase> visual thinking techniques (graphic facilitation, gamestorming)  to grab main ideas about s...
Prototyping: Clickable Mockup> made overnight (AngularJS seed + HTML5 Boilerplate;  jQuery UI, Bootstrap by Tweeter, BBC G...
Prototyping: High Fidelity Interactive Prototype > JSON files mimic DB > mash-up architecture   (different parts of the pr...
Prototyping: Application> fidelity of the interactive prototype grows until at some point  prototype becomes an applicatio...
Prototyping: Big Picture                                               feedback                                           ...
AngularJS for Prototyping Tips & Tricks> running test scenarios to communicate complex biz logic to  super busy stakeholde...
Q&A> Special thanks to Nikolai Chesalin, Stanislau Sarosek,  Yauheni Zara, Denis Shamgin, Pavel Halavan, Dmytro Darichev, ...
Upcoming SlideShare
Loading in …5
×

AngularJS NYC Meetup: UX Prototyping and Business Development with AngularJS

2,938 views

Published on

Presentation about benefits prototypers have after adopting AngularJS

3 Comments
1 Like
Statistics
Notes
No Downloads
Views
Total views
2,938
On SlideShare
0
From Embeds
0
Number of Embeds
520
Actions
Shares
0
Downloads
34
Comments
3
Likes
1
Embeds 0
No embeds

No notes for slide

AngularJS NYC Meetup: UX Prototyping and Business Development with AngularJS

  1. 1. AngularJS NYC Meetup: UX Prototyping and Business Development with AngularJS Siarhei Mardovich
  2. 2. AngularJS was initially created for Designers> effort of making maintainable biz logic layer of prototype is significantly minimized> designers and IAs communicate (and test) their concepts with interactive prototypes supporting both UXD and biz dev
  3. 3. Prototyping Culture> milestones: UX team adopts front-end devs, “Skip Photoshop”, DHTML (nuances of interaction matters), modular design> 24 hours service, 2 teams: onshore: strategy, initial input, show and tell, feedback gathering and processing offshore: (AngularJS powered) prototyping
  4. 4. Prototyping: Conceptual Phase> visual thinking techniques (graphic facilitation, gamestorming) to grab main ideas about structure and key interactions> scenarios, personas, concept maps, user flows, etc. are started in parallel with our main deliverable – interactive prototype
  5. 5. Prototyping: Clickable Mockup> made overnight (AngularJS seed + HTML5 Boilerplate; jQuery UI, Bootstrap by Tweeter, BBC GEL, etc. for widgets)> AngularJS native features like templating, re-usable components (complex DOM), filtering, form validation, etc. work as time savers> AngularJS improves maintainability of prototypes (scopes, directives)
  6. 6. Prototyping: High Fidelity Interactive Prototype > JSON files mimic DB > mash-up architecture (different parts of the prototype have different level of fidelity) > prototyping becomes investment into fidelity JSON
  7. 7. Prototyping: Application> fidelity of the interactive prototype grows until at some point prototype becomes an application> UX, biz logic (incl. complex interactions) and back-end services are shaped, validated and verified
  8. 8. Prototyping: Big Picture feedback application high fidelityinteractive prototype clickable mock-up rough sketch concept
  9. 9. AngularJS for Prototyping Tips & Tricks> running test scenarios to communicate complex biz logic to super busy stakeholders> one common maintainable deliverable: no zones of responsibility and logistic gaps
  10. 10. Q&A> Special thanks to Nikolai Chesalin, Stanislau Sarosek, Yauheni Zara, Denis Shamgin, Pavel Halavan, Dmytro Darichev, Pavlo Velykyi> Siarhei Mardovich, siarhei.mardovich@gmail.com, @mardovich

×