You are not Logged in! Log in
Do you want to Log in or register?


Check todays hot topics or new products

Search the Web: Advanced

Please Sign in or Register

Creating a Quality User Experience

 

It’s easy to sit back and preach about how a web team should operate, but it’s rare that we really
consider and appreciate the realities and challenges involved. We’re going to take a look at how the
team behind NYTimes.com, a real team with real constraints, has learned to work together to create
one of the best online news experiences in the world. While their situation isn’t perfect, it’s an
impressive story of unity, balance, and communication that makes the few imperfections of the site
that much more interesting.

At times, the creative professionals need to scale back their ideas or quality to meet deadlines. On
the flip side, management needs to respect and trust their team’s advice that sometimes quality is
more important than the deadline.
Khoi Vinh, the team’s design director, shared some insight about how it happens, and not
surprisingly there were several themes that resonated throughout our dialogue. One of the aspects of
NYTimes.com that I was most curious about was the transition to a tableless layout, and not
surprisingly, Khoi had nothing but good things to say about the change.

We went over to a basically ninety-five percent table-free site in April with the launch of this
latest redesign. Well, it’s been great because it’s allowed us to be more flexible with the look and
feel strictly through style sheets.
The more subtle point here is the “ninety-five percent.” For creative professionals, anything less
than a hundred percent is often hard to swallow. However, in the context of the real world, we often
have to look past that five percent, and see the bigger picture. That ninety-five percent is enough
to enable flexibility and create a great experience for the visitor. The last five percent is
sometimes not worth the investment.

Be Reasonable About Reality
It’s important—no, imperative—to appreciate the reality of being a creative professional and the
constraints we face. Whether designing or coding, creative professionals are tasked with a
responsibility to think outside of the box and create visionary solutions to every problem. At the
same time, management expects us to keep it in the box of time and money.

So right off the bat, we’re faced with diametrically opposing forces, and both groups need to
understand and respect that situation. At times, the creative professionals need to scale back their
ideas or quality to meet deadlines. On the flip side, management needs to respect and trust their
team’s advice that sometimes quality is more important than the deadline. In my experience, there
are very few deadlines or resource plans that are truly inflexible, and just as few projects that
couldn’t stand to launch sooner and perform some cleanup after the fact.

The point here is that reducing quality and re-evaluating deadlines are both fair options.
Sometimes, the former is the correct choice, and other times it will be the latter. The predicament
is that the final decision-maker is usually the one responsible for the deadlines. So, it’s
important that management respects the team members and their professional opinions when making
these decisions, and weighs the options accordingly. As creative professionals, though, it’s
important to recognize that we, as Khoi so eloquently states, “can’t exist in a vacuum outside of
the business realities.” Both sides need to be reasonable about reality, and occasionally accept
practical compromises for the greater good of the project and business.

A horrible product launched tomorrow is just as bad as a perfect product never launched. Somewhere
in the middle is what we should aim for, while bearing in mind that we can march towards perfection
with every update and release.

Pursue a Larger Shared Vision
That march toward perfection should happen in the context of a larger shared vision. At The New York
Times, Khoi points out that, “By and large, everyone at the Times wants the same thing: to continue
to provide the best journalism anywhere, and to make it as useful and relevant to people as
possible.” For his team specifically, their sub-vision is, “deliver the news in as useful a manner
as possible,” and, “deliver the news with a maximum of elegance using a minimum of ornamentation.”

Khoi goes on to explain how they judge everything by those standards. The vision will be different
for every team, but articulating a vision breeds unity and a consistent measuring stick for making
decisions when perfection and deadlines are competing. Otherwise, different individuals, by the very
nature of their responsibilities, will have different priorities and values.

For The New York Times, the larger vision applies not just across the disciplines, it also applies
across mediums. Khoi is quick to point out, it’s about “delivering the best journalism in the world
in a way that’s useful and engaging to our audience,” and that it leads to a more unified team
despite lower-level disagreements. Those disagreements, in my experience, are often the result of
specialization bias.

Specialization bias is the situation where, when you only have a hammer, everything looks like a
nail. For instance, an engineer implementing a specific feature might run into part of a design that
is incredibly difficult to code. Without consulting the team, he might choose to spend an extra
couple of hours coding a solution. In this case, the engineer specializes in programming and as
such, his perception is that writing additional code is always the solution. Perhaps if he’d
communicate with other team members, he’d discover that the feature isn’t worth the level of effort
required and that they should cut it and move on to more important pieces of the project.

Of course, for this to work effectively, either everyone on the team needs to have a solid
understanding of the big picture, or the quality of communication needs to be especially high. By
sharing, discussing, and exploring different options outside of a specialty, it’s more likely the
the appropriate solution will be found.

Open the Lines of Communication
One of the easiest ways to work toward a balance is to create open lines of communication between
the different disciplines. This includes management, technology, and user experience. If you have
three groups with different criteria for measuring success, you’re going to find conflict. The more
those groups share their problems and look for joint solutions, the more productive the team will
be.

