Archive for January, 2013

Karen McGrane on Content: Windows on the Web

You have five minutes while waiting for a friend to meet you for lunch, so you find yourself shopping for a new pair of shoes. When your friend arrives, you put the phone away, but leave the web page open to help you remember what you found when you get home.

While you’re at work, you read a restaurant review for a new place you think sounds tasty. Come dinnertime, you grab your phone to pull up the address and location.

One night on your tablet, you’re browsing articles for a report you’re writing at work. Back at your desk the next day, you struggle in vain to remember what you searched for to find those articles. Why can’t you find them again?

Sound familiar? If you’re like most people, it probably does. Research from Google (PDF) shows that 90 percent of people start a task using one device, then pick it up later on another device—most commonly, people start a task on smartphone, and then complete it on the desktop. As you might expect, people regularly do this kind of device switching for the most common activities, like browsing the internet (81 percent) or social networking (72 percent). Certain categories like retail (67 percent), financial services (46 percent), and travel (43 percent) also seem to support this kind of sequential use of different devices.

Dual-screen or multi-screen use of devices gets a lot of attention, but we tend to focus on simultaneous usage—say, using tablets or smartphones while watching TV. Publishers, advertisers, and social networks are all actively trying to figure out how to deliver a good experience to users as they shift their attention between two screens at the same time. Sequential usage is every bit as common, but we rarely acknowledge this behavior or try to optimize for this experience.

When people start a task on one device and then complete it on another, they don’t want different content or less content, tailored for the device. They want the same content, presented so they can find it, navigate it, and read it. They imagine that their devices are different-sized windows on the same content, not entirely different containers.

What should we do to provide a good experience for users who want to complete the same task across more than one device?

Content parity

Let’s make device-switching the final nail in the coffin for the argument that mobile websites should offer a subset of the content on the “real” website. Everyone’s had the frustrating experience of trying to find content they’ve seen on the desktop that isn’t accessible from a phone. But the reverse is also a problem: users who start a task from a smartphone during a bit of free time shouldn’t be cut off from options they’d find back at their desktop.

Consistent navigation labels

When picking up a task on a second device, about half of users say they navigate directly to the website to find the desired information again. Users who are trying to locate the same information across a mobile site (or app) and a desktop site can’t rely on the same visual and spatial cues to help them find what they’re looking for. As much as possible, make it easy for them by keeping navigation categories and hierarchy exactly the same. There aren’t that many cases where we truly need to provide different navigation options on mobile. Most desktop navigation systems have been extensively tested—we know those categories and labels work, so keep them consistent.

Consistent search

About 60 percent of users say they’d use search to continue a task on another device. Businesses wondering whether “mobile SEO” is necessary should keep in mind that user tasks and goals don’t necessarily change based on the device—in fact, it’s often the identical user searching for the exact information that very same day. It’s frustrating to get totally different results from different devices when you know what you’re looking for.

Handy tools

Users have taught themselves tricks to make their transition between devices go more smoothly—about half of users report that they send themselves a link. Sites that don’t offer consistent URLs are guaranteed to frustrate users, sending them off on a quest to figure out where that link lives. Responsive design would solve this problem, but so would tools that explicitly allow users to save their progress when logged in, or email a link to the desktop or mobile version of a page.

Improved analytics

Mobile analytics is still in the dark ages. Tracking users between devices is challenging—or impossible—which means businesses don’t have a clear picture of how this kind of multi-device usage is affecting their sales. While true multi-channel analytics may be a ways off, organizations can’t afford to ignore this behavior. Don’t wait for more data to “prove” that customers are moving between devices to complete a task. Customers are already doing it.

It’s time to stop imagining that smartphones, tablets, and desktops are containers that each hold their own content, optimized for a particular browsing or reading experience. Users don’t think of it that way. Instead, users imagine that each device is its own window onto the web.


Karen McGrane on Content: Windows on the Web

You have five minutes while waiting for a friend to meet you for lunch, so you find yourself shopping for a new pair of shoes. When your friend arrives, you put the phone away, but leave the web page open to help you remember what you found when you get home.

