Refresh Philly: Happy Cog on visitphilly.com Redesign

  • Make the website become a “trusted advisor”
  • Worked on for over a year
  • Information architecture
    • Classification
    • Context
    • Bridging the two ^
  • “Mental Models” by Indi Young
  • Aligning the experience around the 3 main nav options or else they don’t get included in main nav
  • When is something navigation and when is it interface?
  • Can use your own team and circle of friends for user research
  • 1-month development
  • Used ExpressionEngine (could have used Django or Rails)
  • 2 week manual migration of content ended up having better content because they curated and edited
  • Focused on public side first and then cleaned up backend later
  • Accessibilty should be more important than animations and flashy stuff
  • Validator = show outline to ensure semantic-ness
  • Define hover & focus always at the same time to make things keyboard accessible
  • Set CSS backgrounds for people without JS or Flash
  • Process
    • Discovery <-> IA <-> Design
  • Unified Approach
    • Usually deliver 3 design concepts to facilitate discussion among the three
    • Inherent value in all 3 designs
  • Themes for Art Directions
    Nostalgic <-> Distinctive <-> Contemporary <-> Fashionable
  • Design isn’t a sniper but a shotgun blast that needs refining
Posted in Design Talk | Tagged , , , | Leave a comment

UIE Web Masters Tour

Where Worlds Collide by Jared Spool

  • Its not about the application, its about the experience
  • Good design disappears into the background
  • The Twitter experience is about ambient intimacy
  • What are web-based applications?
    • Where user needs, business, & technology collide
  • Corporate underpants: when the organization of your company shows through on your homepage; “Like wearing your underpants on the outside of your clothes.”
  • How do we create great experiences?
    • Not measurable & no patterns known
  • Three elements of knowing whether a team will produce successful web apps
    1. Vision
    2. Feedback: In the last six weeks have you spent more than two hours watching someone use your design or a competitor’s design?
      • What matters is the amount of exposure your team has to this feedback
    3. Culture: In the last six weeks have you rewarded a team member for a major design failure?
      • You must be able to take risks in your designs in order to make things better
      • When we fail we learn incredible things
      • Every failure is an opportunity to learn
  • Less and less people are comprising teams but the roles are expanding
    • Need to think in terms of skills, not roles
    • The future of design is based on skills that people have, not roles that they fill
  • Editing & Curating: deleting and picking out the right stuff for the design is important
  • Paradox of choice: the more choice you give people, the less satisfied they will be
  • Kitchen cabinent problem: you know where everything is in your cabinets so you resist change
    • Can make things more transparent but makes things look more cluttered
    • Think about the process of change over time
  • Make sure that someone is editing and curating

Continue reading

Posted in Design Talk | Tagged , , , , , | Leave a comment

Photoshop Users Group 05/27/10

At this month’s Photoshop User’s Group we went over some of the new features of Photoshop CS5.

Continue reading

Posted in Design Talk | Tagged , , , , | Leave a comment

Philadelphia Standards Organization (05/11/10)

  • diveintohtml5.org/forms.html
  • presentations.kimberlyblessing.com
  • dev.w3.org/html5/markup/Overview.html
  • Remember that field types bring up conditional keyboards on iPhone and Android
  • Placeholder text in HTML5
  • Modernizr: js library that detects if a functionality exists in a browser so you can give alternate solutions if they don’t
  • At least all of the new form elements degrade gracefully in IE so everything will still work
  • html5doctor.com
  • Javascript Shim to make IE recognize the new html5 elements as elements on the page
  • Google is taking site speed into account for page rank
  • Check out refreshdoylestown.org
  • groups.google.com/group/phillystandards
Posted in Design Talk | Tagged , , , | Leave a comment

Two Major Life Events

The last two Saturday’s have made this year, 2010, one of the best in my entire life. Let’s review:

On the first Saturday, April 17th, my robotics team, Team 341 Miss Daisy, was bestowed the honor of the Championship Chairman’s Award. This award is a mark of distinction among all FIRST competitors that our team is now one of the best team’s in the organization. We are now a role model for other teams to emulate and have the great honor and opportunity to help even more teams than we already have. It has to be up there in the top 10 moments of my life since I’ve been working towards that moment for 11 years.

As if that weren’t enough, on Saturday April 24th, my amazing boyfriend of three years proposed to me on our 3-year anniversary getaway to Watkins Glen, NY. It was so magical and special and I can’t think of a more amazing fiance. I’m a little bit apprehensive about this whole planning a wedding thing but am so excited at the same time!

What? That’s not enough for you? Stay tuned!

Posted in Notes on Life | Tagged , , , , , , , , , , , , | Leave a comment