Your SlideShare is downloading. ×
AngularJS NYC Meetup: UX Prototyping and Business Development with AngularJS
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

AngularJS NYC Meetup: UX Prototyping and Business Development with AngularJS

2,334
views

Published on

Presentation about benefits prototypers have after adopting AngularJS

Presentation about benefits prototypers have after adopting AngularJS


3 Comments
1 Like
Statistics
Notes
No Downloads
Views
Total Views
2,334
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
32
Comments
3
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. AngularJS NYC Meetup: UX Prototyping and Business Development with AngularJS Siarhei Mardovich
  • 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. 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. 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. 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. 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. 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. Prototyping: Big Picture feedback application high fidelityinteractive prototype clickable mock-up rough sketch concept
  • 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. 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