While you’re at work, you read a restaurant review for a new place you think sounds tasty. Come dinnertime, you grab your phone to pull up the address and location.

One night on your tablet, you’re browsing articles for a report you’re writing at work. Back at your desk the next day, you struggle in vain to remember what you searched for to find those articles. Why can’t you find them again?

Sound familiar? If you’re like most people, it probably does. Research from Google (PDF) shows that 90 percent of people start a task using one device, then pick it up later on another device—most commonly, people start a task on smartphone, and then complete it on the desktop. As you might expect, people regularly do this kind of device switching for the most common activities, like browsing the internet (81 percent) or social networking (72 percent). Certain categories like retail (67 percent), financial services (46 percent), and travel (43 percent) also seem to support this kind of sequential use of different devices.

Dual-screen or multi-screen use of devices gets a lot of attention, but we tend to focus on simultaneous usage—say, using tablets or smartphones while watching TV. Publishers, advertisers, and social networks are all actively trying to figure out how to deliver a good experience to users as they shift their attention between two screens at the same time. Sequential usage is every bit as common, but we rarely acknowledge this behavior or try to optimize for this experience.

When people start a task on one device and then complete it on another, they don’t want different content or less content, tailored for the device. They want the same content, presented so they can find it, navigate it, and read it. They imagine that their devices are different-sized windows on the same content, not entirely different containers.

What should we do to provide a good experience for users who want to complete the same task across more than one device?

Content parity

Let’s make device-switching the final nail in the coffin for the argument that mobile websites should offer a subset of the content on the “real” website. Everyone’s had the frustrating experience of trying to find content they’ve seen on the desktop that isn’t accessible from a phone. But the reverse is also a problem: users who start a task from a smartphone during a bit of free time shouldn’t be cut off from options they’d find back at their desktop.

Consistent navigation labels

When picking up a task on a second device, about half of users say they navigate directly to the website to find the desired information again. Users who are trying to locate the same information across a mobile site (or app) and a desktop site can’t rely on the same visual and spatial cues to help them find what they’re looking for. As much as possible, make it easy for them by keeping navigation categories and hierarchy exactly the same. There aren’t that many cases where we truly need to provide different navigation options on mobile. Most desktop navigation systems have been extensively tested—we know those categories and labels work, so keep them consistent.

Consistent search

About 60 percent of users say they’d use search to continue a task on another device. Businesses wondering whether “mobile SEO” is necessary should keep in mind that user tasks and goals don’t necessarily change based on the device—in fact, it’s often the identical user searching for the exact information that very same day. It’s frustrating to get totally different results from different devices when you know what you’re looking for.

Handy tools

Users have taught themselves tricks to make their transition between devices go more smoothly—about half of users report that they send themselves a link. Sites that don’t offer consistent URLs are guaranteed to frustrate users, sending them off on a quest to figure out where that link lives. Responsive design would solve this problem, but so would tools that explicitly allow users to save their progress when logged in, or email a link to the desktop or mobile version of a page.

Improved analytics

Mobile analytics is still in the dark ages. Tracking users between devices is challenging—or impossible—which means businesses don’t have a clear picture of how this kind of multi-device usage is affecting their sales. While true multi-channel analytics may be a ways off, organizations can’t afford to ignore this behavior. Don’t wait for more data to “prove” that customers are moving between devices to complete a task. Customers are already doing it.

It’s time to stop imagining that smartphones, tablets, and desktops are containers that each hold their own content, optimized for a particular browsing or reading experience. Users don’t think of it that way. Instead, users imagine that each device is its own window onto the web.


Karen McGrane on Content: Windows on the Web

You have five minutes while waiting for a friend to meet you for lunch, so you find yourself shopping for a new pair of shoes. When your friend arrives, you put the phone away, but leave the web page open to help you remember what you found when you get home.

While you’re at work, you read a restaurant review for a new place you think sounds tasty. Come dinnertime, you grab your phone to pull up the address and location.

One night on your tablet, you’re browsing articles for a report you’re writing at work. Back at your desk the next day, you struggle in vain to remember what you searched for to find those articles. Why can’t you find them again?

Sound familiar? If you’re like most people, it probably does. Research from Google (PDF) shows that 90 percent of people start a task using one device, then pick it up later on another device—most commonly, people start a task on smartphone, and then complete it on the desktop. As you might expect, people regularly do this kind of device switching for the most common activities, like browsing the internet (81 percent) or social networking (72 percent). Certain categories like retail (67 percent), financial services (46 percent), and travel (43 percent) also seem to support this kind of sequential use of different devices.

Dual-screen or multi-screen use of devices gets a lot of attention, but we tend to focus on simultaneous usage—say, using tablets or smartphones while watching TV. Publishers, advertisers, and social networks are all actively trying to figure out how to deliver a good experience to users as they shift their attention between two screens at the same time. Sequential usage is every bit as common, but we rarely acknowledge this behavior or try to optimize for this experience.

When people start a task on one device and then complete it on another, they don’t want different content or less content, tailored for the device. They want the same content, presented so they can find it, navigate it, and read it. They imagine that their devices are different-sized windows on the same content, not entirely different containers.

What should we do to provide a good experience for users who want to complete the same task across more than one device?

Content parity

Let’s make device-switching the final nail in the coffin for the argument that mobile websites should offer a subset of the content on the “real” website. Everyone’s had the frustrating experience of trying to find content they’ve seen on the desktop that isn’t accessible from a phone. But the reverse is also a problem: users who start a task from a smartphone during a bit of free time shouldn’t be cut off from options they’d find back at their desktop.

Consistent navigation labels

When picking up a task on a second device, about half of users say they navigate directly to the website to find the desired information again. Users who are trying to locate the same information across a mobile site (or app) and a desktop site can’t rely on the same visual and spatial cues to help them find what they’re looking for. As much as possible, make it easy for them by keeping navigation categories and hierarchy exactly the same. There aren’t that many cases where we truly need to provide different navigation options on mobile. Most desktop navigation systems have been extensively tested—we know those categories and labels work, so keep them consistent.

Consistent search

About 60 percent of users say they’d use search to continue a task on another device. Businesses wondering whether “mobile SEO” is necessary should keep in mind that user tasks and goals don’t necessarily change based on the device—in fact, it’s often the identical user searching for the exact information that very same day. It’s frustrating to get totally different results from different devices when you know what you’re looking for.

Handy tools

Users have taught themselves tricks to make their transition between devices go more smoothly—about half of users report that they send themselves a link. Sites that don’t offer consistent URLs are guaranteed to frustrate users, sending them off on a quest to figure out where that link lives. Responsive design would solve this problem, but so would tools that explicitly allow users to save their progress when logged in, or email a link to the desktop or mobile version of a page.

Improved analytics

Mobile analytics is still in the dark ages. Tracking users between devices is challenging—or impossible—which means businesses don’t have a clear picture of how this kind of multi-device usage is affecting their sales. While true multi-channel analytics may be a ways off, organizations can’t afford to ignore this behavior. Don’t wait for more data to “prove” that customers are moving between devices to complete a task. Customers are already doing it.

It’s time to stop imagining that smartphones, tablets, and desktops are containers that each hold their own content, optimized for a particular browsing or reading experience. Users don’t think of it that way. Instead, users imagine that each device is its own window onto the web.


Freelancers, Stop Charging Hourly Rates: How To Guarantee Your Income With Agile Billing


  

For most creative professionals, this story is a familiar one: A client reaches out to you. They need a name, or a logo, or a website, or an app. Actually, they need it all together, and they need it all in a month — well, maybe a month and a half. The initial meetings go well, and they get you a signed contract and a deposit ASAP. You’re ready to start, and your schedule is clear for the next six weeks. And then you get the call.

“We won’t have the content you requested ready for another month.”

“Oh no,” you think. You were actually counting on that second half to pay your rent next month.

