Draftfcb Dev Group Links

SimpleFocus

Usability testing via Eyetracking
http://simplefocus.com/

A case study:
http://css-tricks.com/eye-tracking-css-tricks-com/

ux, optimization, testing, usability,

Pretty Navigation

2 plugins for beautiful content navigation

Bookblock
http://tympanus.net/codrops/2012/09/03/bookblock-a-content-flip-plugin/

Windy
http://tympanus.net/codrops/2012/10/09/windy-a-plugin-for-swift-content-navigation/

inspiration, animation, jquery, plugin, web design, pageflip, slider, slideshow, navigation, ux, ui,

Verify App

User-testing tool that lets you test screenshots to gain valuable insights on your apps and websites before writing a single line of code.

http://verifyapp.com

3 notes

ui, ux, testing, tools, tool,

DivShot

The web app interface builder (think responsive prototyping and wireframing) goes into public beta.

http://divshot.com

2 notes

web apps, web app, tools, tool, wireframe, prototyping, ui, ux, design,

Jetstrap

New interface building tool utilizing Twitter Bootstrap

http://jetstrap.com

2 notes

ui, ux, tools, wireframe, bootstrap,

Optimizing Mobile Customer Experience with Responsive Design

http://www.cmswire.com/cms/customer-experience/webinar-redux-optimizing-mobile-customer-experience-with-responsive-design-016513.php

mobile, ux, responsive, responsive web design,

Joint London

I don’t actually think this is a great way to navigate a site, but it is an interesting approach.

http://www.jointlondon.com

1 note

ux, navigation,

Key Elements for a Successful Mobile User Experience

http://speckyboy.com/2012/07/25/key-elements-for-a-successful-mobile-user-experience/

mobile, bestpractices, ux,

WTF Mobile Web

A collection of mobile website fails.

http://wtfmobileweb.com

mobile, best practices, ui, ux,

Responsive Workflow

A look at the new way planning, design, UX and development collaborate to build responsive websites.

http://viljamis.com/blog/2012/responsive-workflow/

responsive web design, workflow, ux, developer, best practices,

Anatomy of a Mobile First Responsive Web Design

http://bradfrostweb.com/blog/mobile/anatomy-of-a-mobile-first-responsive-web-design/

responsive web design, ux, mobile, best practices,

HTC: Quietly Brilliant

Case study of all the work that went into the redesign of HTC’s beautiful new website.

http://www.f-i.com/htc/global/

1 note

web design, inspiration, mobile, ux,

The Psychologist’s View of UX Design

http://uxmag.com/articles/the-psychologists-view-of-ux-design

ux,

Art of the Quiet Interface

The balancing act of cutting and connecting the information users interact with.

http://webstandardssherpa.com/reviews/art-of-the-quiet-interface/

ui, ux, design, web design,

Mobile Design Patterns

Responsive design patterns:
http://designshack.net/articles/css/5-really-useful-responsive-web-design-patterns/

More mobile UI patterns:
http://sixrevisions.com/user-interface/mobile-ui-design-patterns-inspiration/

mobile, responsive web design, web design, patterns, ui, ux, apps, web apps,