Wednesday, September 21, 2016

Brittany Chiang Portfolio

I\’m a design-minded, detail oriented web developer passionate about combining beautiful code with beautiful design.


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

Sweet As Cake

Sweet As sell delicious cakes from treats such as brownies and delicious Freak Shakes. The new website allows users to craft their own cake using the \


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

Creative Brackets

Creative Brackets is a Full Service Digital Agency from Sweden. Psst…not so cold as you think it is. Our goal is helping clients improve their business with the right communication over web platforms and networks. We think that good communicatio


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

How Constant UX Benchmarking Helps You Avoid UX Nightmares

If you’ve ever watched any submarine movie – say Crimson Tide, The Hunt for Red October – there’s one sound you’ll ALWAYS hear. That hollow, shimmering ‘PING!.. PING!..’ sound.

Of course, that is the sound of the active sonar that the submarine uses to navigate the deepest, darkest oceans. Each ping radiates out through the water, bouncing off obstacles and sketching out an updated view of the world surrounding the vehicle.

[author_more]

[/author_more]

The sub uses a system of constant testing – if those pings stop, the submarine is effectively blind.

UX testing is not so different.

  • How can a business know if a change to a website or software’s user experience (UX) is having any effect?
  • How can they know if a particular webpage is producing more customer complaints than it used to?
  • How can a business measure the success of any UX design elements?

They must be measured frequently.

A business that is not conducting frequent benchmarking of its UX elements is like a submarine working off a single ‘ping’. They may know some of what is going on around them, but the details will fade quickly and they will have huge trouble dealing with changes.

UX design covers such a wide array of software and website elements that measuring it as a whole can be complicated, but breaking it down into individual elements and measuring those can provide a wealth of valuable information.

Businesses also need to set their UX benchmarks to be able to gauge the success or failure of changes to UX elements. Without a benchmark to measure statistics against, they are relatively worthless. Old benchmarks can be useful information to keep around, but you must update current benchmarks of performance frequently to stay useful.

Know Your Key Metrics

While UX design is still a relatively new concept in the quickly evolving digital world, companies have discovered metrics by which to measure the performance of many of its aspects. Some of these derive from similar aspects of customer experience research and mapping for physical business facets – others are wholly unique to UX.

Depending upon the specific goal a company has in mind, different user experience elements need to be tested and different measurements gathered. If the goal is to increase an element’s performance, they can look at:

  • The change in the number of user errors or customer complaints.
  • Increases or decreases in the element’s ease of use.
  • Changes in the difficulty of learning to use the design aspect.

The goal of increasing software or website exposure is common and can be measured by:

  • Noting changes in the amount of traffic, the number of interactions, and the audience size.
  • Being aware of increases or decreases in visits from repeat customers (customer retention).
  • Marking changes in the amount of visits from new customers (customer attraction).
  • Noting the amount of new traffic coming into a website from search engines.

Use Google Plot Rows to measure UX performance over time. Below is an example of how Google Analytics measures user interactions across various metrics.

[caption id="attachment_139880" align="aligncenter" width="952"]Google Analytics http://ift.tt/2cHqCTt[/caption]

Websites need to be trustworthy if customers are going to conduct business with them. You can measure credibility by noting:

  • Changes in customer satisfaction rates
  • The amount of trust users show in the site
  • Increases or decreases in the number of referral visits (user conversions)

Reducing the resources a website or software needs is always a positive. With that goal in mind, companies should measure:

  • Total development costs
  • Changes in development time
  • Increases or decreases in maintenance, redesign, and other support costs
  • Reductions or growths in essential training requirements
  • Amounts of necessary documentation

Finally, the goal of increased sales can be monitored by measuring changes in the numbers of transactions, purchases, or product sales. You should strive to maintain constant oversight over these key metrics.

Methods of Collecting User Information

The same reasons that UX measurement methods vary so widely necessitate a wide variety of collection methods for user experience data. Different information will come from different sources - statistics on traffic, visits, sales, and other such numerical data can be collected easily enough from simple monitoring tools. However, UX doesn’t just concern itself with statistics.

UX research and design is customer-focused and collecting data on customers can be done by different methods.

Contextual interviewing

Observe user interaction with your website or software. What tasks are they trying to accomplish, and how are they going about doing them? User experience designers can use information gained this way to learn about customer preferences, how tasks are being completed, and other such real-world considerations. Contextual interviews provide companies with feedback on what users think of their services.

Don’t discount focus groups

A script-based method of information collection, focus groups may not catch as many minor measurements as contextual interviews, but they can quickly gather information that companies consider valuable. Focus groups can also be good for initial assessments and answering specific questions.

Know how to prototype

This form of information gathering provides an essential first benchmark for a UX element’s initial performance. Prototyping is not done on its own, but in conjunction with other types of information gathering, in fact, prototyping isn’t so much a method of information gathering as it is a time to gather information before choosing to go ahead with a project.

Conduct thorough A/B Testing

This type of information gathering is used to decide between two or more options. It is the side-by-side or back-to-back comparison between the performance of variations in a website, service, UX element, or software.

The table below is an example of how to track where your users are coming from, how they’re finding you, and which marketing methods are working.

GA

These methods of UX information gathering are best done with real users, but most can also be done with hypothetical target customers.

Continue reading %How Constant UX Benchmarking Helps You Avoid UX Nightmares%


by Stephen Moyers via SitePoint

This Week's HTML5 and Browser Technology News (Issue 258)


Read this e-mail on the Web

FrontEnd Focus

formerly HTML5 Weekly

Google
This isn’t new but a few recommendations in here surprised me (as well as people on Twitter) so you might find Google’s advice both useful and intriguing.


Telerik Developer Network
Annarita Tranfici discusses what has changed since HTML5 was originally released including new HTML elements and other features that are at risk as the spec evolves.


David Gilbertson
These are mostly simple tips but may uncover a few features you hadn’t got around to trying yet. ($0 was a handy one I didn’t know about.)


FRONTEND MASTERS  Sponsored
Pick your skill level and get course suggestions ordered. Choose from four learning paths: Beginner, Intermediate, Advanced & Designers Learning Code.

FRONTEND MASTERS

Google
Google will be supporting modern CSS more thoroughly in Gmail by the end of the month.


Rachel Andrew
A look at creating a login form that uses several alignment properties alongside CSS Grid Layout, enhancing a simpler version using feature queries.


BBC Internet Blog
The BBC’s Lloyd Wallis looks at the challenges the BBC has faced regarding HTML5 media playback as they move away from Flash.


Chris Coyier
Chris Coyier (of CSS Tricks) looks at ways to republish a WordPress blog to Apple News, Facebook’s Instant Articles and AMP.


Jobs

In brief

Curated by Peter Cooper and published by Cooper Press.

Unsubscribe : Change email address : Read this issue on the Web

Published by Cooper Press Ltd. Fairfield Enterprise Centre, Louth, LN11 0LS, UK


by via FrontEnd Focus

Apply Photo Filters With Core Image in Swift

WordPress Development With VVV