Skip to main content
Redhat Developers  Logo
  • Products

    Featured

    • Red Hat Enterprise Linux
      Red Hat Enterprise Linux Icon
    • Red Hat OpenShift AI
      Red Hat OpenShift AI
    • Red Hat Enterprise Linux AI
      Linux icon inside of a brain
    • Image mode for Red Hat Enterprise Linux
      RHEL image mode
    • Red Hat OpenShift
      Openshift icon
    • Red Hat Ansible Automation Platform
      Ansible icon
    • Red Hat Developer Hub
      Developer Hub
    • View All Red Hat Products
    • Linux

      • Red Hat Enterprise Linux
      • Image mode for Red Hat Enterprise Linux
      • Red Hat Universal Base Images (UBI)
    • Java runtimes & frameworks

      • JBoss Enterprise Application Platform
      • Red Hat build of OpenJDK
    • Kubernetes

      • Red Hat OpenShift
      • Microsoft Azure Red Hat OpenShift
      • Red Hat OpenShift Virtualization
      • Red Hat OpenShift Lightspeed
    • Integration & App Connectivity

      • Red Hat Build of Apache Camel
      • Red Hat Service Interconnect
      • Red Hat Connectivity Link
    • AI/ML

      • Red Hat OpenShift AI
      • Red Hat Enterprise Linux AI
    • Automation

      • Red Hat Ansible Automation Platform
      • Red Hat Ansible Lightspeed
    • Developer tools

      • Red Hat Trusted Software Supply Chain
      • Podman Desktop
      • Red Hat OpenShift Dev Spaces
    • Developer Sandbox

      Developer Sandbox
      Try Red Hat products and technologies without setup or configuration fees for 30 days with this shared Openshift and Kubernetes cluster.
    • Try at no cost
  • Technologies

    Featured

    • AI/ML
      AI/ML Icon
    • Linux
      Linux Icon
    • Kubernetes
      Cloud icon
    • Automation
      Automation Icon showing arrows moving in a circle around a gear
    • View All Technologies
    • Programming Languages & Frameworks

      • Java
      • Python
      • JavaScript
    • System Design & Architecture

      • Red Hat architecture and design patterns
      • Microservices
      • Event-Driven Architecture
      • Databases
    • Developer Productivity

      • Developer productivity
      • Developer Tools
      • GitOps
    • Secure Development & Architectures

      • Security
      • Secure coding
    • Platform Engineering

      • DevOps
      • DevSecOps
      • Ansible automation for applications and services
    • Automated Data Processing

      • AI/ML
      • Data Science
      • Apache Kafka on Kubernetes
      • View All Technologies
    • Start exploring in the Developer Sandbox for free

      sandbox graphic
      Try Red Hat's products and technologies without setup or configuration.
    • Try at no cost
  • Learn

    Featured

    • Kubernetes & Cloud Native
      Openshift icon
    • Linux
      Rhel icon
    • Automation
      Ansible cloud icon
    • Java
      Java icon
    • AI/ML
      AI/ML Icon
    • View All Learning Resources

    E-Books

    • GitOps Cookbook
    • Podman in Action
    • Kubernetes Operators
    • The Path to GitOps
    • View All E-books

    Cheat Sheets

    • Linux Commands
    • Bash Commands
    • Git
    • systemd Commands
    • View All Cheat Sheets

    Documentation

    • API Catalog
    • Product Documentation
    • Legacy Documentation
    • Red Hat Learning

      Learning image
      Boost your technical skills to expert-level with the help of interactive lessons offered by various Red Hat Learning programs.
    • Explore Red Hat Learning
  • Developer Sandbox

    Developer Sandbox

    • Access Red Hat’s products and technologies without setup or configuration, and start developing quicker than ever before with our new, no-cost sandbox environments.
    • Explore Developer Sandbox

    Featured Developer Sandbox activities

    • Get started with your Developer Sandbox
    • OpenShift virtualization and application modernization using the Developer Sandbox
    • Explore all Developer Sandbox activities

    Ready to start developing apps?

    • Try at no cost
  • Blog
  • Events
  • Videos

Seven must try user experience tactics for developers

July 7, 2016
Tiffany Nolan
Related topics:
Developer ToolsOpen source
Related products:
Red Hat Enterprise Linux

