Reme Le Hane

AI War: Vengeance Of The Machine, all new content for AI War: Fleet Command is Now Available on Steam and is 10% off*!

The AI’s gotten kind of upset. Somewhere along the way it decided you puny humans need more interesting ways to lose (or win, if you’re one of those people, but who are we to judge). Vengeance of the Machine offers new tools to the player (like Core Turret Controllers) and a new frontal-confrontation victory condition (Showdown Devices), but focuses on enhancing the already-incredible variety of your main opponent: the AI. The possibilities grow exponentially with the addition of the new “Dual Type AI” system (ever wonder what a single AI player would be like with Thief AND Speed-Racer? Find out!), AI Planetary Subcommanders, and Dire Guardians. They say the best stories revolve around an awesome villain, and this expansion takes AI War’s villainy to new heights.

In celebration of the launch of this new DLC, you can also grab all previous AI War titles at 75% off*!

*Offer ends June 24th at 10AM Pacific Time

http://goo.gl/Qvn8Z Reme Le Hane

NASCAR The Game: 2013 is Now Available for Pre-Purchase on Steam and is 10% off until launch! Additionally, Pre-Purchase now and gain instant access to the ongoing Single-Player Beta!

NASCAR The Game 2013 is the 1st title in the series available on Steam and PC, featuring all the official drivers, teams and tracks from the official NASCAR Sprint Cup Series Championship. Delve into the most authentic NASCAR experience with eye-opening graphics, competitive AI and the most robust multiplayer support system yet. Work towards the ultimate prize, being crowned the Sprint Cup Series Champion and for the first time, experience the intense, thrilling action from behind the wheel of a Gen 6 model stock car.

http://goo.gl/dzDOf Reme Le Hane

Save up to 75% on new Week Long Deals on Steam, available now until June 24th at 10AM Pacific time!

http://goo.gl/y3Rhi Reme Le Hane

Today’s Deal: Save 66% on Forge!*

Look for the deals each day on the front page of Steam. Or follow us on twitter or Facebook for instant notifications wherever you are!

*Offer ends Monday at 10AM Pacific Time
http://goo.gl/TlS3R Reme Le Hane

You’ve just created the best user experience ever. You had the idea. You sketched it out. You started to build it. Except you’re already in trouble, because you’ve forgotten something: the copy. Specifically, the microcopy.

Microcopy is the text we don’t talk about very often. It’s the label on a form field, a tiny piece of instructional text, or the words on a button. It’s the little text that can make or break your user experience.

If you think you’ve built the best user experience but didn’t make sure the microcopy was spot on, then you haven’t built the best user experience.

With the adoption of agile development and lean UX, we’re often concerned about racing through iterations and getting our products in front of customers. But we can’t forget that design is still about words.

Everyone frets about marketing copy — and they should — but communication doesn’t stop once you’ve sold the user. In some ways, you could argue that words become more important once the marketing experience is done. With most products, users have to be sold to only once — or once in a while — and then they’ll use the core product all the time.

If your microcopy isn’t getting the job done, you’ll lose users — and all the marketing in the world might not get you a second chance.

With that in mind, here are five ways to make sure your website’s microcopy doesn’t end up sinking your UX.

1. Get Out Of Your Own Head And Get To Know The User.

I’m willing to bet that your experience is plastered with internal terminology, especially your labels and navigation. Every company has its own language, which often sneaks onto the website when we’re not careful.

Don’t let it happen. Never assume that what works for you will work for the user.

Here’s a simple way to check whether your microcopy is too internal — or confusing, for that matter.

Let’s assume that you’re running some form of usability testing. (If you’re not, there’s only about a thousand articles out there that will convince you you’re making a mistake, so you don’t need me for that.)

When you’re testing, you probably get caught up in watching how the user interacts with your website and their facial expressions. But instead of simply watching, make a point to really listen to — and take notes on — the actual words the user says during testing. Listen closely to the phrases they utter when describing their actions. After all, you’ve told them to think out loud.

Listen to the inflection in their voice as they read microcopy: Did they say that label or term with a question in their voice? Don’t hesitate to have your moderator follow up on copy. Have them go back and ask the user whether they’ve understood that label.

Take it a step further: Listen to what users say from the moment they walk in the building. Listen to their banter with the moderator, the jokes they make and the words they use to express their frustration or enjoyment.

You’d be surprised by what you can learn about a user and their language set from a comment they make about a cup of coffee. Everything someone says tells you something about them and can inform your copywriting process.

