SlideShare a Scribd company logo
Let’s interface!




                                      Chris&an Heilmann
                   Parisweb, Paris, France, October 2010
Bonjour...
Je suis Chris et
j'aime cette
conférence
J’aime les
organisateurs....
J’adore les autres
orateurs...
Mais j'ai un
problème...
La langue...
Moi, je suis
allemand...
J’habite en
angleterre...
Et je parle un petit
peu français...
Paris Web est une
conférence pleine
de bon contenu...
Mais le monde ne
saura jamais car il
ne parle pas
français.
             ...et pas vraiment anglais
Si tu aimes cette
conférence...
Aide à traduire les
présentations pour
le Web.
Et c’est pourquoi
nous continuons en
anglais...
Languages are
difficult.
Let me tell you a
story...
I have this visual
mind - you say a
word and a picture
pops immediately
into my head.
I flew over here with
Air France from
Germany.
Gepäckstücke   Gebäckstücke
Now, the problem is
that I have a visual
mind but I can’t
draw for toffee...
I think it is fair to
say that I am a
developer and a
geek.
Which is why I
started
programming visual
interfaces.
Interfaces are what
makes things easy
for users.
Users could be our
end users but also
your company.
Dr. Walter Gibbs:
  User requests are what computers are
                                    for!
                Inventor of
                   win!

               MCP’s bitch




Ed Dillinger:
DOING OUR BUSINESS is what
computers are for.
Companies
communicate their
offerings badly on
the web.
Funnily enough the
last people they ask
for advice is us
though.
Right now, it seems
there are a few
schools of thought
how to reach out.
Stick to the facts,
deliver everything
and let people find
what they want to
find.
Let's interface
Give the smallest
amount of
information
possible to achieve
a goal.
Let's interface
Or go completely
visual and let
people click
together what they
need.
Let's interface
Two of them are a
lot of work and two
really only make
people scratch the
surface of a subject.
If you want to really
reach people - solve
a problem with
what you offer.
Get your
foot in the
door.
Companies don’t
get this yet - this is
your opportunity to
shine.
Example:
Yahoo Placemaker
Let's interface
Let's interface
Let's interface
Let's interface
http://icant.co.uk/geomaker/
Example:
Yahoo GeoPlanet
Let's interface
Let's interface
Let's interface
http://isithackday.com/geoplanet-explorer/geodrilldown.php
http://isithackday.com/hacks/geo/around-you/
http://isithackday.com/hacks/geo/addmap.html
Example:
Yahoo BOSS
http://developer.yahoo.com/search/boss/boss_guide/
http://keywordfinder.org/
All of these I built
and released.
I wrote a blog post
about them and
people started
using them.
I also released the
source codes on
GitHub.
This, other than
anything else
turned me from
code monkey to
spokesperson for
my company.
And you can do
that, too.
Even better:
pair up to build
something
together.
You can do that for
your own products
or for other peoples
products.
Prototype in the
browser with
Greasemonkey and
other browser
extensions!
Let's interface
http://www.youtube.com/watch?v=SA4Et1DiVbE
Instead of writing
an email or a
massive document,
just do a screencast.
http://screenr.com/
I build interfaces
first and foremost
for myself.
If I don’t get
something, I try to
find a way to make
it understandable
for myself.
The reason is that a
lot of
documentation is
just confusing.
Let's interface
http://isithackday.com/hacks/geo/placefinder/
Simply showing
technology is not
enough - you need
to find the story in
the data.
Let's interface
This is where UX
people come in.
Branding is
beautiful but think
about data, too!
Information is
beautiful!
http://www.ted.com/talks/lang/eng/
david_mccandless_the_beauty_of_data_visualization.html
Let's interface
Tell the stories in
the data.
Let's interface
Let's interface
Let's interface
Let's interface
Let's interface
Let's interface
Let's interface
Let's interface
Let's interface
Let's interface
Let's interface
Let's interface
Let's interface
Finding+converting
data is easy!
YQL       h=p://developer.yahoo.com/yql/console/
YQL       h=p://developer.yahoo.com/yql/console/




     select {what} from {where}
          where {condi&ons}
http://lanyrd.com/people/codepo8/
Let's interface
http://www.guardian.co.uk/news/datablog/
2010/feb/11/winter-olympics-medals-by-country
Let's interface
Let's interface
select * from csv where url="http://
spreadsheets.google.com/pub?
key=tpWDkIZMZleQaREf493v1Jw&output=
csv" and
columns="Year,City,Sport,Discipline,Countr
y,Event, Gender,Type" and Year="1924"
http://isithackday.com/fifa2010/
http://winterolympicsmedals.com
http://github.com/yql/yql-tables
http://www.yuiblog.com/blog/2010/02/11/video-heilmann-yql/
(...)
http://code.google.com/apis/charttools/




108
Let's interface
http://code.google.com/appengine/




110
http://github.com




111
http://heroku.com/




112
Concentrate on
building something
quickly that tells a
story right now with
building blocks.
People will listen to
you much faster
than you asking for
time to build it.
You don’t need to
be an amazing
developer or
designer to show
your company the
way.
What you need is to
find the story in the
data and the
problem your
solutions solve.
You can also be the
one to bring the
web to the
company.
Here’s something to
impress your boss
with.
http://github.com/codepo8/firehose-research/
You are never too
small to matter.
If you are
confident in
where you
want to get
to you will
get there.
Christian Heilmann
http://wait-till-i.com        Thanks!
http://developer-evangelism.com
http://twitter.com/codepo8

More Related Content

