1. Content (after this, all content can be shown)
   
2. Enhancement (js, like carousel, etc)
   
3. Leftovers (Analytics, Flashbanners, etc)
   

TTS as low as 
possible

• The network
  
• The Browser
• Scripts
• Fonts
• Blocking CSS
  

• You are currently offline, 
• you have to submit your message again
• you shall use non of my application
• you may use a part, but it errors out
• ....
• you suck!

hoodie = new Hoodie();
hoodie.account.signUp(username, password);

hoodie = new Hoodie();
hoodie.account.signIn('joe@example.com', 'secret');

hoodie.store.add('task', {name: 'Learn hoodie', status: 'done'}).done(function (newObject) {});
hoodie.store.find(type, id).done(function (object) {});

• takes to long to set up
• missing expertise

• verifies the system meets the requirement
  
• improve code quality
  
• helps not to deploy bugs
  
• makes debugging much easier
  

describe('toggleButton', function() {
    var button,
        ButtonGenerator;
    ....
    ....
    it('should have a click handler', function() {
        expect(button.$element).toHandle('click');
    });

    it('should call the API on click and call the create action', function() {
        spyOn($, 'ajax');
        button.$element.trigger('click');

        expect($.ajax).toHaveBeenCalled();
        expect($.ajax.mostRecentCall.args[0].url).toEqual('/object/42/action...');
    });
});

• As much client side as possible
• Track form errors and success (to find dropoffs)
  
• Animate on error (jiggle)
• capture common mistakes in email fields
  

• email
• url
• tel (also for ZIP)

• naming the fields like usual to empower autocompletion
  
• autofocus is a nice feature when on only form page
• in-place editing like at twitter

• prefetch what's possible (carefully, measure first)
• add touch states to buttons
  
• avoid spinners when possible 
• instead use animations when under 300ms (destracts user)
• smooth animations (at least 60fps)
  
• respond to user interactions in less than 100 ms (at least 1 s)
  

• auto-fill whenever possible
  
• every extra field destroys conversion by 5 - 10%
  
• don't ever ask for the information you don't ever need
  
• 3 seconds attention span, focus on the important things
  
• Don't do the FC design

• Users hate change (only do it for reasons)
• Users hate blocks of text
• Users hate to decide (should work out of box)
• Users love quirky things (T-Rex in Chrome)
• Users love neat things (noise icon)

• Feedback sucks, but still maybe relevant
  
• Feedback sucks, doesn't mean you suck 
• YOU != YOUR PRODUCT

• helps when rolling out in incremential batches
• get early feedback on features
• easy undo (just a button click)

• Feedback => What user think they do 
  
•  Metrics => What users do
  

• Consistent UI == Best UI (every dialog the same)
• Don't inline things, build for internationalization
• App should be keyboard only usable 
• Possible for assistive technologie (screen reader)
• aria roles
• Themes for low vision
• high contrast
• page zoom
• increase font-size