Front-end framework

Siarhei Mardovich

Current wave

Team cohesion is a must

• Web page: Document ð Art Object• Collaboration ð Collective creativity

(Dada, Pop art)• Shifted focus of web development:

back-end ð front-end (usability, persuasive design and captology)

Process based on time-savers is a must

• Process• Framework• Self-analysis (input/output, personal process,

re-usable entities, best practices to share)

Colours.nl: volume of solutions

Layers of UX (by J.J. Garett)

IxD axis

• Collection of supported patterns• http://www.welie.com/patterns/index.php• http://www.smashingmagazine.com/2009/06/15/40-helpful-resources-on-user-interface-design-patterns/ • http://designingwebinterfaces.com/designing-web-interfaces-12-screen-patterns• http://patterntap.com/• http://www.patternbrowser.org/code/pattern/pattern.php?4,1,0,1,0,6.php • http://www.visi.com/~snowfall/InteractionPatterns.html • http://ui-patterns.com/ • http://developer.yahoo.com/ypatterns/• http://www.ecommr.com/ • http://www.designingsocialinterfaces.com/patterns.wiki/index.php?title=Main_Page• http://uipatternfactory.com/• http://www.visiblearea.com/cgi-bin/twiki/view/Patterns/Patterns_repository

• Examples to use, update, discuss (wiki-like discussion engine)

Visual Design axis

• Collection of supported “Designerisms” • http://carsonified.com/blog/features/design/web-design-isms-7-surefire-styles-that-work/ • Posts about Sure fire … something in web design

• Idealistic vs. realistic fake content• Managing complexity of solutions

<tag class=“button button-font-frutiger button-rounded-corners button-gradient button-shadow button-transparent button-font-fx-shine button-icon-ico01” … >Button</tag>

Back-end axis

• CMS restrictions• Re-skinable solutions • Reusable solutions

Blank project

• The very project of the company• Contribute to the core of solutions volume

Dev. Process with framework

Particular solution

øUse (and extend if needed) framework

øCreate project (using the framework andits inner logic)

Bonus

• Creative process vs. Routine, stress is reduced• Rate is fixed, time is reduced ð more money• Prepare for competitors pressure, competitive

advantage, differentiation