Tooling for Change

This is how the world sees me. At least the people who really know me. ;)

Zombie Apocalypse movie clip. This is just like all the devices that are out there.

Android Apocalypse movie clip. Soooo many different devices with no real solid direction. Just
seems like they wanted to saturate the market. http://en.wikipedia.org/wiki/
Comparison_of_Android_devices#Smartphones

Simon Sinek and the golden circle.
http://www.ted.com/talks/simon_sinek_how_great_leaders_inspire_action.html

100% of us know the what. At least right now.

Maybe 60 - 70% of us know that how of what we do.

But the why is fuzzy. Hardly any of us know the why.

If we can bring the why into clarity it can change the world. Think about Apple. They didn’t
just make computers, they wanted to change the world. Even if they didn’t with the mouse,
macintosh, iMac, iPod, iTunes... they certainly did with the iPhone.

Ah 1994. The year I went online. Not the year I started using computers though. My ﬁrst
computer was a TI994a that recorded programs on audio tape and hooked up to my 13” TV. I
bought it at Canadian Tire. In 1994 I had a pentium 90.

http://bit.ly/3R5kW8

Arpanet was the first real network to run on packet switching technology (new at the time). On the October 29, 1969, computers at Stanford
and UCLA connected for the first time. In effect, they were the first hosts on what would one day become the Internet.

g
The first message sent across the network was supposed to be "Login", but reportedly, the link between the two colleges crashed on the letter
"g".


1969
Another major milestone during the 60′s was the inception of Unix: the operating system whose design heavily influenced that of Linux and FreeBSD
(the operating systems most popular in today’s web servers/web hosting services).

@
Email was first developed in 1971 by Ray Tomlinson, who also made the decision to use the "@" symbol to separate the user name from the computer
name (which later on became the domain name).


One of the most impressive developments of 1971 was the start of Project Gutenberg. Project Gutenberg, for those unfamiliar with the site, is a
global effort to make books and documents in the public domain available electronically–for free–in a variety of eBook and electronic formats. In
effect, this was the birth of the eBook.

Arpanet made its first trans-Atlantic connection in 1973, with the University College of London. During the same year, email accounted for 75% of
all Arpanet network activity.


1974 was a breakthrough year. A proposal was published to link Arpa-like networks together into a so-called "inter-network", which would have no
central control and would work around a transmission control protocol (which eventually becameTCP/IP).


1977 was a big year for the development of the Internet as we know it today. It’s the year the first PC modem, developed by Dennis Hayes and Dale
Heatherington, was introduced and initially sold to computer hobbyists.

1978: Spam is born
1978 is also the year that brought the first unsolicited commercial email message(later known as spam), sent out to 600 California Arpanet
users by Gary Thuerk.


The precursor to World of Warcraft and Second Life was developed in 1979, and was called MUD (short for MultiUser Dungeon). MUDs were entirely
text-based virtual worlds, combining elements of role-playing games, interactive, fiction, and online chat.

:-)

Scott Fahlman in 1982 who proposed using :-) after a joke, rather than the original -) proposed by MacKenzie. The modern emoticon was born.

The domain name system was created in 1984 along with the first Domain Name Servers (DNS). The domain name system was important in that it
made addresses on the Internet more human-friendly compared to its numerical IP address counterparts. DNS servers allowed Internet users to
type in an easy-to-remember domain name and then converted it to the IP address automatically.


Also in 1988, Internet Relay Chat (IRC) was first deployed, paving the way for real-time chat and the instant messaging programs we use today.


When Apple pulled out of the AppleLink program in 1989, the project was renamed and America Online was born. AOL, still in existence today, later on
made the Internet popular amongst the average internet users.


1989 also brought about the proposal for the World Wide Web, written by Tim Berners-Lee. It was originally published in the March issue of MacWorld,
and then redistributed in May 1990. It was written to persuade CERN that a global hypertext system was in CERN’s best interest. It was originally
called "Mesh"; the term "World Wide Web" was coined while Berners-Lee was writing the code in 1990.


1991 brought some major innovations to the world of the Internet. The first web pagewas created and, much like the first email explained what email
was, its purpose was to explain what the World Wide Web was.

The first widely downloaded Internet browser, Mosaic, was released in 1993. While Mosaic wasn’t the first web browser, it is considered the first
browser to make the Internet easily accessible to non-techies.


Mosaic’s first big competitor, Netscape Navigator, was released the year following (1994).