The NYTimes.com team, not surprisingly, embraces and encourages many of the easiest ways to open the
lines of communication. The designers and technologists work hand-in-hand. Khoi does his best to
build a team as “specialists each with a generalist’s open-mindedness to getting the job done,” and
management respects the team’s professional opinions enough to provide the right amount of time and
resources to do things properly.

On any team, that kind of respect and trust isn’t innate. It’s earned and nurtured the same way as
any other relationship. It takes time, sharing, listening, and compromise. For example, in meetings
or at every opportunity, team members can take the time to explain the why. That is, team members,
particularly across disciplines, should make an effort to explain not only what they’re working on,
but why. Khoi does this with his team through weekly meetings, but taking the time to more
thoroughly communicate decisions can happen anytime.

Finding the Right Balance Across Disciplines and Mediums
Another benefit of explaining the why is that it implicitly helps team members see where to find the
balance and make compromises when conflicts invariably arise. This why isn’t just important across
disciplines, it can also come into play across mediums.

One of the cross-medium challenges we discussed was how a company traditionally grounded in one
medium handled and responded to the rapidly changing environment of a new medium. Khoi admits that
there is “discomfort with online practices from time to time,” but was quick to point out that they
don’t encounter resistance or stubbornness, emphasizing that the process involves balance and
compromise every step of the way.

In fact, he felt that the diversity of opinion across disciplines, under the right circumstances,
creates a healthy atmosphere of debate and discussion. For instance, everyone may not agree with the
translation of a print medium concept to the online medium, but the open-mindedness and ensuing
discussion lead to a happy resolution for everyone.

Creating the Environment
Unfortunately, the environment for that discussion, debate, and sharing doesn’t just happen; it
takes work—lots of it. Ideally, the environment in which high-quality user experiences could grow
and evolve would just exist naturally. We wouldn’t have deadlines, equipment would be top of the
line, and budgets would be unlimited. While that environment may never exist, the pursuit and
creation of that environment, or one similar, can easily become a full-time job.

Khoi puts it best: “Design groups really need a strong, diplomatic leader who can help engender a
climate for good design. There’s very little that can be done without that person, and it’s what I
strive for every day in my job.” Performing that job and getting management buy-in requires building
trust and respect. It’s about growing an understanding and educating the design and development
teams—as well as management—so that all of the groups understand each other.

Maintain a Commitment to High Quality Code and Design
One of the areas that management may have difficulty understanding or valuing is that of investing
time in writing good—or even great—code. Yet, high-quality code is critical for creating a site that
can easily evolve. Thus, it behooves us to educate management so they understand that that creating
better code engenders agility and flexibility, especially in terms of lower costs and quicker
turnaround times on future updates.

Of course, the need for flexibility tomorrow comes at the cost of speed today. Balancing the present
and the future becomes a constant, but valuable, struggle, and that struggle doesn’t end with code.
Khoi makes an excellent point that it’s also important to create modular designs that not only
translate nicely into code but have inherent flexibility for handling content changes elegantly,
without requiring significant rework.

The job isn’t over for them though, and—as Khoi emphasizes with the team—setting aside time to go
back and re-factor code that was launched on a deadline is often a lucrative investment. In fact,
Khoi said they have gone to enormous lengths to do so. In some cases, it’s best to communicate with
management that launching sooner means the team will need additional time afterwards to go back and
make amends for any shortcuts that were taken to get the project out the door in time. Other times,
as we’ve already discussed, it’s best to get that time up front.

Of course, merely writing good code isn’t always enough. In a good team, knowledge-sharing and
communication often occurs through documentation. In the case of the NYTimes.com team, they make a
concerted effort to fill a team wiki with their standards and guidelines to help streamline future
work. This not only serves as a reference for current team members, it can help get new team members
up to speed more rapidly.

A topic that isn’t limited to code is that of reuse. The NYTimes.com team is no stranger to reuse.
Consistency in design, when appropriate, not only makes the experience more predictable for users,
but enables modularity and encourages innate flexibility when that design is translated into code.
However, as with any other aspect, the need for consistency must be balanced with the value of
contextual relevance, and finding the sweet spot there is as challenging as anywhere else.

Summary
Good design and user experiences are extensions of the quality of the underlying team. The seamless
integration of design, technology, and business realities doesn’t happen by accident. It happens
when teams work together, communicate, and find the right balance to make everyone happier. It
requires humility, respect, and an insatiable hunger for knowledge and understanding. Create or
nurture these qualities within your team, and you’ll be on your way to more successful projects.
It’s that easy.

Finally, in order to create an ideal user experience, many of these ideas assume that the team has a
high level of pride and investment in their project. That pride has to be balanced with humility,
but when combined with the incessant pursuit of the higher vision, it can lead to great things.