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.”


    Colleen Jones finishes her presentation on Content Analysis: Make Your Website Fly Voices That Matter Web Design Conference 2010 - Day 1 Let’s not forget about content! Do content analysis to understand content needs. Analyzing content: Four key components: Audit Goal Users Ecosystem You’re getting started with content and your website:  What are the content processes? Who provides feedback? Who are the people involved? Get your website off the ground: What content do you have? Is it good quality? Does it work for your goals and users? How does your ecosystem affect it?

    Colleen Jones finishes her presentation on Content Analysis: Make Your Website Fly

    Voices That Matter Web Design Conference 2010 - Day 1

    Let’s not forget about content!

    Do content analysis to understand content needs.

    Analyzing content: Four key components:

    • Audit
    • Goal
    • Users
    • Ecosystem

    You’re getting started with content and your website: 

    • What are the content processes?
    • Who provides feedback?
    • Who are the people involved?

    Get your website off the ground:

    • What content do you have?
    • Is it good quality?
    • Does it work for your goals and users?
    • How does your ecosystem affect it?
    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