1995
In response to the growing public interest in the Internet,Microsoft develops an add-on to the operating system called a web browser. When Windows 95
with Internet Explorer debuts, the Internet becomes accessible for many people. Additionally, Internet Explorer replaces the manual installation steps
that many of the existing shareware browsers require. In short, it gets easy to get online


In 1996, HoTMaiL (the capitalized letters are an homage to HTML), the first webmail service, was launched.


Google went live in 1998, revolutionizing the way in which people find information online.


With the dotcom collapse still going strong, Wikipedia launched in 2001, one of the websites that paved the way for collective web content
generation/social media.


Facebook launched in 2004, though at the time it was only open to college studentsand was called "The Facebook"; later on, "The" was dropped from
the name, though the URL http://www.thefacebook.com still works.

Twitter launched in 2006. It was originally going to be called twittr (inspired by Flickr); the first Twitter message was "just setting up my twttr".

The biggest innovation of 2007 was almost certainly the iPhone, which was almost wholly responsible for renewed interest in mobile web applications
and design.

The first "Internet election" took place in 2008 with the U.S. Presidential election. It was the first year that national candidates took full advantage of all
the Internet had to offer. Hillary Clinton jumped on board early with YouTube campaign videos. Virtually every candidate had a Facebook page or a
Twitter feed, or both.

We owe a lot to the web standards movement.

Right at my house the ratio of internet devices to people is 4:1.

“The control which designers know in the print medium,
and often desire in the web medium, is simply a function
of the limitation of the printed page. We should embrace
the fact that the web doesn’t have the same constraints,
and design for this flexibility. But first, we must “accept
the ebb and flow of things.”
John Allsopp, “A Dao of Web Design”

The seminal example of responsive web design.

Screencast of responsive websites. www.bostonglobe.com, http://simplebits.com/, http://
futureinsightslive.com/, http://teixido.co/, http://www.anderssonwise.com/, http://
helloﬁsher.com/, http://www.smashingmagazine.com/

Screencast of live, in-browser wireframes

You must design for and in the medium. http://foundation.zurb.com/

“We can't be all things on all devices. To manage in a world of ever-increasing device complexity, we need to focus on what

matters most to our customers and businesses. Not by building lowest common-denominator solutions but by creating meaningful

content and services. People are also increasingly tired of excessive noise and ﬁnding ways to simplify things for themselves.”

http://futurefriend.ly/thinking.html

“Focus your service before your customers and increasing diversity do it for you.” http://futurefriend.ly/thinking.html

Focus on what will drive everything else ﬁrst. The why.
If you focus on the why, everything else will follow.

“Well-structured content is now an essential part of art direction. Consider how it can ﬂow into a variety of containers by being

mindful of their constraints and capabilities. Be bold and explore new possibilities but know the future is likely to head in many

directions.” http://futurefriend.ly/thinking.html

Think about chunking your content to make it ﬂexible. Not just for responsive design, but for
the future. Who knows where we’ll be pushing our content out to in the next decade.

http://bit.ly/LUtkL

Connecting with others doing what you do will expand your possibilities, keep you dreaming
of the future, and hopefully keep you thinking future friendly.

If we can clear up the fuzzy why that is at our core the future will seem clear.

Like Tony said in the keynote this morning, you need to ﬁgure out the values that are
important to you.

Yellow Pencil.
We make the web work for everyone.
1.Design for a better world.
2.Make the complex simple.
3.Engage the whole person. It is a human interaction.
4.The goals and message drive the design solution.
5.Users ﬁrst.
6.Progressive enhancement. Small screen, low bandwidth ﬁrst.
7.Design for tomorrow.
8.Accessible to all.

Crafting your own...
1. Research available principles for competitors and related organizations.
2. Gather and list out the business goals, user needs, and brand attributes.
3. Brainstorm with key collaborators.
4. Narrow down to no more than 10.
5. Ensure they don’t conflict or overlap.
6. Ensure they are memorable.

When to use them...
1. Project kickoff.
2. Prioritizing features.
3. Brainstorming sessions.
4. Design critiques.
5. Presentations.
6. Resolving conflict.
7. Postmortems.

Go pick my brain on Delicious.

Tooling for Change

More Related Content

What's hot (20)

Viewers also liked (6)

Similar to Tooling for Change (20)

More from Steve Fisher (12)

Recently uploaded (20)

Tooling for Change