2. The User Is A Person. Talk To Them Like One.

Because brevity is essential on the Web, most of us tend to truncate everything — particularly labels. Labels are great for design. They organize and keep tidy essential parts of a UI, such as navigation and forms.

Unfortunately, labels have an inherent problem: They’re easily subject to a user’s personal context because they don’t provide explanation. They’re on an island in the user’s mind.

Not too long ago, we encountered this problem with a label at TheLadders.

TheLadders is a job-matching service. Like any matching service, we required information to match a user with the right job.

We thought this form was very clear. “Job Goals” is the label we’ve used for our matching criteria for almost 10 years. It’s brief, which helped to keep the navigation neat. But in a recent redesign, we noticed that users kept stumbling when first arriving on the page.

Turns out that people who don’t work in the job-search industry think of job goals as accomplishments they hope to achieve at their job, not as the _details_ of their next job.

(We also fell into the trap covered in the first point: internal terminology = bad.)

So, we made it more conversational: “What job do you want?” Instantly, we could see that users no longer hesitated. Why? Because taking this new line of copy out of context was impossible.

Instead of forcing a label on a form or field for the sake of the UI, use natural language. The experience should be a conversation with the user, not a filing cabinet for them to drudge through.

Most of all, the labels in the navigation shouldn’t be more important than the user’s interaction with the pages that the labels represent.

3. Use Copy As A Guide, Not A Crutch.

“We can fix that with copy.”

I’ve heard this too many times when the UX falls short, and I hate it. If there’s a problem with the design, then fix the design. The best experiences have minimal copy because they’re intuitive. When designing the UX and you find yourself writing a sentence or two to help the user take an action, step back.

Tests have been conducted on readability and on the optimum length of content for understandability since the 1880s. With the rise of the Internet, this story became about line length. Most sources net out between 45 to 75 characters as the ideal line length.

To me, line length is moot, especially with responsive and mobile design. Besides, character counts seem tedious and not very lean.

Instead, I subscribe to the original readability tables of Rudolf Flesch (pictured below), in which sentences with eight words or fewer are regarded as “very easy” to read.

_The readability tables of Rudolf Flesch._

It may be an old standard, but it still may be the best measuring stick we have, and it’s the easiest for lean teams to follow. On the Web, we’re shooting for “very easy to read” every time, and we want to be able to communicate with as many people (93%) as possible.

If you can’t explain what a user needs to do in eight words or fewer, then reconsider the design.

Once the user has gotten past the marketing portion of the experience, use copy as a guide to usher them through the product. The best copy on basic UI features, such as a form, will get read but not really noticed. The user absorbs the words and takes the desired action without a hiccup.

4. Treat Every Moment Like A Branding Moment, Even When It’s Not.

There are multiple definitions of a “branding moment.” When we talk about copy in a UX, I define it as a moment when you purposefully inject your brand’s tone and voice into what would normally be a straightforward user interaction.

For example, Foursquare has a lot of great branding moments within its badging system. I unlocked the one below not too long ago. It’s fun and a bit edgy, on point with Foursquare’s brand.

_A good job of a branding moment with Foursquare’s brand._

But getting carried away is easy. Think hard before using fun or quirky — or whatever your brand’s voice is — copy in a situation that the user wants and expects to be straightforward.

Your brand’s tone and voice are essential to consider when writing all of your copy, but it should not get in the way of a user who is trying to take action.

Avoid over-branding copy on:

* navigation,
* forms and field labels,
* instructional text,
* selection text (drop-downs, radio buttons),
* buttons.

Consider incorporating your brand’s voice in:

* confirmation messaging,
* rewards (badges, points),
* 404 pages,
* server errors,
* error messaging.

The difference between these lists is simple. In the first list, the user is attempting to take action; the second list is the results of actions.

In the first list, you don’t want to risk confusing users as they try to accomplish something and cause them to abandon. Clarity is essential.

In the second list, you have an opportunity to embrace the user’s success (Foursquare’s “You’re on fire!”) or mitigate a failure (TheLadders 404 page, below) by injecting your brand. You don’t need anything from the user at these points.

_TheLadders 404 page._

This isn’t to say that you can’t brand that first list. But if you’re going to do it, test it first. With branding moments, execution is paramount. If you’re unsure, don’t risk it.

By choosing _not_ to brand parts of the experience to keep it simple and easy for the user, you’ll provide an enjoyable experience, which will make your brand stronger. So, every moment is a branding moment. Even when it’s not.