Take Control Of Your Finances

You may not be a sole proprietor. Perhaps you run a small boutique firm, or a large ad agency. Even if that’s the case, we all have similar problems: how do we pay our fixed expenses without knowing for sure when we’ll get paid by our clients?

Cash flow is the single most important thing for your business. Without money to pay rent and bills, the business will quickly spiral into Chapter 11. And if you’re a sole proprietor, the stakes are even higher: getting evicted from your office for a late payment is one thing, but if your business is run from a home office, you face the very real prospect of being homeless.

How We Usually Deal With The Cash Flow Problem

The most common way of dealing with uncertain revenue is to start with a lot of money in the bank, or enough credit to take out a loan if necessary. Angel investors, friends and family can help with the former. As designers and developers, we can also create things that bring us passive revenue, although that can become a full-time job in itself — and not necessarily a lucrative one.

Different billing practices require different approaches to ensure cash flow. Some of us charge hourly, while others do fixed per-project fees. The former need to estimate as accurately as possible in order to book enough hours to pay the bills, and some of them end up “churning,” or billing extra hours even if no substantial work is done. The latter must base their estimates on the assumption that every job will take the maximum amount of time possible, and try to work as efficiently as possible.

There’s a serious problem with both of these approaches, however: jobs almost always occupy more of our schedule than we expected.

Delays Cost Money

If the client says they’ll get something to us by Monday, more often than not it will arrive Wednesday, or Friday, or maybe even the following Monday. People are imperfect, and unsurprisingly, our clients have dozens of concerns in addition to our work for them.

We normally deal with this by agreeing to delay the date of the final product by an equivalent number of working days. But what happens when something gets delayed for a month, or two months, or six? We can’t reserve our time for one client indefinitely.

Unfortunately, most work-for-hire contracts do not contain explicit protections against client delays. The AIGA’s “Standard Form of Agreement for Design Services” notes this, but offers little in the way of guidance [emphasis is mine]:

“The danger for you as a businessperson is that an unexpected delay could mean that you’re temporarily unable to produce billable hours. To offset this risk, some creative firms attempt to charge a delay penalty or a restart fee. You may want to raise this issue as a negotiating point. However, most clients are not very receptive to the idea.”

Clients are understandably less than thrilled at the idea of paying to stop work. But that doesn’t mean we can’t protect ourselves against this risk while being up front and fair with our clients.

How To Negotiate A Better Contract

Contract negotiation is extremely difficult. Successful negotiation requires both keen insight into the other party’s needs and desires, as well as an understanding of all of the options available. The best negotiators are also experts at “logrolling“, i.e. trading assets in a negotiation in order to create more value for both parties.

Your initial discussion with a client will set the tone for all of your future negotiations. These talks will inevitably converge on one of two questions.

1. We Want X. How Much Will It Cost?

Anyone who’s ever used a home repair service will tell you to bring in a few people to get estimates before deciding on a contractor. Because we work in a service industry, we should expect the same treatment:

“How much for a website?”

“…What about just a logo?”

Most of our clients have no idea what to spend, for the same reason that we have no idea what to spend on a new roof: we’ve never built a house ourselves. Estimating construction costs is not in our skill set. These questions are the client’s way of sussing out our cost structure.

2. We Have $X. What Can We Get?

In government organizations and academic institutions, money is often earmarked before anyone knows what it will be spent on. Budgets are set aside for “IT”, “marketing” or “advertising”, and the client will have a price ceiling. This doesn’t mean they won’t try to get the best deal — just that they have a limit to their budget that may be less than you’re willing to accept.

Both of the questions above are based on the assumption that creative work can be delivered at a fixed cost. But in practice, each job is a unique problem and takes a variable amount of time to solve. What if, rather than pretending we know exactly what each job will cost, we embraced uncertainty and moved on?

Changing The Conversation

A wise man once said, “If you don’t like what’s being said, change the conversation.” In order for us to protect ourselves and our clients from the inevitable project delays, it helps to finish the initial consultation with a brief chat about our “terms of service.”

