Archive for August, 2008

The Consummate Web Designer

Tuesday, August 26th, 2008

Design portfolios these days are stuffed with traditional odds and ends: a few logos, some packaging, some print, and?to appear relevant?a bit of web work. This betrays a disturbingly pervasive view of web design as being yet another socket wrench in any given designer’s toolbox. As a discipline, web design has specific needs and benefits that demand experience and informed approaches, specific to the media. Ignorance to these necessities causes those factors to be skewed, downplayed, or outright ignored in order to force the web to fit anachronistic and inappropriate ideas of design.

Web design is its own unique discipline, and therefore requires a distinct type of designer. This consummate web designer has the expertise to focus not only on aesthetic appeal, but also clean, semantic markup, empowering them to fashion the well-crafted web product that clients are growing to expect. A chronic failure to see this within the creative industries is creating needless tension and is draining countless dollars from both agency revenues, and the profits of their clients.

Designers Don’t Code. Web Designers Do.

Beyond Photoshop or Dreamweaver, the most consequential resource for a web designer is the intimate working knowledge and understanding of the web’s constraints that can only come from developing front-end code. Constraints should be nothing new to designers. No matter the media, design practitioners operate under restrictions 99% of the time. Finding ways to transcend limitations distinguishes us as artists, but only doing so when it is relevant and appropriate grounds us professionals. This is where web design breaks from the more established design disciplines: The web requires a designer with an aptitude for understanding front-end development languages and how they balance and/or constrain the aesthetics.

Any web designer’s driving focus must be to create a functional, contextual and visually appealing experience. To do this well requires a skill that every design discipline requires: the imposing of control to even the most meticulous of details. For the consummate web designer, this includes crafting the entire product, especially the front-end code. They do not merely provide the design concept because to them, that is not web design, its speculation. Handing off layouts to another person for development is surrendering the control of too many variables. Does this other person have the same intimate understanding of the project goals? Does he or she have the same level of care about details such as negative space and color distribution? Do they even know why Georgia was used in order provide an appropriate font substitute in the CSS? A web designer should understand that everything that controls the display of a site’s content falls in to their sphere of responsibility, because only a designer’s expertise is suited to deliver the scrutiny and craft needed for a truly quality product.

Designers that detest the idea of touching code don’t need to learn it. They can go off and be the great designers they know they are, but they should avoid the web altogether. Also, front-end developers that do not consider themselves design decision-makers need to realize that they inherently make decisions that directly influence the design, and should be knowledgeable about the results of those decisions. Whether they like it or not, they are playing the role of designer, and that is not a responsibility that should be low on any priority list. (more…)

Hey Unitards! Design Mantra?

Friday, August 15th, 2008

This week the Unitards, in the name of all that is whimsical, will be answering in the form of puzzles. The first reader to post a comment with all three answers, and contribute a design mantra of their own, will receive a prize!

Andy Puzzles:

“Creepifnot si headvice, otn hewn treeh si gonthin rome ot dad, utb nwhe
ehetr is hinotgn flet ot kate yaaw.”

? Neation ed Tanis-Pureex

Angela Queries:

Nathan Challenges:

? Ludwig Mies van der Rohe

…So we’ll know them by their limping

Monday, August 11th, 2008

I reference this backhanded Irish blessing with respect to irresponsibly run companies. You can often spot them these days on the Web. They’re the ones with websites that are poorly designed, choked with words for words’ sake, overrun by intra-site links, and have huge blocks of link-bait copy (often on every page). Poorly run companies have all of this on their websites instead of well-designed, informative content and a valid business model.

Link bait is not a business model and consumers should avoid these sorts of irresponsibly-run companies. Luckily, we have their telltale footprint to guide us in this matter. It is as if the old Irish wish has been adapted for our use and answered in some measure:

May those who love us love us.
And those that don’t love us,
May God turn their hearts.
And if He doesn’t turn their hearts,
May he turn their ankles,
So we’ll know them by their limping

If you apply this wish toward businesses we should and should not patronize, there certainly are a lot of turned ankles out there on the Web. You will know them by their limping.

Hey Unitards! Are Graphic Mock Ups Even Applicable?

Thursday, August 7th, 2008

