Page 1 of 2 12 LastLast
Results 1 to 40 of 78

Thread: {Serious} User Interface design

  1. #1

    Thread Starter
    I'm about to be a PowerPoster!
    Join Date
    Jan 2005
    Location
    Everywhere
    Posts
    13,647

    Arrow {Serious} User Interface design

    I'd like to know all the things that people hate in user interfaces - so that we can have a reference of all the things not to do

    And anything you especially like in UI's too. Because negativity is a bad thing.

  2. #2
    Frenzied Member Andrew G's Avatar
    Join Date
    Nov 2005
    Location
    Sydney
    Posts
    1,587

    Re: {Serious} User Interface design

    Stuff I hate
    1. Small fonts
    2. Too many stuff on screen
    3. Unorganised
    4. No colour

    Stuff thats good
    1. Easy to navagate
    2. Tooltips that give tips
    3. Uses Windows theme

  3. #3
    Hyperactive Member vbcode1980's Avatar
    Join Date
    Nov 2005
    Location
    Anywhere the wind blows
    Posts
    365

    Re: {Serious} User Interface design

    Quote Originally Posted by Andrew G
    Stuff I hate
    4. No colour
    But too many different colors is bad too
    I code C#....

  4. #4

    Thread Starter
    I'm about to be a PowerPoster!
    Join Date
    Jan 2005
    Location
    Everywhere
    Posts
    13,647

    Re: {Serious} User Interface design

    Any comments on behaviour ?

  5. #5
    Retired G&G Mod NoteMe's Avatar
    Join Date
    Oct 2002
    Location
    @ Opera Software
    Posts
    10,190

    Re: {Serious} User Interface design

    Same name on different forms that means different things is bad.

  6. #6
    Frenzied Member Andrew G's Avatar
    Join Date
    Nov 2005
    Location
    Sydney
    Posts
    1,587

    Re: {Serious} User Interface design

    Too many forms open at the same time also not good or
    Programs that force you to restart and if you don't they leave that damn huge box that sits in the middle of the screen and won't minimise

  7. #7
    I'm about to be a PowerPoster! mendhak's Avatar
    Join Date
    Feb 2002
    Location
    Ulaan Baator GooGoo: Frog
    Posts
    38,170

    Re: {Serious} User Interface design

    I hate:
    Popups.
    Flash.
    Overdone graphics which makes navigation a task to figure out.
    <marquee>
    <blink>
    <frameset>
    Pages that don't work in FF.

  8. #8
    Fanatic Member demotivater's Avatar
    Join Date
    Jun 2002
    Location
    is everything
    Posts
    627

    Re: {Serious} User Interface design

    Screwed up tab orders
    Here's to us!
    Who's like us?
    Darned few, and they're all dead!

  9. #9

    Thread Starter
    I'm about to be a PowerPoster!
    Join Date
    Jan 2005
    Location
    Everywhere
    Posts
    13,647

    Re: {Serious} User Interface design

    Thanks for all the comments so far. Any more?

    Personally, I LIKE:
    - Consistency in appearance and behaviour, within itself and with the OS
    - Easy navigation
    - Customisability and extensibility

    and I DISLIKE:
    - Hidden buttons (things that do things without obviously being buttons)
    - Clutter, but at the other end of the spectrum, also over-minimalisation
    - Unresponsive or slow UIs
    - Fonts that aren't Tahoma

  10. #10
    Ex-Super Mod RobDog888's Avatar
    Join Date
    Apr 2001
    Location
    LA, Calif. Raiders #1 AKA:Gangsta Yoda™
    Posts
    60,709

    Re: {Serious} User Interface design

    Fontsizes that look like they are for the visually handicapped.
    Too much crap on a form.
    No organization.
    Overdone graphics as a ploy to detract from the disfunctional interface.
    Forms that to resize but not the controls leaving vast amounts of blank form realestate.
    Programs that are slow or irresponsive to the users actions.
    Inconsistancy.
    Out of order tabbing.

    Bad color combinations - ie



    VB/Office Guru™ (AKA: Gangsta Yoda®)
    I dont answer coding questions via PM. Please post a thread in the appropriate forum.

    Microsoft MVP 2006-2011
    Office Development FAQ (C#, VB.NET, VB 6, VBA)
    Senior Jedi Software Engineer MCP (VB 6 & .NET), BSEE, CET
    If a post has helped you then Please Rate it!
    Reps & Rating PostsVS.NET on Vista Multiple .NET Framework Versions Office Primary Interop AssembliesVB/Office Guru™ Word SpellChecker™.NETVB/Office Guru™ Word SpellChecker™ VB6VB.NET Attributes Ex.Outlook Global Address ListAPI Viewer utility.NET API Viewer Utility
    System: Intel i7 6850K, Geforce GTX1060, Samsung M.2 1 TB & SATA 500 GB, 32 GBs DDR4 3300 Quad Channel RAM, 2 Viewsonic 24" LCDs, Windows 10, Office 2016, VS 2019, VB6 SP6

  11. #11
    Banned timeshifter's Avatar
    Join Date
    Mar 2004
    Location
    at my desk
    Posts
    2,465

    Re: {Serious} User Interface design

    christmasy...

  12. #12
    I'm about to be a PowerPoster! mendhak's Avatar
    Join Date
    Feb 2002
    Location
    Ulaan Baator GooGoo: Frog
    Posts
    38,170

    Re: {Serious} User Interface design

    Quote Originally Posted by RobDog888


    Bad color combinations - ie


    One of your own applications, I presume.

  13. #13
    Ex-Super Mod RobDog888's Avatar
    Join Date
    Apr 2001
    Location
    LA, Calif. Raiders #1 AKA:Gangsta Yoda™
    Posts
    60,709

    Re: {Serious} User Interface design

    Yes as i changed the 2 colors to the worst possible combinations to make my point.
    VB/Office Guru™ (AKA: Gangsta Yoda®)
    I dont answer coding questions via PM. Please post a thread in the appropriate forum.

    Microsoft MVP 2006-2011
    Office Development FAQ (C#, VB.NET, VB 6, VBA)
    Senior Jedi Software Engineer MCP (VB 6 & .NET), BSEE, CET
    If a post has helped you then Please Rate it!
    Reps & Rating PostsVS.NET on Vista Multiple .NET Framework Versions Office Primary Interop AssembliesVB/Office Guru™ Word SpellChecker™.NETVB/Office Guru™ Word SpellChecker™ VB6VB.NET Attributes Ex.Outlook Global Address ListAPI Viewer utility.NET API Viewer Utility
    System: Intel i7 6850K, Geforce GTX1060, Samsung M.2 1 TB & SATA 500 GB, 32 GBs DDR4 3300 Quad Channel RAM, 2 Viewsonic 24" LCDs, Windows 10, Office 2016, VS 2019, VB6 SP6

  14. #14
    I'm about to be a PowerPoster! mendhak's Avatar
    Join Date
    Feb 2002
    Location
    Ulaan Baator GooGoo: Frog
    Posts
    38,170

    Re: {Serious} User Interface design

    You sure they weren't "client requirements"? :roflmfao:

    I have seen things, so that'd sound believable.

  15. #15
    Ex-Super Mod RobDog888's Avatar
    Join Date
    Apr 2001
    Location
    LA, Calif. Raiders #1 AKA:Gangsta Yoda™
    Posts
    60,709

    Re: {Serious} User Interface design

    Nope, just me making a point although maybe you only having 2 eyes lately has distored your view on things.
    VB/Office Guru™ (AKA: Gangsta Yoda®)
    I dont answer coding questions via PM. Please post a thread in the appropriate forum.

    Microsoft MVP 2006-2011
    Office Development FAQ (C#, VB.NET, VB 6, VBA)
    Senior Jedi Software Engineer MCP (VB 6 & .NET), BSEE, CET
    If a post has helped you then Please Rate it!
    Reps & Rating PostsVS.NET on Vista Multiple .NET Framework Versions Office Primary Interop AssembliesVB/Office Guru™ Word SpellChecker™.NETVB/Office Guru™ Word SpellChecker™ VB6VB.NET Attributes Ex.Outlook Global Address ListAPI Viewer utility.NET API Viewer Utility
    System: Intel i7 6850K, Geforce GTX1060, Samsung M.2 1 TB & SATA 500 GB, 32 GBs DDR4 3300 Quad Channel RAM, 2 Viewsonic 24" LCDs, Windows 10, Office 2016, VS 2019, VB6 SP6

  16. #16
    I'm about to be a PowerPoster! mendhak's Avatar
    Join Date
    Feb 2002
    Location
    Ulaan Baator GooGoo: Frog
    Posts
    38,170

    Re: {Serious} User Interface design

    Mmm... distorted. ughghhghghgh :homer:

  17. #17
    Banned timeshifter's Avatar
    Join Date
    Mar 2004
    Location
    at my desk
    Posts
    2,465

    Re: {Serious} User Interface design

    get your third eye back already..

  18. #18
    Ex-Super Mod RobDog888's Avatar
    Join Date
    Apr 2001
    Location
    LA, Calif. Raiders #1 AKA:Gangsta Yoda™
    Posts
    60,709

    Re: {Serious} User Interface design

    Whos got mendhak's 3rd eye?
    VB/Office Guru™ (AKA: Gangsta Yoda®)
    I dont answer coding questions via PM. Please post a thread in the appropriate forum.

    Microsoft MVP 2006-2011
    Office Development FAQ (C#, VB.NET, VB 6, VBA)
    Senior Jedi Software Engineer MCP (VB 6 & .NET), BSEE, CET
    If a post has helped you then Please Rate it!
    Reps & Rating PostsVS.NET on Vista Multiple .NET Framework Versions Office Primary Interop AssembliesVB/Office Guru™ Word SpellChecker™.NETVB/Office Guru™ Word SpellChecker™ VB6VB.NET Attributes Ex.Outlook Global Address ListAPI Viewer utility.NET API Viewer Utility
    System: Intel i7 6850K, Geforce GTX1060, Samsung M.2 1 TB & SATA 500 GB, 32 GBs DDR4 3300 Quad Channel RAM, 2 Viewsonic 24" LCDs, Windows 10, Office 2016, VS 2019, VB6 SP6

  19. #19
    Frenzied Member mar_zim's Avatar
    Join Date
    Feb 2004
    Location
    Toledo Cebu City.
    Posts
    1,416

    Re: {Serious} User Interface design

    One of the best application I've ever seen. Its quickbooks.
    Attached Images Attached Images  

  20. #20
    Banned timeshifter's Avatar
    Join Date
    Mar 2004
    Location
    at my desk
    Posts
    2,465

    Re: {Serious} User Interface design

    i'm already confused by it..

  21. #21
    Ex-Super Mod RobDog888's Avatar
    Join Date
    Apr 2001
    Location
    LA, Calif. Raiders #1 AKA:Gangsta Yoda™
    Posts
    60,709

    Re: {Serious} User Interface design

    Where do you start?
    VB/Office Guru™ (AKA: Gangsta Yoda®)
    I dont answer coding questions via PM. Please post a thread in the appropriate forum.

    Microsoft MVP 2006-2011
    Office Development FAQ (C#, VB.NET, VB 6, VBA)
    Senior Jedi Software Engineer MCP (VB 6 & .NET), BSEE, CET
    If a post has helped you then Please Rate it!
    Reps & Rating PostsVS.NET on Vista Multiple .NET Framework Versions Office Primary Interop AssembliesVB/Office Guru™ Word SpellChecker™.NETVB/Office Guru™ Word SpellChecker™ VB6VB.NET Attributes Ex.Outlook Global Address ListAPI Viewer utility.NET API Viewer Utility
    System: Intel i7 6850K, Geforce GTX1060, Samsung M.2 1 TB & SATA 500 GB, 32 GBs DDR4 3300 Quad Channel RAM, 2 Viewsonic 24" LCDs, Windows 10, Office 2016, VS 2019, VB6 SP6

  22. #22
    Frenzied Member Andrew G's Avatar
    Join Date
    Nov 2005
    Location
    Sydney
    Posts
    1,587

    Re: {Serious} User Interface design

    Quote Originally Posted by mendhak
    Flash.
    Is that Macromedia Flash or just stuff that flash on the screen?
    Last edited by Andrew G; Dec 2nd, 2005 at 12:55 AM.

  23. #23
    Software Carpenter dee-u's Avatar
    Join Date
    Feb 2005
    Location
    Pinas
    Posts
    11,127

    Re: {Serious} User Interface design

    Do you people refrain from using MsgBox?

    And how about Flat vs 3D controls?
    Regards,


    As a gesture of gratitude please consider rating helpful posts. c",)

    Some stuffs: Mouse Hotkey | Compress file using SQL Server! | WPF - Rounded Combobox | WPF - Notify Icon and Balloon | NetVerser - a WPF chatting system

  24. #24

    Thread Starter
    I'm about to be a PowerPoster!
    Join Date
    Jan 2005
    Location
    Everywhere
    Posts
    13,647

    Re: {Serious} User Interface design

    I prefer a style that is (by default) conformant to the user's operating system and active theme - unless you can make a custom-styled GUI that is equally clean and better looking

    Message boxes - only when you have to. You be a lot friendlier and less obtrusive in giving the same information these days, with labels in appropriate places and things like balloon tooltips, which can replace message boxes that pertain to widget content as the tooltip does not get in the way.

  25. #25
    Software Carpenter dee-u's Avatar
    Join Date
    Feb 2005
    Location
    Pinas
    Posts
    11,127

    Re: {Serious} User Interface design

    This is your thread PG but I hope you don't mind me asking questions here.

    When you said Active Theme I am thinking about the Current Theme in XP, am I right? You'll design your app based on the current theme of the user or let your app accomodate according to the theme of the user?
    Regards,


    As a gesture of gratitude please consider rating helpful posts. c",)

    Some stuffs: Mouse Hotkey | Compress file using SQL Server! | WPF - Rounded Combobox | WPF - Notify Icon and Balloon | NetVerser - a WPF chatting system

  26. #26

    Thread Starter
    I'm about to be a PowerPoster!
    Join Date
    Jan 2005
    Location
    Everywhere
    Posts
    13,647

    Re: {Serious} User Interface design

    Go for it, it's all about good UI design anyways

    I design my applications to accomodate the user's theme selection. If they are using XP-Metallic then my application will render in silver. If they are running XP-Homestead, then olive. If they are using XP-Classic or an older version of Windows, then it will render using the classic controls. Basically, it's about run-time flexibility - that includes changing theme on the fly (a broadcast message, WM_SYSCOLORCHANGE or something like that, notifies you of a theme change).

    Then again, if you can make a really good looking, clean, usable skin for your app, that's fine too. It depends on what it is. For a media/entertainment application, skinning can work well. For a business application, skinning probably isn't a great idea, you should aim to fit in with the user's OS appearance so that the design isn't distracting from the use of the application.

  27. #27
    VB6, XHTML & CSS hobbyist Merri's Avatar
    Join Date
    Oct 2002
    Location
    Finland
    Posts
    6,654

    Re: {Serious} User Interface design

    The image mar_zim linked is a bit of too much clutter: there are too many main level menus and toolbar items.

    Anyways, in general, a program I like:
    - controls can be tabbed in good order (hey, I use keyboard often!)
    - a lot of effort to small details, ie. filling up something automatically if it is possible, on-the-fly prevention of invalid data (instead of showing a messagebox warning when you push ok)...
    - keeping things clear and simple looking without leaving out any features
    - well organized windows and content so things are easy to find even if you haven't spent time learning it, relating to above
    - familiar keyboard shortcuts, following Windows standards and most other programs
    - wizards are great for bigger jobs: instead of one big cluttered window, you get a well guided tour to what you want to do

    Humm... that is pretty much all general rules I follow in my design. I don't like skinning all that much. About the only program I use skinned is QCD (though its default theme is a perfect example of bad skinning - Soma Black is excellent once you learn how to use it).

  28. #28
    Frenzied Member thegreatone's Avatar
    Join Date
    Aug 2003
    Location
    Oslo, Norway. Mhz:4800 x12
    Posts
    1,333

    Re: {Serious} User Interface design

    I hate -
    Buttons
    Textboxes
    Listboxes
    Labels
    Forms
    RichTextBoxes
    Common Dialogs
    'Everything else.

    Think you could whip me up an application to those standards ?


    I agreewith most of the people here though, Clutter, bad colour combos, and siorganisation with tab ordering.
    Zeegnahtuer?

  29. #29
    Old Member moeur's Avatar
    Join Date
    Nov 2004
    Location
    Wait'n for Free Stuff
    Posts
    2,712

    Re: {Serious} User Interface design

    I hate it when a program forces a user to interact with it such as a msgbox asking
    Are you sure?
    then
    Are you sure you're sure?

    I also hate programs that are scheduled to run (such as backup software) and when they do they bring their form to the front of everything else.

    The cheap Backup software I have even gives me a message box telling me that no files needed to be backed up and stays running until I click OK.

  30. #30
    Software Carpenter dee-u's Avatar
    Join Date
    Feb 2005
    Location
    Pinas
    Posts
    11,127

    Re: {Serious} User Interface design

    Quote Originally Posted by moeur
    I hate it when a program forces a user to interact with it such as a msgbox asking
    Are you sure?
    then
    Are you sure you're sure?
    Curiously how do you do it when you want to confirm something before actually doing it?
    Regards,


    As a gesture of gratitude please consider rating helpful posts. c",)

    Some stuffs: Mouse Hotkey | Compress file using SQL Server! | WPF - Rounded Combobox | WPF - Notify Icon and Balloon | NetVerser - a WPF chatting system

  31. #31
    Old Member moeur's Avatar
    Join Date
    Nov 2004
    Location
    Wait'n for Free Stuff
    Posts
    2,712

    Re: {Serious} User Interface design

    I assume that if the user chose to do something then he really wanted to do it. I suppose for really dangerous acts then a confirmation can be performed, but the act of exiting a program is not in that class.

    I've written a lot of programs for people who aren't computer savy and don't like computers. My philosophy is to require them to do as little as possible or they won't use the program.

    Especially on repetitive tasks I try to minimize user input by guessing at default data values for them and not putting in confirmation messages.

  32. #32
    Banned
    Join Date
    Nov 2005
    Posts
    2,367

    Re: {Serious} User Interface design

    Webforms
    --Cursor Tails
    --Music any other place besides the intro (and all 16 bit "ring-tone" music)
    --Guestbooks
    --Page Counters

    Winforms
    --Excessive TabControls
    --Errors or validation issues only showing up in dialog boxes
    --Programs that force full screen on load
    --Buttons (or other user events) that will fire without changing the GUI at all (No "Please wait...", "In Progress..." or a bar)
    --Basically any design that feels like the program is driving you instead of you driving it.

  33. #33
    Banned
    Join Date
    Nov 2005
    Posts
    2,367

    Re: {Serious} User Interface design

    Quote Originally Posted by dee-u
    Curiously how do you do it when you want to confirm something before actually doing it?
    I let them do it w/o otice and provide "Undo" functionality.

  34. #34
    type Woss is new Grumpy; wossname's Avatar
    Join Date
    Aug 2002
    Location
    #!/bin/bash
    Posts
    5,682

    Re: {Serious} User Interface design

    90% of coders don't know bugger-all about GUI design. That is why QuickBooks sucks a fat one.

    A GUI should take up as little overhead as possible, which means you need things like backbuffers and cached data and NOT creating graphics objects at runtime (unless you are doing control arrays which only need to be created at loadtime).

    Its fine to do gradients as long as you have an idea of how clock-hungry they are.

    Cache everything you can, RAM is cheap, CPU cycles are NOT cheap, remember that.
    I don't live here any more.

  35. #35
    I'm about to be a PowerPoster! Hack's Avatar
    Join Date
    Aug 2001
    Location
    Searching for mendhak
    Posts
    58,333

    Re: {Serious} User Interface design

    Quote Originally Posted by demotivater
    Screwed up tab orders
    This and message boxes.

    I hate loath and despise message boxes.

  36. #36
    Ex-Super Mod RobDog888's Avatar
    Join Date
    Apr 2001
    Location
    LA, Calif. Raiders #1 AKA:Gangsta Yoda™
    Posts
    60,709

    Re: {Serious} User Interface design

    How about message alerts?
    VB/Office Guru™ (AKA: Gangsta Yoda®)
    I dont answer coding questions via PM. Please post a thread in the appropriate forum.

    Microsoft MVP 2006-2011
    Office Development FAQ (C#, VB.NET, VB 6, VBA)
    Senior Jedi Software Engineer MCP (VB 6 & .NET), BSEE, CET
    If a post has helped you then Please Rate it!
    Reps & Rating PostsVS.NET on Vista Multiple .NET Framework Versions Office Primary Interop AssembliesVB/Office Guru™ Word SpellChecker™.NETVB/Office Guru™ Word SpellChecker™ VB6VB.NET Attributes Ex.Outlook Global Address ListAPI Viewer utility.NET API Viewer Utility
    System: Intel i7 6850K, Geforce GTX1060, Samsung M.2 1 TB & SATA 500 GB, 32 GBs DDR4 3300 Quad Channel RAM, 2 Viewsonic 24" LCDs, Windows 10, Office 2016, VS 2019, VB6 SP6

  37. #37
    Banned
    Join Date
    Nov 2005
    Posts
    2,367

    Re: {Serious} User Interface design

    You've probably seen this, but it's a list on HTML Hell.

  38. #38
    Software Carpenter dee-u's Avatar
    Join Date
    Feb 2005
    Location
    Pinas
    Posts
    11,127

    Re: {Serious} User Interface design

    Quote Originally Posted by moeur
    I assume that if the user chose to do something then he really wanted to do it. I suppose for really dangerous acts then a confirmation can be performed, but the act of exiting a program is not in that class.
    Sometimes though some users "accidentally" push buttons (e.g. closing the form before they have saved a record...) or their mouse goes haywire and a confirmations saves the day in such cases...

    Quote Originally Posted by sevenhalo
    I let them do it w/o otice and provide "Undo" functionality.
    Today 12:04 AM
    In cases of saving records what approach do you do to "Undo" it?

    Quote Originally Posted by Hack
    I hate loath and despise message boxes.
    What is your alternative for message boxes? Timed form that disappears automatically?
    Regards,


    As a gesture of gratitude please consider rating helpful posts. c",)

    Some stuffs: Mouse Hotkey | Compress file using SQL Server! | WPF - Rounded Combobox | WPF - Notify Icon and Balloon | NetVerser - a WPF chatting system

  39. #39
    Banned
    Join Date
    Nov 2005
    Posts
    2,367

    Re: {Serious} User Interface design

    In cases of saving records what approach do you do to "Undo" it?
    Rollback.

  40. #40
    Software Carpenter dee-u's Avatar
    Join Date
    Feb 2005
    Location
    Pinas
    Posts
    11,127

    Re: {Serious} User Interface design

    You're holding them in transaction? When do you commit then?
    Regards,


    As a gesture of gratitude please consider rating helpful posts. c",)

    Some stuffs: Mouse Hotkey | Compress file using SQL Server! | WPF - Rounded Combobox | WPF - Notify Icon and Balloon | NetVerser - a WPF chatting system

Page 1 of 2 12 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  



Click Here to Expand Forum to Full Width