• Blog
  • Info Support
  • Career
  • Training
  • International Group
  • Info Support
  • Blog
  • Career
  • Training
  • International Group
  • Search
logo InfoSupport
  • Latest blogs
  • Popular blogs
  • Experts
      • Alles
      • Bloggers
      • Speakers
  • Meet us
  • About us
    • nl
    • en
    • .NET
    • Advanced Analytics
    • Agile
    • Akka
    • Alexa
    • Algorithms
    • Api's
    • Architectuur
    • Artificial Intelligence
    • ATDD
    • Augmented Reality
    • AWS
    • Azure
    • Big Data
    • Blockchain
    • Business Intelligence
    • Cloud
    • Code Combat
    • Cognitive Services
    • Communicatie
    • Containers
    • Continuous Delivery
    • CQRS
    • Cyber Security
    • Dapr
    • Data
    • Data & Analystics
    • Data Science
    • Data Warehousing
    • Databricks
    • DevOps
    • Digital Days
    • Docker
    • eHealth
    • Enterprise Architecture
    • Hacking
    • Infrastructure & Hosting
    • Innovatie
    • Integration
    • Internet of Things
    • Java
    • Machine Learning
    • Microservices
    • Microsoft
    • Microsoft Bot Framework
    • Microsoft Data Platform
    • Mobile Development
    • Mutation Testing
    • Open source
    • Pepper
    • Power BI
    • Privacy & Ethiek
    • Python
    • Quality Assistance & Test
    • Quality Assurance & Test
    • Requirements Management
    • Scala
    • Scratch
    • Security
    • SharePoint
    • Software Architecture
    • Software development
    • Software Factory
    • SQL Server
    • SSL
    • Start-up
    • Startup thinking
    • Stryker
    • Test Quality
    • Testing
    • TLS
    • TypeScript
    • Various
    • Web Development
    • Web-scale IT
    • Xamarin
    • Alles
    • Bloggers
    • Speakers
Home » Creating a good user interface
  • Creating a good user interface

    • By Gijs van Dulmen
    • Various 11 years ago
    • Various 0 comments
    • Various Various
    Creating a good user interface

     

    These days I am diving into user interface and interaction design. I wondered what guidelines I should use for developing the UI’s. Some nice guidelines below.

    Anticipate

    Try to understand in your UI what the user is trying to. If he or she isn’t getting the expected result try to help him in getting him towards the target he was aiming for to accomplish with the application. For example when someone tries to search and has added a lot of criteria and hits a zero result page try to give a consideration of a set of search criteria which will deliver a result. This will help him out instead of letting him reduce the search criteria till he or she eventually finds something.

    Icon usage

    When using icons, use them for adding more clarity to a certain message. When combining this with color a user is able to understand a certain button/message/action without reading the text itself. This will benefit the user in understanding the UI and make him capable of using it faster.

    Reduce the risk of exploring

    When using an interface it’s better to ensure that every action which has a destructive effect to some part of the system state is hard for the user to do. A perfect example of this is the way you have to turn of an iphone. You have to hold the power button and then slide a slider all the way to the right on the phone. This will ensure the action isn’t done accidently. In a web interface try not to put a delete action right next to a button to edit.

    The match between the real world and the system

    Always try to speak the users language in the users interface. Consider the UI as the place belonging to the user. It’s not a place which has to stay inline with the names used inside the system. Things like sorting a column has to be based on what the user is expected to happen. Search criteria based on the available columns in the system instead of investigating what the real users search need is and offering faster options for these seems like another trap.

    Status information

    Try to improve the system by adding a list of possible states for entities in the system. If you add the status inside screens make sure they are easy recognizable between all the other information of the entities. Using icons and other visual methaphors seems to have a positive effect. Using only colours is not enough due to the exclusion of the colorblind.

    Try to prevent errors instead of creating paths out of it

    Reducing the possibilities for a user to get into a situation which requires a path out of it.

    Inconsistency

    Be inconsistent when behaviour is inconsistent, otherwise make it consistent.

    User performance over system performance

    A UI tries to create a high performance interface for the user, not the system. Try to keep this as a thought during the design. Also think about what the user can do with the system when the system is occupied with a certain task. Is there something the user already capable of doing instead of glaring at the screen waiting for a result.

    Short help messages

    If the UI needs any messages to help the user try to keep them as short as possible. Also consider if these are only helpfull for first time users or should stay for returning users.

     

    You can read about them and more at the following links:

    http://www.asktog.com/basics/firstPrinciples.html

    http://www.useit.com/papers/heuristic/heuristic_list.html

    http://designingwebinterfaces.com/6-tips-for-a-great-flex-ux-part-5

    http://www.zenhaiku.com/archives/usability_applied_to_life.html

    http://www.nngroup.com/reports/

     

     

    Share this