Below are my terms for mobile software development. They may inspire you to change your own contract. But whatever your terms look like, make sure they are clear and that you apply them consistently. Writing a Plain English explainer can help quite a bit with this.

Agile Billing Cycles

Instead of worrying about working enough hours or booking enough fixed-bid assignments for the year to pay our bills, we can choose to bill on a weekly, bi-weekly or monthly cycle. The system is based on scrum sprints: two- or four-week blocks of work during which a predetermined set of software features are implemented.

Agile billing addresses the concerns of both clients. Those with a fixed budget know they’ll get all the work their money can buy, and those without one know they won’t pay for more work than necessary. And when a client asks “How much?,” you can give them a range based on how many cycles a project of that size normally takes. If they need a firm number, you’ll need to work out a list of user stories or wireframes with them to determine a fuzzy estimate of how many sprints will be necessary (I use Pivotal Tracker for this).

Cycles are scheduled in much the same way as a magazine ad or sponsorship: weeks are blocked out and purchased in advance. During each cycle, we set aside a certain number of hours per day, part time, during which we make ourselves available to the client. It’s best to keep this to around four to five hours per day, which allows for both administrative overhead and a slight overlap between clients in case a job takes longer than expected. Explicitly limiting availability also prevents last-minute “marathon” sessions, which detract from the end product (and our sanity).

The 20- to 25-hour work week has another important benefit: it enables us to serve a limited number of additional clients on monthly retainers with a much lower time commitment. If a client is unsure about their start date, we can offer to add them to our monthly schedule until they figure it out.

Calling “Time Out”

There’s a big challenge when working on time-based billing cycles, however: clients often shy away from them, because if things take longer than expected, they end up paying for the difference.

Fortunately, we can address their concerns while protecting ourselves from too much exposure. We can allow the client to place a temporary stop-work order one day per week if something on their end takes longer than expected, and then we add those days to the end of the contract if necessary to complete work. This ensures that the client doesn’t shoulder any extra cost in the event of reasonable delays, while protecting our schedule from too much overlap.

Holds, Cancellations and Uncertain Start Dates

Sometimes a project gets cancelled or put on hold. In a “half-up-front, half-on-completion” scenario, mid-project cancellations can cause considerable friction if they happen early and the client feels they are owed some portion of the deposit back.

Freelancers, Stop Charging Hourly And Guarantee Your Income With Agile Billing
Image credits: The Oatmeal.

Agile billing deals with this by allowing clients to cancel a cycle in advance with a variable kill fee depending on how much notice they give. For example, one might allow a client to cancel a two-week cycle one week in advance at a cost of 25%, or up to three days in advance by paying 50%.

In addition, sometimes clients know what they want but aren’t sure exactly when they’ll be able to begin. In these cases, rather than provide free consulting services while they figure out how to proceed, we can offer to add them to our monthly retainer schedule and, in the meantime, assist them in the process with a smaller, more flexible time commitment.

How Much Per Week?

How much you charge per week will depend on multiple factors, including what the market will bear, your own costs, and what your competitors charge for similar services.

How Much Do You Want To Make?

While you should never compete solely on price, talk to a few of your colleagues who freelance to get a sense of what they bill clients. Multiply their hourly rate by around 1000 billable hours per year to get a sense of how much a typical freelance professional in your area bills per annum if they’re booked solid. (If you’re not a sole proprietor, multiply your colleagues’ agency rates accordingly.)

Once you have some realistic figures for comparison, decide how much profit you want to make per year, add your expenses, multiply the sum by 1.5 to account for holidays and low seasons, and divide by 50 to get your weekly rate. If you find that the hourly rate works out to double that of your colleagues’, you may need to revisit your salary expectations or slash some of your expenses.

Closing Thoughts

Most of us are naturally shy about discussing money. But we are professionals, and we merit the same level of financial stability as any other professional. Don’t be afraid to ask for a reasonable billing agreement that guarantees cash flow for you. Your clients, your business and your users will be better off because of it.

