We’re Blend Commerce

Contact our team using the options below

hello@blendcommerce.com
+44 (0) 1789 765 822
+1 (833) 456-4236

Courtyard Offices, 55 High St, Alcester B49 5AF

Search our shop

    We’re Blend Commerce

    Getting in Touch

    Contact our team using the options below

    hello@blendcommerce.com
    +44 (0) 1789 765 822
    +1 (833) 456-4236

    Courtyard Offices, 55 High St, Alcester B49 5AF

    What are User Expectations in Design

    When we say "Expectations", in the simplest terms, we mean the user's ability to predict what will happen next. This concept may seem similar to consistency, however, there is a difference between them. While consistency is a combination of what you feed to the user visually and functionally to get them used to what your store looks and behaves like, the user's expectations come from past experience with other sites and the context you provide on your site.

    How to Meet a User's Expectations

    Use of standard solutions and following the norms

    As users navigate through a variety of different sites, standards and patterns start to appear and by doing this, users start learning those standards and patterns and then want to expect them in other scenarios.

    For example, one of those standards is the hamburger menu icon used in (mostly) mobile navigation. Changing this to an icon that is completely unrelated or hard to associate with the menu can cause confusion and frustration. This is why it is important to recognise and use the standard norms as they help us align with what users expect.

    Goat Milk Stuff Log In Page

    Goat Milk Stuff (one of our clients) uses commonly used and easily recognisable icons.

    Providing context

    Context is important to the users because it allows them to predict what will happen after taking a certain action. If we take a button as an example, the context we provide here is in the label on the button. If it clearly says "Shop Best Sellers" it is a clear action that a user can confidently take. If on the other hand, a button says "Let's go" it might be hard for a user to understand exactly what this action does. In that case, the best way to help users would be to label the button clearly. However, sometimes the use of unconventional language might be a part of your brand. Then, you can supply the context by adding a paragraph or a heading close to the button. That being said, we will always try to opt for a clear CTA.

    Examples of providing context

    Button labels - a good call to action is a clear call to action. That eliminates confusion. Text fields - placeholders within text fields should always be relevant and helpful to whoever fills out the form. That reduces friction. Captions and descriptions - photos without captions can sometimes seem out of place and confusing, just like products without descriptions. Adding those helps users understand the context better. It also helps with SEO.

    Tips For Exceeding User Expectations

    When coming to labeling any kind of button, keep in mind to not tell your users what to do. If you’re having to tell a user to click on the button, then there must be something wrong with the user experience.

    Click Button Comparison

    You shouldn't have to tell your user that a button is clickable. You should show it to them.

    This is also apparent with telling users to scroll down. Have you noticed some sites that tell you to scroll or have a computer mouse icon? Again this is considered a bad practice, too. Why should you tell your users to scroll?

    Why is it Important to Deliver Against User Expectations?

    User Expectations are strongly connected to their past experiences, and in hindsight one of the reasons why it’s also named User Experience. But with users surfing other sites or applications as well as the context you provide on your website it needs to be still clear and consistent enough for your users to navigate where they need to without them having to make a hard decision There are norms and standards in web design that came from years of testing and finding what works best for humans. Following those norms will make it easier for users to interact with your site as there will be familiar elements that users can set realistic expectations from.

    Labels and information you provide on your site can also help give users more context that will make their interaction even easier.

    Why not check out our next blog, ‘UX Best Practice of Expecting Unexpected’ and learn more about how to implement UX best practice into everything that you digitally do.

    You can also sign-up for our newsletter today and keep up to date with our 12 days of UX. You don’t want to miss these!

    About the author

    Wojciech, UI/UX Designer

    Wojciech

    UI/UX Designer

    Wojciech has a keen eye for design for and great knowledge of the development world too. His main responsibilities at Blend is the continuous improvement work for our clients, documenting UI/UX audits and joint Brand Ambassador to Blend. He brings fresh and unique ideas and contributes these to our ever growing list of Growth Partnership clients.

    Let's achieve better Shopify store performance. Together.

    We help clients achieve significant results. On average, clients who work with Blend on design & development projects for their Shopify store achieve these results after 3 months: