Great Experiences With Flex

Explorers UI Design and Principles Galleries Great Applicatio ns UI Design Anti-Patterns Custom Components Charts and Data Visualizations Adobe Tools for Frameworks Prototyping

Explorers and Galleries Know what Flex offers Flex Tips

Custom Components Before you roll your own- check these out

AnyCharts FlexMonster Degrafa BirdEye Axiis Open Flash KapIT Labs Fusion Charts yFiles for Flex Charts and Many open- Data Visualizations source and commercial options

UI Design Principles 10 Usability Best Practices 10 Principles from Jakob Nielsen, C.R.A.P acronym from the Non-Designers Design Book by Robin Willams

UI Design 1. Provide Feedback Principles 10 Usability Best Practices 10 Principles from Jakob Nielsen, C.R.A.P acronym from the Non-Designers Design Book by Robin Willams

UI Design Principles 2. Match the Real World 10 Usability Best Practices 10 Principles from Jakob Nielsen, C.R.A.P acronym from the Non-Designers Design Book by Robin Willams

UI Design Principles 3. Minimize Navigation 10 Usability Best Practices 10 Principles from Jakob Nielsen, C.R.A.P acronym from the Non-Designers Design Book by Robin Willams

UI Design Principles 4. Be Consistent 10 Usability Best Practices 10 Principles from Jakob Nielsen, C.R.A.P acronym from the Non-Designers Design Book by Robin Willams

UI Design Principles 10 Usability 5. Prevent Errors Best Practices 10 Principles from Jakob Nielsen, C.R.A.P acronym from the Non-Designers Design Book by Robin Willams

UI Design Principles 10 Usability Best Practices 6. Minimize the Memory Load 10 Principles from Jakob Nielsen, C.R.A.P acronym from the Non-Designers Design Book by Robin Willams

UI Design Principles 10 Usability Best Practices 7. Design for Efficiency 10 Principles from Jakob Nielsen, C.R.A.P acronym from the Non-Designers Design Book by Robin Willams

UI Design Principles 10 Usability Best Practices 8. Respect the Principles of C.R.A.P 10 Principles from Jakob Nielsen, C.R.A.P acronym from the Non-Designers Design Book by Robin Willams

UI Design Principles 10 Usability Best Practices 9. Assist with Recovery 10 Principles from Jakob Nielsen, C.R.A.P acronym from the Non-Designers Design Book by Robin Willams

UI Design Principles 10 Usability Best Practices 10. Provide Integrated Help 10 Principles from Jakob Nielsen, C.R.A.P acronym from the Non-Designers Design Book by Robin Willams

Great Applicatio some Flex ns , some not 50 Most Usable RIAs Aviary

Great Applicatio some Flex ns , some not 50 Most Usable RIAs CrazyEgg

Great Applicatio some Flex ns , some not 50 Most Usable RIAs Balsamiq Mockups

Great Applicatio some Flex ns , some not 50 Most Usable RIAs Discover Spend Analyzer

Great Applicatio some Flex ns , some not 50 Most Usable RIAs Wufoo

Great Applicatio some Flex ns , some not 50 Most Usable RIAs SlideRocket

Great Applicatio some Flex ns , some not 50 Most Usable RIAs Picnik

Great Applicatio some Flex ns , some not 50 Most Usable RIAs Sprout Builder

Great Applicatio some Flex ns , some not 50 Most Usable RIAs Quicken Online

UI Design 1. Make it Direct Principles 6 Principles for Rich Interactions

UI Design Principles 2. Keep it Lightweight 6 Principles for Rich Interactions

UI Design Principles 3. Stay on the Page 6 Principles for Rich Interactions

UI Design Principles 6 Principles 4. Provide Invitations for Rich Interactions

UI Design Principles 6 Principles for Rich 5. Use Transitions Interactions

UI Design Principles 6 Principles for Rich Interactions 6. React Immediately

UI Design Anti-Patterns

UI Design Anti-Patterns borg idiom don’t munge controls together Ebay AIR

UI Design Anti-Patterns non- symmetrical actions keep the actions symmetrical Disclaimer- this is one of my favorite web apps, it just has this one anti-pattern

UI Design Anti-Patterns double duty each object should have one responsibility Disclaimer- this is a really nice and useful AIR application, it just has this one anti-pattern

UI Design Anti-Patterns hover and cover hover below, left or above, not to the right Disclaimer- this is a beautiful application and fun to use, it just has this one anti-pattern

UI Design Anti-Patterns oceans of buttons re-evaluate the IA and user goals

UI Design Anti-Patterns animation gone wild rule of 1/2s- remove 1/2, then 1/2 again Disclaimer- the Behr paint site is really nice, just a little overzealous with the animation

UI Design Anti-Patterns tiny targets go no smaller than 16x16

UI Design Anti-Patterns novel notions intuitive= familiar, don’t get creative

Event Frameworks frameworks 17

Graphics framework: also, take a Frameworks charts, look at for mapping, ScaleNine skinning... Flex Skins 18

Photoshop + 1. Start in Adobe Tools Catalyst + Photoshop or for er Flash Build Illustrator Prototyping 4

2. Import into Adobe Tools Photoshop + Flash for Catalyst + Catalyst- er Prototyping Flash Build then save 4 project

3. Open project hack for Adobe Tools Photoshop + in Flash keeping the for Catalyst + Builder 4 er two sync’d Prototyping Flash Build (formerly Flex 4 Builder)

: Alternative Open ‘New Flex Adobe Tools Use skin Skin’ from the for templates in menu, edit, I: Prototyping PS, FW or A then ‘Export CS4 Flex Skin’

Twitter @theresaneil theresanei l.com Thank you! b presented at the Austin Adobe User Group Dec 11,2009 Designing We Interfaces, O’Reilly 2009

http://theresaneil.wordpress.com	5849
http://designgalleria.tumblr.com	695
http://www.duzengqiang.com	79
url_unknown	30
http://www.slideshare.net	23
http://safe.tumblr.com	8
http://webcache.googleusercontent.com	8
https://rd.atosworldline.com	7
http://translate.googleusercontent.com	5
http://www.netvibes.com	5
http://www.linkedin.com	5
http://alexisroque.tumblr.com	3
http://static.slidesharecdn.com	2
http://www.tumblr.com	1
http://exhst.tumblr.com	1

Great Experiences With Flex

by Theresa Neil

Accessibility

Categories

Upload Details

Usage Rights

15 Embeds 6,721

Statistics

Great Experiences With Flex Presentation Transcript