Gijs van Dulmen

View profile

IT Training at Info Support

Which training fits you?

Consultancy

Consultancy

Related blogs

  • Video Conferencing en OBS Studio koppelen: online prese…

    Video Conferencing en OBS Studio koppelen: online prese… Maaike Brouwer - 1 year ago

  • Verantwoordelijkheid pakken in jouw eigen persoonlijke …

    Verantwoordelijkheid pakken in jouw eigen persoonlijke … Stephan Versteegh - 1 year ago

  • Tips voor als je gaat afstuderen

    Tips voor als je gaat afstuderen Bart Renders - 2 years ago

Related downloads

  • Beslisboom voor een rechtmatig ‘kopietje productie’

  • Klantreferentie: Remmicom zet wetgeving om in intellige…

  • Klantreferentie RDW: Samenwerken voor veilig en vertrou…

  • Klantreferentie BeFrank: Strategische IT voor een innov…

  • Wie durft te experimenteren met data in de zorg?

Related videos

  • mijnverzekeringenopeenrij.nl

    mijnverzekeringenopeenrij.nl

  • Winnaar | Innovation Projects 2017

    Winnaar | Innovation Projects 2017

  • Explore | Info Support & HAN & Poliskluis

    Explore | Info Support & HAN & Poliskluis

  • LifeApps bij HagaZiekenhuis

    LifeApps bij HagaZiekenhuis

  • Info Support | Bedrijfsfilm

    Info Support | Bedrijfsfilm

Nieuwsbrief

* verplichte velden

Contact

  • Head office NL
  • Kruisboog 42
  • 3905 TG Veenendaal
  • T +31 318 552020
  • Call
  • Mail
  • Directions
  • Head office BE
  • Generaal De Wittelaan 17
  • bus 30 2800 Mechelen
  • T +32 15 286370
  • Call
  • Mail
  • Directions

Follow us

  • Twitter
  • Facebook
  • Linkedin
  • Youtube

Newsletter

Sign in

Extra

  • Media Library
  • Disclaimer
  • Algemene voorwaarden
  • ISHBS Webmail
  • Extranet
Beheer cookie toestemming
Deze website maakt gebruik van Functionele en Analytische cookies voor website optimalisatie en statistieken.
Functioneel
Altijd actief
De technische opslag of toegang is strikt noodzakelijk voor het legitieme doel het gebruik mogelijk te maken van een specifieke dienst waarom de abonnee of gebruiker uitdrukkelijk heeft gevraagd, of met als enig doel de uitvoering van de transmissie van een communicatie over een elektronisch communicatienetwerk.
Voorkeuren
De technische opslag of toegang is noodzakelijk voor het legitieme doel voorkeuren op te slaan die niet door de abonnee of gebruiker zijn aangevraagd.
Statistieken
De technische opslag of toegang die uitsluitend voor statistische doeleinden wordt gebruikt. De technische opslag of toegang die uitsluitend wordt gebruikt voor anonieme statistische doeleinden. Zonder dagvaarding, vrijwillige naleving door uw Internet Service Provider, of aanvullende gegevens van een derde partij, kan informatie die alleen voor dit doel wordt opgeslagen of opgehaald gewoonlijk niet worden gebruikt om je te identificeren.
Marketing
De technische opslag of toegang is nodig om gebruikersprofielen op te stellen voor het verzenden van reclame, of om de gebruiker op een website of over verschillende websites te volgen voor soortgelijke marketingdoeleinden.
Beheer opties Beheer diensten Beheer leveranciers Lees meer over deze doeleinden
Voorkeuren
{title} {title} {title}