1. Forums
  2. Discord
  3. About Mapcore
  4. Patreon Supporters
  • Login
  • Register
  • Search
This Thread
  • Everywhere
  • This Thread
  • This Forum
  • Articles
  • Pages
  • Forum
  • More Options
  1. Mapcore
  2. Discussions
  3. Off-Topic

GUI Design principles

  • Skjalg
  • January 20, 2009 at 9:55 AM
  • Skjalg
    • January 20, 2009 at 9:55 AM
    • #1

    Hai guys!

    I am very interested in learning more about GUI, more specifically good GUI design for office tools and games alike. I'm more interested in the where and how than what colors should be used here and there. Like when you should use message boxes to alert the user to changes and when not to or where things should be placed in relation to each other.

    Do any of you guys have any decent reading material I can check up on for this? I have googled alot of keywords and read most of what I could find (mostly just 1~2 page tutorials covering the same basics), but didn't really find anything I didn't already know...

    So I was wondering if any of you guys could share your tips and tricks or maybe some good titles for books I could purchase?

  • hessi
    • January 20, 2009 at 10:39 AM
    • #2

    wow this is so what you get drilled in at my university. i will try to make it short!

    first of all the topic your are digging in is "human computer interaction". there exist tons of books and university courses on this. as for all university level books they are more abstract and don't give you a step by step "tutorial". the reason: the HCI topic is so complex that there never will be a best solution to a given problem. you always have to try out and throw away.

    second: designing interfaces is not choosing colors. it is about how users and the system interact. specific visual (or auditive) artifacts might support this interaction while others don't.

    for what i recall "Alan Dix" has written a good book on this topic. i recommend that you scrap your previous ideas and thoughts on what interface design might be like, since you will be surprised of how deep this rabbit hole goes!

    i hope this helped a bit.

  • Minos
    • January 20, 2009 at 11:36 AM
    • #3

    This is a good start:

    http://www.amazon.com/Non-Designers-Des ... 579&sr=8-1

  • Sentura
    • January 20, 2009 at 12:18 PM
    • #4

    yeah there is alot of depth to this. what i think you might be looking for as principles is gestalt psychology as well (link: http://en.wikipedia.org/wiki/Gestalt_psychology). it tells you how people see things, perhaps more so than any UI book will do. that being said, the sum is greater than its parts, so i recommend you take a look into a few decent UI books as well.

    also, for sake of inspiration of familiarity, take a look at the GUIs of different OS. each OS has their own design principle in mind, and you can see how they consistently use it for the maximum usability.

  • e-freak
    • January 20, 2009 at 1:10 PM
    • #5

    Short formula made of win: Show no more info than actually needed, but make sure that what you show is good readable.

    That applies to every kind of GUI, equivalent if game, office app or os. Most GUIs just fail to sort out what is important and what not. Your perception is most likely trying to steadily scan every information availble and will therefore give you a hard time figuring out what's important.

    Quick examples:

    Arcade Racing games need no kind of RPM-Display, Motor-cooling information and so on, you just need some time info and a speed info. Think about Need for Speed with the technical details of GTR being displayed - fail

    A Shooter should bring down all informations to ammo in your current gun and health if the gameplay doesn't require any more information. It's most likely gonna distract everyone if you constantly show all weapons of the inventory + theyr current state of ammunition or adding stealth info to a shooter like doom 3.

    In an office application: Hide symbols you won't need! Best example: Table controls should be not visible if you're not working within a table - but make sure you give a quick access somewhere to creating a table and opening the connected tools.

  • aevirex
    • January 20, 2009 at 4:26 PM
    • #6

    I didn't do that myself but when I read your post I thought it might be useful to read the human interface guidelines from Apple, Microsoft, Gnome, KDE, ... (imo none of them do it really well though)

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!

Register Yourself Login
Discord

The Mapcore Discord is our lively IRC channel of the 2000s reborn. Chat about level design, gaming, and more.

Latest Posts

  1. Tangerine

    Harry Poster
    July 18, 2026 at 11:10 AM
  2. Any of the old guard still around? D:

    Warby
    July 12, 2026 at 8:23 PM
  3. About our archived forums

    Thrik
    June 30, 2026 at 2:12 PM
  4. Mapcore Discord

    mason_fan123
    June 24, 2026 at 8:52 PM
  5. [CS2] Valley

    Serialmapper
    June 22, 2026 at 11:56 AM
  6. Free Music / SFX Resource - Over 2500 Tracks

    Eric Matyas
    June 18, 2026 at 12:32 PM
  7. Pango [WIP]

    Elowen
    June 11, 2026 at 10:13 AM
  8. [CS2] Dvina

    Jeremy Rivera
    June 11, 2026 at 10:03 AM
  9. Bridges 2.0 by NEXSIDE, MAP SHOWCASE. ( Steam Workshop )

    MrTrane18
    June 1, 2026 at 7:46 PM
  10. Classic Maps Reborn For CS2

    SillySpaceCat
    May 31, 2026 at 10:33 PM
  1. Privacy Policy
  2. Contact
Powered by WoltLab Suite™