prem ghinde

UX isn’t sprinkles

it’s not all about jazzing things up with DS and glows

UX Recipie

-experience over time

managing the touchpoints and dead zones

IA and UI go hand in hand

need to deal with the minutia of interactions over time (hovers, clicks)

-fundamentals

colour, composition, grids, typography …

Seth Godin says the product needs to be 10X better than the existing standard to become the new standard

talkaboutability (word of mouth advertising)

simon sinek – how great leaders inspire

start with the why and not with the what or the how

who -> why ->how -> what

examples – heston – dietmar rams

Author: Seth Godin

major tv broadcasters contributing to projectcanvas.info to create a very accessible set-top box.

mobile traffic to increase by 400% by 2015 (search the chris voss show)

read mobile web design tips and tricks on mashable.com

css3 first in a rule then place standard rules

@font-face

– fout
– IE needs EOT

text shadow

– no IE support

border-radius

– different syntax for all browsers
– no IE support

box-shadow

– different syntax for all browsers
– no IE support

opacity

– no IE support

rgba

– no IE support (until v9)

transform

– skew rotate
– no IE support

gradient

– mozilla and webkit only
– not IE and opera
– fallback bg image rule first

alistapart – progressive enhancement with css

modernizr

Make IE7 behave like a proper browser!

code.google.com/p/ie7-js

delicious.com/denisejacobs/gdcss3
delicious.com/denisejacobs/gdcss3examples

———————————-

Denise has just put on one of the funkiest presentations I have ever seen!

geolocation websocket canvas webworkers

HTML5 Geolocation

create location aware services using browser built in API.

data comes in as long lat and accuracy (maybe altitude heading and speed too)

if (navigator.geolocation) {do stuff}

HTML5 WebSocket

Create an AJAX type bi-directional connection.

comet – server can push data to the browser

both still based on HTTP

WebSocket is a full duplex text based socket between browser and server

Massive reduction in overheads

if (window.websocket)

http://www.websockets.org/

kaasino.com/poker.html – html5 and js only poker game and websocket

HTML5 Canvas

Canvas is a scriptable bitmap canvas (not vector)

create a path, move it (translate) then stroke it. Reminds me of the old Pascal turtle.

for every pixel you can control the rgba value

heatmap – changing pixel values on mouseover (access to all standard browser events)

HTML5 Web Workers

The ability to run scripts in the background! Uses another process thread/cpu.

The worker cannot communicate with the page?? (need to investigate)

————————————————–

Cool session.

doodlebuzz.com

Very interesting way of viewing the news. Find an article and draw a line from it. Crazy use of a news API feed

Making CCTV information in the public domain

No quantative research about number of times you are captured on CCTV every day.

Freedom of information requests are hit and miss in terms of success.

There is no discussion in the public domain about why CCTV cameras are so heavily needed.

There is a basecamp site. Link to follow.

Why don’t we have access to this mass of information when we are the subject of this information?

How to get this information out in the open?

People take photos with their GPS enabled phone and upload to flikr and tag with e.g. CCTV, or emailed to a particular address and then GPS data extracted and applied to google maps/google earth/openstreetmap.

Shaw Trust

Do it on every checkin

Schematron and XProc

get from http://github.com/inigo

Accessibility in general

summary of wcag2 on webaim

Speclinium based on selenium

Here is the PDF of the presentation I delivered to the Bar Camp crowd.