web & design exploration

This is a repository of tools and notes for web design, graphic design, social media, and other interweb finds! @ocjess

Tantek Celik talks about HTML5
Voices That Matter Web Design Conference 2010 - Day 1
Excellent presentation! Wish it had been longer!
HTML5 consists of four areas:
Practical upgrade to HTML4/XHTML
New forms capabilities
Native multimedia (vector graphics, SVG, etc)
Core of the open web app platform

Tantek Celik talks about HTML5

Voices That Matter Web Design Conference 2010 - Day 1

Excellent presentation! Wish it had been longer!

HTML5 consists of four areas:

  • Practical upgrade to HTML4/XHTML
  • New forms capabilities
  • Native multimedia (vector graphics, SVG, etc)
  • Core of the open web app platform
Denise Jacobs talks about It’s Business Time: Giving User Experience Love With CS33
Voices That Matter Web Design Conference 2010 - Day 1
She replaces Dan Cederholm
The slide shown in the photo is for “Let’s Get It On with CSS3” in case you are wondering. :)
She talked about amongst other things:
Progressive Enhancement
Graceful Degradation
CSS3 Resources:
http://delicious.com/denisejacobs/css3resources

Denise Jacobs talks about It’s Business Time: Giving User Experience Love With CS33

Voices That Matter Web Design Conference 2010 - Day 1

She replaces Dan Cederholm

The slide shown in the photo is for “Let’s Get It On with CSS3” in case you are wondering. :)

She talked about amongst other things:

  • Progressive Enhancement
  • Graceful Degradation

CSS3 Resources:

http://delicious.com/denisejacobs/css3resources

    Ordering Disorder by Khoi Vinh
Voices That Matter Web Design Conference 2010 - Day 1
Khoi Vinh gets ready to talk about Ordering Disorder at Voices That Matter Web Design conference in San Francisco. 
Very interesting presentation about bringing design knowledge for print to online with grids.
“The grids suggest that we have the fidelity of print, but of course we can’t.”

    Ordering Disorder by Khoi Vinh

    Voices That Matter Web Design Conference 2010 - Day 1

    Khoi Vinh gets ready to talk about Ordering Disorder at Voices That Matter Web Design conference in San Francisco. 

    Very interesting presentation about bringing design knowledge for print to online with grids.

    The grids suggest that we have the fidelity of print, but of course we can’t.”


    Progressive Enhancement
Voices That Matter Web Design Conference 2010 - Day 1
Todd Parker talks about Designing with Progressive Enhancement: Building the Web That Works for Everyone
Goal: To make it work for everyone in every device.
What is Progressive Enhancement (PE)?
It’s about being inclusive - works for everyone
Always start with what works everywhere.
Tool: EnhanceJS
http://code.google.com/p/enhancejs/
More info:
http://www.filamentgroup.com

    Progressive Enhancement

    Voices That Matter Web Design Conference 2010 - Day 1

    Todd Parker talks about Designing with Progressive Enhancement: Building the Web That Works for Everyone

    Goal: To make it work for everyone in every device.

    What is Progressive Enhancement (PE)?

    • It’s about being inclusive - works for everyone
    • Always start with what works everywhere.

    Tool: EnhanceJS

    http://code.google.com/p/enhancejs/

    More info:

    http://www.filamentgroup.com

    Emily Lewis explaining Practical Microformats
Voices That Matter Web Design Conference 2010 - Day 1
 
Sets of HTML attributes and values that are applied to common web content - people, events, blog posts, reviews, tags - to provide more meaning
Makes content much more powerful (be searched, etc)
Community driven initiative
Designed for humans first and machines second
Building blogs to share content on the web
Smart content
Markup with more meaning

    Emily Lewis explaining Practical Microformats

    Voices That Matter Web Design Conference 2010 - Day 1

    • Sets of HTML attributes and values that are applied to common web content - people, events, blog posts, reviews, tags - to provide more meaning
    • Makes content much more powerful (be searched, etc)
    • Community driven initiative
    • Designed for humans first and machines second
    • Building blogs to share content on the web
    • Smart content
    • Markup with more meaning
    Robert Hoekman, Jr. starts his presentation on Experiencism: How to be a Strategist in a World of Design Thinkers
Voices That Matter Web Design Conference 2010 - Day 2

 
Think about:
What does your organization do? 
Why does your organization do that? 
What does it want to put out in the world? Why does it want to achieve?
Those who know the concept have miscommunications with the people who don’t know the concepts.
Zappos, MINIS, Apple - success:
The reason that they are succeeding is because of STRATEGY!
Strategy is the motivation behind innovation.
Without strategy innovation is just a word - it has no meaning.
All the design thinking in the world will not turn your org into Zappos, MINI, Apple.
WHAT follows WHY!
Strategy:
Communicate strategy of your org to everyone in your org.
Strategy is just a plan. TARGET.
You can’t create a plan w/o having an end result.
Strategy enables decision making.
Strategy helps:    
To define what your goal is
Measurement
Unifies the team (we are all after the same thing)

 
There are FIVE phases to developing a user strategy:
Perform an audit
Discover phase
Define
Evaluate and plan
Act, React, Repeat
Website: www.rhjr.net

    Robert Hoekman, Jr. starts his presentation on Experiencism: How to be a Strategist in a World of Design Thinkers

    Voices That Matter Web Design Conference 2010 - Day 2

    Think about:

    • What does your organization do? 
    • Why does your organization do that? 
    • What does it want to put out in the world? Why does it want to achieve?
    • Those who know the concept have miscommunications with the people who don’t know the concepts.

    Zappos, MINIS, Apple - success:

    • The reason that they are succeeding is because of STRATEGY!
    • Strategy is the motivation behind innovation.
    • Without strategy innovation is just a word - it has no meaning.
    • All the design thinking in the world will not turn your org into Zappos, MINI, Apple.

    WHAT follows WHY!

    Strategy:

    • Communicate strategy of your org to everyone in your org.
    • Strategy is just a plan. TARGET.
    • You can’t create a plan w/o having an end result.
    • Strategy enables decision making.
    • Strategy helps:
      • To define what your goal is
      • Measurement
      • Unifies the team (we are all after the same thing)

    There are FIVE phases to developing a user strategy:

    1. Perform an audit
    2. Discover phase
    3. Define
    4. Evaluate and plan
    5. Act, React, Repeat

    Website: www.rhjr.net