Other Resources

  • Design Is a Job, Mike Monteiro
    Monteiro breaks down budgeting, client relations and professional conduct in a well-written, acerbic tract on the business of design.
  • Negotiation Genius, Deepak Malhotra and Max Bazerman
    Two Harvard professors draw on decades of behavioral research and examples to explain the logic behind negotiation strategy.
  • Agile Software Development: A Gentle Introduction,” Don Wells
    A brief introduction to the agile process. While normally associated with software development, agile project management works well in any profession where people deal regularly with uncertainty.
  • Getting Real About Agile Design,” Cennydd Bowles
    Agile isn’t just for developers. This article on A List Apart explains why.
  • Agile Estimating and Planning, Mike Cohn
    Cohn quite literally wrote the book on agile planning for software development.
  • Agile Budgeting: Cash Is King” Jeff Magnusson
    Agile billing’s bespectacled, mathlete cousin, agile budgeting, enables you to keep a rolling estimate of expenses for the next few months, instead of sticking to a monthly or yearly budget.
  • 10 Contracts for Your Next Agile Software Project,” Peter Stevens
    An extended list of the different types of service agreements available. While this article presents them in the context of software, they apply equally to any service industry.
  • How I Went From $100-an-Hour Programming To $X0,000-a-Week Consulting,” Patrick McKenzie
    A good, if incomplete, guide to moving towards higher-paid consulting on a monthly retainer.

(il) (al)


© Benjamin Jackson for Smashing Magazine, 2013.


6 Color Mistakes Made By Web Designers

Screen Shot 2013-01-23 at 1.16.26 PM

For designers color is perhaps one of the most important aspects of web design, some might find it a bit intimidating, some might simply go over the top with color while others just use a horrible mishmash of color that makes no sense. Check out this article for five of the most common mistakes web designers make when it comes to color choice.

Using Colors that don’t Enhance the Overall Message

When choosing a color scheme for a design, there are several questions that should be asked: What does this brand represent? What is the over all theme of this site? What is the target audience? Answers to these questions can help a designer choose colors that not only look good, but enhance the brand and make it easier for visitors to identify with the overall message.

Using Colors that are “Trendy”

I am a strong believer in looking at other designs for inspiration, but this shouldn’t be a primary method for choosing colors. If you frequent enough design galleries, you will definitely notice color trends. At the beginning of this decade, you may remember that it was difficult to find a site that wasn’t using blue and white. Then shortly after, we experienced the “web 2.0″ color palette. Be original with your color selection. Instead of extending the life of a trend, try to set the next one.

Forgetting that People Actually Need to Read the Text

Sometimes web designers can get so caught up in trying to make a site look cool, that they forget content is king. When designing for text, keep in mind that contrast is key. You don’t always have to use black text on white, but keep the contrast high and avoid using colored text on a colored background. Remember if visitors can’t even read your text then how are they supposed to understand your message.

Having a Crutch Color

Yes, choosing a good color scheme is tough, but when you hit that designer’s block, fight the urge to pull out “ole faithful”, that color that you used on your last three designs. Sure, it looks great, but chances are it doesn’t work for every product, service, or company. So, in order to avoid temptation, it may be a good idea to remove this color from your design repertoire all together.

Using too Many Different Colors

Yes color is a good idea, however too many colors will not make a website better. If a designer goes way overboard with color, this can cause a sensory overload, and the visitors are more unlikely to never return. Honestly there is no reason why you should use more than three to four, this is not only more oversee able, but it also shows that you have just some idea of where you are going with the design.

Targeting the Wrong Audience

One of the most important things to remember when designing is your target audience, if you are creating a website selling children’s toys then your color scheme should fit that, bold primary colors would be important for this project, however if you are selling furniture for retirement homes then you should pick colors are more laid back.

The post 6 Color Mistakes Made By Web Designers appeared first on Design Reviver.


  •   
  • Copyright © 1996-2010 BlogmyQuery - BMQ. All rights reserved.
    iDream theme by Templates Next | Powered by WordPress