5. If Content Is King, Then Treat Context Like A Queen.

The hot saying right now is “_Content_ is king.” Native advertising, or the integration of relevant content into a natural experience for the purpose of acquisition, is becoming a core offering of many agencies and has spawned a few popular startups.

But without context, content is useless. (And if you’re big on Game of Thrones, then you’ll know that queens have all the real power!)

Whether you’re labeling a form or writing a blog post, you have to either understand the user’s existing context or provide context for them.

A user’s context will define how they interpret the copy on the page. That context could come from anywhere: an email they’ve just read, or something that happened to them when they were eight.

When a user doesn’t have proper context, they get confused. When a user gets confused, they abandon.

If you’re agile and iterative, accounting for a holistic experience adds an additional layer of complexity, in the form of consistency. A simple change to copy on one page could affect 10 other pages. One minute you’re calling something “Job Goals,” and the next you’re changing it to “What job do you want?” Well, where else have you used “Job Goals”?

To better understand the user’s context — and to check for consistency — sit down at least once per iteration and experience your “contextual flow” as the user sees it.

For example, if you have a subscription service, the flow might be something like this:

That’s at least 10 distinct steps in which a user’s context could be created, confirmed or altered.

Sit down, take a breath and wipe your mind of what you know is there. Then start with Google or your home page or wherever the first touch usually happens.

Does your onboarding experience deliver the same promise as your Google ad? Have you described a feature using the same language throughout? Are your labels so subjective that the context gets lost? These are questions to answer as you go through the flow.

Whatever Happens, Don’t Ignore Your Microcopy.

Microcopy often falls victim to personal bias, internal terminology, poor branding, broken contextual flows, time crunches and other factors. Any of these can undermine even the most well-designed UX and the copy within.

Here’s the thing about mistakes with microcopy: They’re so easy to make yet so hard to identify after you’ve made them.

You have a much better chance of stopping the mistakes in advance than of identifying them after the fact. When you’re testing, how often do you think, “Hey, maybe we should change the label on the third field of this form?” You’re wrapped up in other UX mistakes that you know you’ve made. Unfortunately, a repeated pattern of noticeable failure is usually needed in order for microcopy to get updated or even tested.

So, the next time you’re creating or improving an experience, I hope you employ some of the tactics provided here so that you avoid these “easy” mistakes and do right by your microcopy — and by your user.

_(al)_
—-

© Bill Beard for Smashing Magazine, 2013. http://goo.gl/PXISt Reme Le Hane

Today we are pleased to feature a set of 200 useful and beautiful foodie icons. This freebie was created by the team behind Freepik, and at the time of writing it’s the largest set of food icons available on the web in one pack.

The 200 Foodie Pack includes 200 customized icons available in PNGs (32×32px, 64×64px, 128×128px), as well as in AI, EPS and vector format. Perfect for any projects around gourmet, food, restaurant, gastronomy and the like. Enjoy!

_Large preview_

Download The Freebie!

You may freely use it for both your private and commercial projects without any restrictions, including software, online services, templates and themes.

* Download the foodie pack (zip, 3.94 Mb)

Behind The Design

Here are some insights from the design team:

“At Freepik we love to make freebies and to develop free icons sets for designers that make work easier. The pack was created to neutralize the growing demand for food icons.”

Many thanks to the creative minds behind Freepik! We really appreciate your efforts!

_(ea)_
—-

© The Smashing Editorial for Smashing Magazine, 2013. http://goo.gl/Dnk6H Reme Le Hane

The Ultimate Pack, all new content for Alliance of Valiant Arms is Now Available on Steam and is 25% off*!

The Ultimate Pack gives you the choice to play with one of the best weapons for each classes: Pointman, Rifleman or Sniper. Try them out, tweak them, make some kills and decide what kind of soldier you really are!

*Offer ends June 24th at 10AM Pacific Time

http://goo.gl/9tMzX Reme Le Hane

Today’s Deal: Save 50% on Antichamber!*

Look for the deals each day on the front page of Steam. Or follow us on twitter or Facebook for instant notifications wherever you are!

*Offer ends Monday at 10AM Pacific Time
http://goo.gl/zdwXB Reme Le Hane

Today’s Deal: Save 75% on The War Z!*

Look for the deals each day on the front page of Steam. Or follow us on twitter or Facebook for instant notifications wherever you are!

