Journal

Archive for the 'web design' category.

The Survey for People Who Make Websites 2009

Dec 16 | Posted by Jeffrey Barke | Add a Comment

A List Apart's third annual survey:

For the third year in a row, good citizens of the web, we ask that you take a few minutes to tell us about your professional skills, educational background, career prospects, job benefits, and more.


I took it! And so should you. The Survey for People Who Make Websites.

Typography for the Web—NY Web Standards Meetup

Apr 16 | Posted by Christy Gurga | 3 comments

This month, I presented "Typography for the Web" at the NY Web Standards Meetup. Right now, typography on the web has been receiving lots of attention from both designers and developers alike—designers wanting to know what their constraints are and developers wanting to know the best practices for implementing advanced typography. I covered a wide range of topics so that people can continue to research and learn about this rapidly-changing field.

Slides, photos, video and audio from "Typography for the Web"

Listen to the event:

Watch "Typography for the Web" on Ustream.tv and view photos from it on Flickr!

Here is a list of resources that follow along with the topics covered in the presentation:

Building a foundation

Formatting headings

Noticing the details

And more!

What are some of your favorite typography resources? How do you feel about one type of replacement technique over another? Please continue the conversation in the comments below

Join the New York Web Standards Meetup at Meetup.com, follow us on Twitter and join our LinkedIn group!

SXSWi Resources Roundup

Mar 19 | Posted by Christy Gurga | 4 comments

Whew! It’s been quite a time at South By Southwest Interactive–lots of panels, parties, and good eating! Since there are a multitude of people who have taken amazing notes during the panels and core conversations, I’ll spare you those details, but just as important as what’s said during the panels is what you can take away from it! Here is a list of the “take-aways:” the twitter usernames, the Web sites and the books. Here are some ideas and resources you can use right away!

Overarching Themes:

  • Collaboration within companies, collaboration between client & web team, collaboration between web teams
  • Openness with coworkers and with clients
  • Don’t do work for the sake of doing work; create deliverables that have applicable value
  • Some clients (and even workers) respond better to many lo-fidelity steps (sketching, collage, mood boards) to buy into the design process before seeing a polished design
  • Agile development! Working in quick phases to roll out a product. Everyone’s talking about it, but it may not be good for every team or every client

Web Typography: Quit Bitchin’ and Get Your Glyph On

See the slides at SXSW Typography

Links:


Being a UX Team of One

  • Leah Buley – Adaptive Path – @ugleah

Highlights:

  • Ditch the concept of the “singular genius designer.” The designer is the person who takes everyone’s ideas and creates a cohesive solution to the problem
  • Always sketch out at least six layout ideas!
  • Get as many people (developers, clients, shareholders) involved as early as possible

Links:

Books:


How to Create a Great Company Culture

Highlights:

  • A good fit is achieved by every team member having the same core values
  • Always remain passionate about what you’re doing. Even if you find yourself in a situation you don’t like, find a small thing to focus on and remain passionate

Books:


How MacGyver Would Do Design Research

  • M Jackson Wilkinson – Viget Labs – @whafro

Highlights:

  • Do as much dual-work as possible (creating wireframes in CSS/HTML, reusing documentation, etc)
  • Know what not to research; pay attention to what’s already been done
  • Do user testing with fewer people, have them each do more tasks

Links:


Wireframes for the Wicked

  • Nick Finck – Blue Flavor – @nickf
  • Donna Spencer – Maadmob – @maadonna
  • Michael Angeles – Traction Software – @jibbajabba

Highlights:

  • Choose your wireframe type based on the audience; you may do different wireframes for the client vs the developer
  • Feel free to mix hi- and lo-fidelity methods to achieve the appropriate type of wireframe
  • Sketching-style wireframes may make clients feel more comfortable with sharing ideas and adding input
  • Michael Angeles has the coolest notebooks! Sketching the User Experience

Links:


Designers and Developers: Why Can’t We All Just Get Along?

  • Chris Lea – Media Temple/Virb – @chrislea
  • Liz Danzico – The School of Visual Arts – @bobulate
  • Ryan Sims – Virb – @simmy
  • Joe Stump – Digg – @joestump
  • Daniel Burka – Digg/Pownce – @dburka
  • Andy Beaumont – Flutter + Wow – @drcongo
  • Rob Corradi – NeonState – @ribrob

Highlights:

  • Speak in terms of problem/solution instead of specific features–the developer may have a better way to solve the problem
  • Include a developer in early meetings to avoid promises of unrealistic features and to help brainstorming
  • Designers should make the effort to learn as much as they can

Links:


Collaboration or Collision: Achieving Design Studio Bliss

Highlights:

  • Bring your clients into the brainstorming session
  • Show your clients a variety of mood board concepts; This is the stage for back-and-forth conversations and for feedback. Take this knowledge and deliver one cohesive design mock-up. Delivering several designs diminishes your expertise in finding the right solution.
  • Educate your clients on the value of your product; don’t work to meet unreasonable deadlines
  • Don’t let a single designer get too involved in the “ownership” of his/her design. Take it away and let someone else work on it.
  • Don’t design behind closed doors, open up the conversation!

Books:

The survey for people who make websites 2008

Jul 29 | Posted by Jeffrey Barke | Add a Comment

A List Apart's second annual survey:

Calling all designers, developers, information architects, project managers, writers, editors, marketers, and everyone else who makes websites. It is time once again to pool our information so as to begin sketching a true picture of the way our profession is practiced worldwide.

I took it! And so should you. The 2008 survey for people who make websites.

ajaxload.info—A very cool service

Apr 6 | Posted by Jeffrey Barke | Add a Comment

For we non-designers out there, ajaxload.info offers a very cool service: automated creation of animated loading .gifs in three easy steps. Simply choose your indicator type (35 options!), set the background and foreground color, and generate it. View the preview and then download your .gif, ready to use.

Loading…

Very simple and useful. Thanks for designing this, Kath

Jeffrey Barke is senior developer and information architect at theMechanism, a maxi-media firm in New York City and London.

Search the Archives
Feeds
NYC Bunker Live Cam

O'Reilly user group program member

Add to Technorati Favorites

We endorse

Basecamp

Want to work with us yet? We’re ready when you are.