Group items tagged

Authorship photos might cause people to assume that the page is an article or a blog post rather than a product page.

most pages can be optimized by including images that serve as visual cues for where visitors should look next.

Relying on the screen above “the fold” to do all of the heavy lifting is one of the biggest usability mistakes you can make. The idea that it is the only place web users will browse is a complete myth.

79 percent of our test users always scanned any new page they came across; only 16 percent read word-by-word. (Update: a newer study found that users read email newsletters even more abruptly than they read websites.)

Web pages have to employ scannable text, using highlighted keywords (hypertext links serve as one form of highlighting; typeface variations and color are others) meaningful sub-headings (not "clever" ones) bulleted lists one idea per paragraph (users will skip over any additional ideas if they are not caught by the first few words in the paragraph) the inverted pyramid style, starting with the conclusion half the word count (or less) than conventional writing

“If you’re designing a website and not thinking about the user experience on mobile and tablets, you’re going to disappoint a lot of users,” he warns. Designer Tom Muller thinks big brands getting on board will lead to agencies “increasingly using responsive design as a major selling point, persuading clients to future-proof digital marketing communications”. When doing so, Clearleft founder Andy Budd believes we’ll see an end to retrofitting RWD into existing products: “Instead, RWD will be a key element for a company’s mobile strategy, baked in from the start.” Because of this, Budd predicts standalone mobile-optimised sites and native apps will go into decline: “This will reduce the number of mobile apps that are website clones, and force companies to design unique mobile experiences targeted towards specific customers and behaviours.”

During 2012, the average site size crept over a megabyte, which designer/developer Mat Marquis describes as “pretty gross”, but he reckons there’s a trend towards “leaner, faster, more efficient websites” – and hopes it sticks. He adds: “Loosing a gigantic website onto the web isn’t much different from building a site that requires browser ‘X’: it’s putting the onus on users, for our own sakes.”

Designer and writer Stephanie Rieger reckons that although people now know “web design isn’t print,” they’ve “forgotten it’s actually software, and performance is therefore a critical UX factor”.

Defining Skeuomorphism This obscure word describes the way designs often borrow a particular feature from the past, even when the functional need for it is gone. Examples include pre-recorded shutter noises on smartphones to remind us of film cameras, or calendar apps that feature torn paper and metal rings. Or, as Wikipedia tells us [1]: A skeuomorph is a physical ornament or design on an object copied from a form of the object when made from another material or by other techniques.

the digital world has seen skeuomorphism popularized in the past couple years mainly thanks to the recent iOS-inspired trend of rich textures and life-like controls.

By opposition, the other side of the coin would be the newly popular "flat style", of which Microsoft's Metro UI is probably the main example. Flat Style embraces visual minimalism, eschewing textures and lighting effects for simple shapes and flat colors.

Addictive technology creates “internal triggers” which cue users without the need for marketing, messaging or any other external stimuli.  It becomes a user’s own intrinsic desire. Creating internal triggers comes from mastering the “desire engine” and its four components: trigger, action, variable reward, and commitment.

A company that forms strong user habits enjoys several benefits to its bottom line. For one, this type of company creates “internal triggers” in users. That is to say, users come to the site without any external prompting. Instead of relying on expensive marketing or worrying about differentiation, habit-forming companies get users to “self trigger” by attaching their services to the users’ daily routines and emotions. A cemented habit is when users subconsciously think, “I’m bored,” and instantly Facebook comes to mind. They think, “I wonder what’s going on in the world?” and before rationale thought occurs, Twitter is the answer. The first-to-mind solution wins.

A multi-screen world, with ad-wary consumers and a lack of ROI metrics, has rendered Don Draper’s big budget brainwashing useless to all but the biggest brands. Instead, startups manufacture desire by guiding users through a series of experiences designed to create habits

Gaze patterns users commonly exhibit and accommodating these behaviors F-pattern Layer Cake Pattern Bypassing Pattern Spotted Pattern Commitment Pattern Scanning vs. reading, why people do it, and how to drive user behavior with your design

Kick effect: People look at the last result on a SERP before leaving the page. (The tenth organic result, on a page of 10 results, is the lowest result looked at in 12% of cases versus 7% combined for the seventh, eighth, and ninth results. In 59% of cases people looked no farther than the third organic result.)

Other patterns such as skipping, backtracking, love at first sight, zigzag, re-acclimating, and bypassing

This dominant reading pattern looks somewhat like an F and has the following three components: Users first read in a horizontal movement, usually across the upper part of the content area. This initial element forms the F's top bar. Next, users move down the page a bit and then read across in a second horizontal movement that typically covers a shorter area than the previous movement. This additional element forms the F's lower bar. Finally, users scan the content's left side in a vertical movement. Sometimes this is a fairly slow and systematic scan that appears as a solid stripe on an eyetracking heatmap. Other times users move faster, creating a spottier heatmap. This last element forms the F's stem.

The F viewing pattern is a rough, general shape rather than a uniform, pixel-perfect behavior.

Users won't read your text thoroughly in a word-by-word manner. Exhaustive reading is rare, especially when prospective customers are conducting their initial research to compile a shortlist of vendors. Yes, some people will read more, but most won't. The first two paragraphs must state the most important information. There's some hope that users will actually read this material, though they'll probably read more of the first paragraph than the second. Start subheads, paragraphs, and bullet points with information-carrying words that users will notice when scanning down the left side of your content in the final stem of their F-behavior. They'll read the third word on a line much less often than the first two words.

100 characters is the engagement sweet spot for a tweet. 

a spike in retweets among those in the 71-100 character range—so-called “medium” length tweets. These medium tweets have enough characters for the original poster to say something of value and for the person retweeting to add commentary as well.

the ultra-short 40-character posts received 86 percent higher engagement than others.

Often when innovation is the goal, there’s pressure to create an original product with an unusual name. But sometimes following a completely obvious path is an effective, albeit counterintuitive, way to achieve a design that is easy to use and ultimately popular. Take, for instance, Facebook’s design approach. On Facebook.com, which will likely soon have one billion global users, all of the company’s successful features -- “Photos,” the “Like” button -- have names that are less about clever and more about direct, descriptive utility. And doing the obvious is not just what Facebook does in the arena of naming and branding. The company has been working on bringing real-world human actions and interactions in an online social context. People share photos in real life. They tell their friends what they like. They share information. Facebook is simply creating software and interface design that replicate these aspects and then naming them in the clearest way possible, almost to the point of where they don’t seem named at all. The result is proven usability and immense popularity.

Understanding the unarticulated needs of a product user, anyone interacting with a service, or even a team that converges in a space to collaborate and solve problems, enables solutions that inspire, surprise, and surpass expectations.