*Offer ends Monday at 10AM Pacific Time
http://goo.gl/wDJm1 Reme Le Hane

VISUALS
- Updated Puck’s face
- Updated Brewmaster’s face

GAMEPLAY
- Axe: Fixed Berserker’s Call bonus armor being dispellable
- Batrider: Fixed Flamebreak being a constant 300 knockback distance instead of a variable amount (10->400) based on the distance from the center of the blast
- Beastmaster: Fixed Turn Rate on Beastmaster’s Hawk and Boar being slightly too low
- Bloodseeker: Fixed Bloodrage cast range (600->800)
- Brewmaster: Fixed Earth Primal Split Boulder manacost
- Chaos Knight: Fixed Reality Rift bonus damage sometimes proccing multiple times if you attack more than once in 1.2 seconds
- Drow: Fixed a rare bug with Trueshot Aura that could cause it to not give bonus damage
- Elder Titan: Fixed Ancestral Spirit legacy keys not working
- Jakiro: Fixed Liquid Fire damage interval happening every 1 second instead of every 0.5 seconds
- Juggernaut: Fixed some vision issues with Omnislash
- Huskar: Fixed Burning Spears counter logic getting forgotten when purged
- Invoker: Fixed Ice Wall not slowing units like Golems, Familiars, and Primal Split units
- Io: Fixed the initial Relocate not being interrupted if Io was only disable in the cast time but not when the teleportation happened
- Io: Fixed the initial Relocate not getting interrupted by Root debuffs (Ensnare, Overgrowth, etc)
- Io Fixed Relocate not revealing FoW for enemies
- Io: Fixed Relocate not showing the initial visual effect on the ground for enemies (only showed ping)
- Io: Fixed being able to return Tether Relocate with a different set of targeting rules than the initial direction (no longer allowed to return relocate a creep)
- Io: Fixed Overcharge missing a 2 second toggle cooldown
- Lifestealer: Fixed allied cast Infest killing the creeps and healing you
- Lone Druid: Fixed Battle Cry not having an aoe limit (should be 1000)
- Medusa: Fixed Mystic Snake not jumping to magic immune units
- Nature’s Prophet: Fixed being able to use Teleporation while rooted
- Nyx Assassin: Fixed Spiked Carapace charge not getting used when hurt by an invulnerable source
- Razor: Fixed Unstable Current not purging off Repel
- Shadow Fiend: Fixed casting subsequent Shadowrazes being too slow
- Slark: Fixed Shadow Dance passive buff icon updating on hero proximity while dead
- Slark: Fixed Pounce sometimes causing an allied Flaming Lasso to end early.
- Spectre: Fixed Spectre Illusions benefiting from the damage reduction portion of Dispersion
- Tidehunter: Fixed Kraken Shell working while Doomed
- Timbersaw: Fixed Timberchain ending prematurely with Stone Gaze, Diffusal Blade, etc
- Treant Protector: Fixed Living Armor being castable on magic immune allies
- Undying: Fixed Zombie units losing HP with Soul Rip

- Fixed Truestrike causing you to be unable to miss against Towers
- Fixed Roshan missing the final 500 hp/10 dmg upgrade later in the game
- Fixed Backswing behavior with Rupture, Viscous Nasal Goo, Fissure, Decay and Earthshock
- Fixed truesight being unable to be applied to sleeping/invulnerable units
- Fixed Filler buildings having no armor
- Fixed Neutral’s Frost Armor slow affecting magic immune enemies

UI
- Added Quick Cast option to Game menu: causes all abilities to cast immediately upon keypress (with autocast key), targeting the cursor’s current position
- Improved UI feedback and functionality when connection to the DOTA network is lost or has not yet been established.
- Client no longer waits for connection to the DOTA network before allowing access to the UI. Features that do not require this connection are accessible.
- You can now hold control when pinging to send a “caution” ping instead.
- Added Aegis reclaim and Roshan respawn timers to the spectator popups.

AUDIO
- Added Ownage sounds to Storm Spirit, Axe, Nature’s Prophet, and Juggernaut Killing Spree announcers.
- Added distant tower destruction sounds.
- Added Mortal Strike sfx.
- Fixed sync on Freezing Field.

COMMUNITY
- Fixed bug allowing reports outside of matches in certain contexts
- Players receive an additional report submission if someone they report subsequently receives a communication ban

PERFORMANCE
- Fixed an intermittent crash on some particle effects like medusa’s ultimate http://goo.gl/onmQo Reme Le Hane