Share:

    Users have higher expectations than ever from applications. Your website or application has only 10 seconds to make a good impression, and only 20 min to help your users achieve a goal where they feel successful.

    How many of you are developers? (99% are developers in DevNation 2016 audience) How many of you have worked with a UX designer? (40% have worked with a UX designer). Regardless of whether you have a designer or not, you are responsible either alone or as part of the team for making your user experience excellent.

    Learning UX will make you a better developer, and make sure that you spend your development effort in the areas that have the biggest impact on your users. Here are seven tactics you can try on your applications to not only meet, but exceed your users’ expectations.

    1. User stories

    “As a <user type> I want <feature> so <reason>” Understanding the ‘who’ (user type), and the why (reason) can influence the way that you implement your feature drastically. To get to user stories, start by agreeing on personas → epic → user story. Personas are exemplar users that help you and your team discuss your user types in a shared language. Epics are major areas of functionality that persona would want to accomplish. You can then move into the user stories that are small enough to start building from.

    2. Sketching

    Before you start coding, quickly and easily explore design options through sketching. You don’t have to be an artist to make an effective sketch, and if you get up to the whiteboard others will join to make a much more collaborative discussion about how your app should work. Remember that you want to iterate because your first idea is rarely your best. ‘Don’t go with your gut’, instead use divergent thinking to get all good and bad ideas out there and build on each other. After a while, you can start converging on the ideas that seem to have merit.

    3. User flows

    User Flows map how the user performs their tasks. You want to use these to get stakeholder buy-in early. One of the top reasons why projects fail is no stakeholder buy in, and this can help you resolve that. Like sketching, create user flows before any coding. While making user flows, you want to solve the problem without technology restrictions (blue sky). Boxes and arrows are fine. Your goal is to optimize the task.

    4. Move away from the data table!

    They create information overload because you are leaving it up to your user to distinguish between information that is all presented at an equal level. If you consider other alternative layouts, such as cards or rich lists, your application can make decisions based on what you want your user to see first, or what is most important to them based on user testing to accomplish their task.

    5. Whitespace

    The amount of space between elements. It gives content breathing room and balance, and also improves readability. Whitespace can help you show content prioritization and hierarchy, allowing you to drive your users through the content from most important to least important. Whitespace doesn’t have to be white! Use background colors or imagery, just make sure your main content is broken up and given breathing room.

    6. Guerrilla testing

    Guerrilla testing is ad hoc user testing. If you as a developer spend 10 minutes testing your application, it will save 10 days of re-coding. When you’re testing in this style, you just take your sketches or a working application and put it in front of other humans. They don’t have to be your target users, what you are looking for is feedback on your design decisions. Just seeing how people track through your application, even without domain knowledge, can help your design be better. To do this style of testing, be casual. Ask your user to do a simple task, and then listen, don’t talk. The more you talk, the more you are likely biasing your users. This is not a product demo. It is watching and observing the usage of your app. Record if possible, the feedback comes fast and furious!

    7. User feedback

    It’s not over once the solution is live, in fact it’s just the beginning. This is an opportunity to talk to your users, create a community, and show interest. Provide tools for feedback, bugs and issues. As you create a method of gathering this feedback, think about the details you need to solve an issue. Asking your user to attach an image of what they are seeing for example can be a great way to gain better context without having to ask each user for reproduction steps. We highly suggest that you consider exposing feedback to a wider audience - this is an opportunity to show that you are listening and care about your users. It also creates a community feel if you can allow others to see the feedback, vote on it, or otherwise comment. Don’t be afraid to follow up with the user who posts feedback. They took time out of their day to provide you help, they are likely willing to give you more help if you have questions.

    Parting thoughts

    These are just a few tricks to introduce you to some core concepts of user experience and design thinking, and we hope we’ve whetted your appetite for more! Every developer can become a better developer by adopting a few of these practices, and we hope these help you meet the expectations from your users in a more reliable way.

    Last updated: September 5, 2023

    Recent Posts

    • How Kafka improves agentic AI

    • How to use service mesh to improve AI model security

    • How to run AI models in cloud development environments

    • How Trilio secures OpenShift virtual machines and containers

    • How to implement observability with Node.js and Llama Stack

    Red Hat Developers logo LinkedIn YouTube Twitter Facebook

    Products

    • Red Hat Enterprise Linux
    • Red Hat OpenShift
    • Red Hat Ansible Automation Platform

    Build

    • Developer Sandbox
    • Developer Tools
    • Interactive Tutorials
    • API Catalog

    Quicklinks

    • Learning Resources
    • E-books
    • Cheat Sheets
    • Blog
    • Events
    • Newsletter

    Communicate

    • About us
    • Contact sales
    • Find a partner
    • Report a website issue
    • Site Status Dashboard
    • Report a security problem

    RED HAT DEVELOPER

    Build here. Go anywhere.

    We serve the builders. The problem solvers who create careers with code.

    Join us if you’re a developer, software engineer, web designer, front-end designer, UX designer, computer scientist, architect, tester, product manager, project manager or team lead.

    Sign me up

    Red Hat legal and privacy links

    • About Red Hat
    • Jobs
    • Events
    • Locations
    • Contact Red Hat
    • Red Hat Blog
    • Inclusion at Red Hat
    • Cool Stuff Store
    • Red Hat Summit

    Red Hat legal and privacy links

    • Privacy statement
    • Terms of use
    • All policies and guidelines
    • Digital accessibility

    Report a website issue