PDF
Liberated Accessibility
PDF
Reasons to be cheerful - Fronteers 2010
PDF
Building a better web with free, open technologies
PDF
The Importance of presence, reputation, and working different
PDF
Sourcing hacks to keep you ahead of the competition
PPTX
The practical bluffer's guide to blackboard theme accessibility
PPTX
Better Blackboard Help: Where your users need it, when they want it.
PPTX
Blackboard Masterclass #1 for FOHS
Liberated Accessibility
Reasons to be cheerful - Fronteers 2010
Building a better web with free, open technologies
The Importance of presence, reputation, and working different
Sourcing hacks to keep you ahead of the competition
The practical bluffer's guide to blackboard theme accessibility
Better Blackboard Help: Where your users need it, when they want it.
Blackboard Masterclass #1 for FOHS

What's hot (8)

PDF
Responsive Design is Hard/Easy! Be Afraid/Don't Worry!
KEY
Open Source From The Trenches: How to Get Involved with Open Source and be Su...
PDF
Technology for Presentations
PPT
Is Writing More Important Than Programming
PDF
From Concept to Completion: Tips for Designing Great Content
PPTX
ePortfolios, blogs and social media for business
PPT
Beyond Powerpoint [shamblesguru]
PPT
School Library Association Presentation
Responsive Design is Hard/Easy! Be Afraid/Don't Worry!
Open Source From The Trenches: How to Get Involved with Open Source and be Su...
Technology for Presentations
Is Writing More Important Than Programming
From Concept to Completion: Tips for Designing Great Content
ePortfolios, blogs and social media for business
Beyond Powerpoint [shamblesguru]
School Library Association Presentation
Ad

Similar to Let's interface (20)

PDF
Resisting The Feature Creature
PDF
Designing better user interfaces
PDF
Evangelizing Explained
PDF
Zero Adoption: Lessons Learned From Failing at Open Source
PDF
How Tools Have Shaped the Role of the Designer
PDF
Designing Discreetness recap @ Thingscon
PDF
Even Naming This Talk Is Hard
PDF
Bulgaria Web Summit #VDT Visual Design Thinking
PDF
Bulgaria Web Summit 2014 - #VDT - Visual Design Thinking - a review for the p...
PDF
#VDT - A review of the process. EP. 2
PDF
The ten (and a half) commandments of visual thinking
PDF
WORKSHOP: Making the World Easier with Interaction Design
PDF
Sacrificing the golden calf of "coding"
PPTX
ATDTK18 - design patterns for emergent learning technologies
PDF
Interactive Documentary: 10 Things I have Learned
PDF
/dev/fort: you can build it in a week @emw
PDF
Big guns for small guys (reloaded)
PPTX
AI Trends and Fun Demos – Sotheby’s Rehoboth Presentation
PDF
Marketing Your Tech Talent - OSCON 2014
PDF
How to learn coding
Resisting The Feature Creature
Designing better user interfaces
Evangelizing Explained
Zero Adoption: Lessons Learned From Failing at Open Source
How Tools Have Shaped the Role of the Designer
Designing Discreetness recap @ Thingscon
Even Naming This Talk Is Hard
Bulgaria Web Summit #VDT Visual Design Thinking
Bulgaria Web Summit 2014 - #VDT - Visual Design Thinking - a review for the p...
#VDT - A review of the process. EP. 2
The ten (and a half) commandments of visual thinking
WORKSHOP: Making the World Easier with Interaction Design
Sacrificing the golden calf of "coding"
ATDTK18 - design patterns for emergent learning technologies
Interactive Documentary: 10 Things I have Learned
/dev/fort: you can build it in a week @emw
Big guns for small guys (reloaded)
AI Trends and Fun Demos – Sotheby’s Rehoboth Presentation
Marketing Your Tech Talent - OSCON 2014
How to learn coding
Ad

More from Christian Heilmann (20)

PPTX
Develop, Debug, Learn? - Dotjs2019
PDF
Hinting at a better web
PDF
Taking the "vile" out of privilege
PDF
Seven ways to be a happier JavaScript developer - NDC Oslo
PDF
Artificial intelligence for humans… #AIDC2018 keynote
PDF
Killing the golden calf of coding - We are Developers keynote
PDF
Progressive Web Apps - Techdays Finland
PDF
Taking the "vile" out of privilege
PDF
Five ways to be a happier JavaScript developer
PDF
Taking the P out of PWA
PDF
You learned JavaScript - now what?
PDF
Sacrificing the golden calf of "coding"
PDF
Progressive Web Apps - Covering the best of both worlds - DevReach
PDF
Progressive Web Apps - Covering the best of both worlds
PPTX
Non-trivial pursuits: Learning machines and forgetful humans
PDF
Progressive Web Apps - Bringing the web front and center
PDF
CSS vs. JavaScript - Trust vs. Control
PDF
Leveling up your JavaScipt - DrupalJam 2017
PDF
The Soul in The Machine - Developing for Humans (FrankenJS edition)
PDF
Breaking out of the Tetris mind set #btconf
Develop, Debug, Learn? - Dotjs2019
Hinting at a better web
Taking the "vile" out of privilege
Seven ways to be a happier JavaScript developer - NDC Oslo
Artificial intelligence for humans… #AIDC2018 keynote
Killing the golden calf of coding - We are Developers keynote
Progressive Web Apps - Techdays Finland
Taking the "vile" out of privilege
Five ways to be a happier JavaScript developer
Taking the P out of PWA
You learned JavaScript - now what?
Sacrificing the golden calf of "coding"
Progressive Web Apps - Covering the best of both worlds - DevReach
Progressive Web Apps - Covering the best of both worlds
Non-trivial pursuits: Learning machines and forgetful humans
Progressive Web Apps - Bringing the web front and center
CSS vs. JavaScript - Trust vs. Control
Leveling up your JavaScipt - DrupalJam 2017
The Soul in The Machine - Developing for Humans (FrankenJS edition)
Breaking out of the Tetris mind set #btconf

Let's interface