Andy Says: I think the most conspicuous examples of those who don’t use graphic mock ups in their website/app projects are companies who don’t have clients. They build applications for themselves to then market as products. This context is significantly different from that of designing for clients. Clients generally need to see something concrete and tangible in order to invest full confidence in your work, especially when there are important branding concerns associated with it. For my work with clients of Unit Interactive, I always craft graphic comps. I’ve often skipped this phase when working for personal projects, but that’s an entirely different context.

Angela Says: I have always produced comps for the designs I’ve created for my clients. Creating comps first allows you to really think through the information design and defines the structure the site will take on. In essence, you are creating a blueprint that dictates the end result and allows for quicker development time, as the design decisions have already been decided. Would a good contractor start building a house without architectural plans? Would you want to live in that house after it was built?

Also, I advocate the HTML being semantic and some of the design decisions made in the comp stage can help determine the correct context for the markup. And one more thing, any graphics that are used in the site have to be created anyway, so why not pull those graphics from the whole picture that you’ve already poured over in great detail, rather than making them piece by piece as you go?

Nathan Says: Photoshop [Macromedia savvies read “Fireworks”] cannot correctly emulate the browser environment. It’s true. The fonts are handled differently, colors skew, and pixel-perfect negative space sometimes requires lots of finagling. This fact makes me think I should go all 37signals on Adobe a give it the cold shoulder. But then I remember a mantra from my design education: Always start in pencils. Pencils allow for the exploration of more ideas in a shorter amount of time than full Photoshoped comps. This helps me to not lock in on any one idea too soon, and stay focused on concepts, eschewing execution until necessary.

Graphic mock ups set a foundation for a completed, functional site in much the same way that pencils lay the groundwork for the aesthetics: by allowing me to focus on only what is necessary for that step in the process. Also, in my experience, clients have a hesitancy to skip steps where they should be able to provide input and/or approval, and by giving them that stake in the visual approach, you build a trust that allows further decisions to go more smoothly.

The Future of Web Browsing

Tuesday, August 5th, 2008

Mirror, mirror on the wall, show us what the future browser will look to us all. The mirror clouds and through the smoke appears something called Aurora, a project Adaptive Path has been working on in conjunction with Mozilla Labs. The video concept depicts a vision of how browsing and user interaction might evolve in the future. And if that weren’t enough, Unit had a small role in the project by designing the New York Times site used in the video.

Aurora

Aurora

It is an interesting experience designing for something that doesn’t exist yet, but in such a fast-paced industry, its always wise to be looking forward. Over the next couple of weeks, Adaptive Path will release more video segments, as well as background material showing just what went into imagining the future of the Web.

For more details about our process, be sure to check out Andy’s article.

Hey Unitards! Why have an office?

Friday, August 1st, 2008

Andy Says: I guess that, in part, I have to get all anthropological on you. Humans are meant to congregate together. People are happier, healthier, more productive, and more stable when they have a routine of being around and interacting with other people. By contrast, those who work and/or live alone for extended periods of time lose quality of life in all sorts of ways and suffer emotionally, physically (+ health-wise), and sociologically. Science aside, having an office for work provides a good way to properly compartmentalize your life, to facilitate creative and technical interaction, to give you something tangible to be responsible for, and to communicate to clients and potential clients that you’re “real.” Finally, the curmudgeon in me would caution you about technology?just because we can do all sorts of things using new technology instead of “the old way” is no reason to simply opt for tech. Let technology serve you; do not become a blind slave to technology. This is people we’re talking about, not robots with computers.

Angela Says: For me personally, being able to leave work at work and home at home is invaluable to my own quality of life. Plus, it’s a lot more practical, not to mention more fun, to have instant collaboration with other designers. Just being in an environment with other creatives is motivating and inspirational and positively affects my work. So, while I could work at home (and actually do sometimes), I think having an office to work in makes me a happier person and a better designer.

Nathan Says: Here is a likely scenario: I am trying to work from home. Batman jumps on my keyboard and tries to bite the cursor on the screen [he’s a cat]. The dog then decides the cat doesn’t deserve so much attention, and a furry melee ensues. Meanwhile, in the next room, my wife turns on what sounds to be very tasty offering from the Food Network, sending my mind in search of possible lunch items. Focusing again, I check my email two more times, and decide to check the physical mailbox as well. I get back to my desk and my computer is frozen. I think you get the idea. I can never seem to get any work done at home, and when I do, it takes great efforts and generally feels contrived. Plus, I like working around my fellow creative folk… it spawns so many interesting conversations.

Recommended
Most Popular
Underappreciated