Home | Blog | Software | Reviews and Features | Forum | Help | Donate | About us
topbanner_forum
  *

avatar image

Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
  • December 10, 2016, 10:19:19 PM
  • Proudly celebrating 10 years online.
  • Donate now to become a lifetime supporting member of the site and get a non-expiring license key for all of our programs.
  • donate

Author Topic: Playing With UI Design... (Looking for comments)  (Read 3000 times)

Renegade

  • Charter Member
  • Joined in 2005
  • ***
  • Posts: 13,220
  • Tell me something you don't know...
    • View Profile
    • Renegade Minds
    • Donate to Member
Playing With UI Design... (Looking for comments)
« on: May 01, 2011, 06:54:24 AM »
I've been playing with some UI design, and thought I'd try some fun. I don't have a lot of time to do it, so I took some shortcuts and just "got it done".

This portion of the application here uploads a resized or cropped photo to TwitPic with a comment (111 chars) then tweets it on Twitter.

Screenshot - 2011-05-01 , 7_14_03 PM.pngPlaying With UI Design... (Looking for comments)

Now, you can of course cancel, but I thought I'd add in a warning. But the regular warning icon of a yellow triangle with an exclamation mark seemed a bit boring, so I went with this:

Screenshot - 2011-05-01 , 7_13_42 PM.pngPlaying With UI Design... (Looking for comments)

I like the smiley. It seems fun. I think it will be entertaining for people, and should solicit a few laughs.

Does it work?
Slow Down Music - Where I commit thought crimes...

Freedom is the right to be wrong, not the right to do wrong. - John Diefenbaker

cranioscopical

  • Friend of the Site
  • Supporting Member
  • Joined in 2006
  • **
  • Posts: 4,368
    • View Profile
    • Donate to Member
Re: Playing With UI Design... (Looking for comments)
« Reply #1 on: May 01, 2011, 07:19:31 AM »
It's a neat idea.
I wonder how many people fail to read the content of requesters and commit based on the image/icon alone?
Because it's cute might it fail to alarm?
Could you place the usual warning triangle beside it somehow or is that just too clumsy?

wraith808

  • Supporting Member
  • Joined in 2006
  • **
  • Posts: 8,408
  • "In my dreams, I always do it right."
    • View Profile
    • Donate to Member
Re: Playing With UI Design... (Looking for comments)
« Reply #2 on: May 01, 2011, 07:23:52 AM »
Chris has a good point.  Could you perhaps put the smiley on one side, and the more traditional (or maybe a cartoonized version of the original) on the other?

Renegade

  • Charter Member
  • Joined in 2005
  • ***
  • Posts: 13,220
  • Tell me something you don't know...
    • View Profile
    • Renegade Minds
    • Donate to Member
Re: Playing With UI Design... (Looking for comments)
« Reply #3 on: May 01, 2011, 08:15:27 AM »
I think it's kind of an either or thing.

I tried a quick mockup in Photoshop, and it seems cluttered.

I was hoping that the shocked smiley face would serve the same purpose. The window itself has a traditional warning symbol for the window icon, though you wouldn't see it in Windows 7 (I forget about Vista) in the task bar.
Slow Down Music - Where I commit thought crimes...

Freedom is the right to be wrong, not the right to do wrong. - John Diefenbaker

mouser

  • First Author
  • Administrator
  • Joined in 2005
  • *****
  • Posts: 36,435
    • View Profile
    • Mouser's Software Zone on DonationCoder.com
    • Read more about this member.
    • Donate to Member
Re: Playing With UI Design... (Looking for comments)
« Reply #4 on: May 01, 2011, 09:13:40 AM »
I think the icon is going to do its job well at making them pause to read the messagebox before clicking a button.  :up:

Stoic Joker

  • Honorary Member
  • Joined in 2008
  • **
  • Posts: 6,296
    • View Profile
    • www.StoicJoker.com
    • Donate to Member
Re: Playing With UI Design... (Looking for comments)
« Reply #5 on: May 01, 2011, 09:41:25 AM »
Having spent a good deal of time walking people through things. I've come to the conclusion that the reflexive clicking types just can't be helped ... Even if you add a blood curdling scream to the event.

For the rest, the graphic (and crystal clear button text) should do just fine to convey the importance of the next move.

wraith808

  • Supporting Member
  • Joined in 2006
  • **
  • Posts: 8,408
  • "In my dreams, I always do it right."
    • View Profile
    • Donate to Member
Re: Playing With UI Design... (Looking for comments)
« Reply #6 on: May 01, 2011, 09:54:28 AM »
I think it's kind of an either or thing.

I tried a quick mockup in Photoshop, and it seems cluttered.

I was hoping that the shocked smiley face would serve the same purpose. The window itself has a traditional warning symbol for the window icon, though you wouldn't see it in Windows 7 (I forget about Vista) in the task bar.

Another idea that might help... how about the traditional symbol in a thought bubble over the icon's head?  Or integrated into the current icon somehow.

Having spent a good deal of time walking people through things. I've come to the conclusion that the reflexive clicking types just can't be helped ... Even if you add a blood curdling scream to the event.

For the rest, the graphic (and crystal clear button text) should do just fine to convey the importance of the next move.

Or not.  He does have a point (and not just the one on his avatar's head...)

Renegade

  • Charter Member
  • Joined in 2005
  • ***
  • Posts: 13,220
  • Tell me something you don't know...
    • View Profile
    • Renegade Minds
    • Donate to Member
Re: Playing With UI Design... (Looking for comments)
« Reply #7 on: May 01, 2011, 10:04:24 AM »
I think it's kind of an either or thing.

I tried a quick mockup in Photoshop, and it seems cluttered.

I was hoping that the shocked smiley face would serve the same purpose. The window itself has a traditional warning symbol for the window icon, though you wouldn't see it in Windows 7 (I forget about Vista) in the task bar.

Another idea that might help... how about the traditional symbol in a thought bubble over the icon's head?  Or integrated into the current icon somehow.

Actually, I like that. That could work. Never thought about that. I was thinking in discrete terms -- mostly due to my limited editing capabilities -- I *edit* graphics -- I do not *create* graphics.

I'll see if I can manage to find something that fits the style of the smiley, then see if I can work it in. It may end up being too small, but I think I can work around that by making it wide rather than high, and then reworking the text to fit properly.

Thanks~! :D

Slow Down Music - Where I commit thought crimes...

Freedom is the right to be wrong, not the right to do wrong. - John Diefenbaker

f0dder

  • Charter Honorary Member
  • Joined in 2005
  • ***
  • Posts: 9,029
  • [Well, THAT escalated quickly!]
    • View Profile
    • f0dder's place
    • Read more about this member.
    • Donate to Member
Re: Playing With UI Design... (Looking for comments)
« Reply #8 on: May 01, 2011, 10:53:13 AM »
Ugh - not really a fan of those ├╝ber-custom GUIs, it just seems so pointless except for a few very specialized applications.

That said, it's not the worst I've seen. The progress bar stands out like a pedobear in a kindergarten, though, something heavily needs to be done about it... ASAP!
- carpe noctem

worstje

  • Honorary Member
  • Joined in 2009
  • **
  • Posts: 571
  • The Gent with the White Hat
    • View Profile
    • Donate to Member
Re: Playing With UI Design... (Looking for comments)
« Reply #9 on: May 01, 2011, 11:06:10 AM »
I'm no fan of those custom GUIs either. That said, this one grates my eyes. (Sorry.)

In my eyes, besides the neon-green progress bar, I think it lacks contrast. Gradients are pretty old fashioned as it is, and yours go from pretty dark gray to a rather light shade, while your buttons seem to have the exact reverse-gradient (to&from colours mixed around). I'm not saying 'make your buttons slasherfest-red', nor am I saying 'dump the 80s grays'... I'm saying 'a good UI draws attention to the elements that matter', and the buttons get little, the progress bar gets too much, and wtf am I looking at the background anyway?

I hope that helps. :)

Renegade

  • Charter Member
  • Joined in 2005
  • ***
  • Posts: 13,220
  • Tell me something you don't know...
    • View Profile
    • Renegade Minds
    • Donate to Member
Re: Playing With UI Design... (Looking for comments)
« Reply #10 on: May 01, 2011, 11:18:48 AM »
For interest/balance, I'm posting the basic UI:

Screenshot - 2011-05-02 , 2_16_10 AM.pngPlaying With UI Design... (Looking for comments)

Just to provide context against the colors.

Still looking for comments as some people have hit on issues I've been wondering about.
Slow Down Music - Where I commit thought crimes...

Freedom is the right to be wrong, not the right to do wrong. - John Diefenbaker

oblivion

  • Supporting Member
  • Joined in 2010
  • **
  • Posts: 405
    • View Profile
    • Read more about this member.
    • Donate to Member
Re: Playing With UI Design... (Looking for comments)
« Reply #11 on: May 03, 2011, 02:01:06 AM »
Still looking for comments as some people have hit on issues I've been wondering about.

My two cents: my tiny amount of training in design tells me that the best designs are those that don't appear to be designed at all -- underlining the "highlight what matters" point above, I guess.

The grey screenshot is VERY grey, and perhaps gives a subliminal impression of functionality over excitement.

Personally, I like the shocked smiley for the warning: it DOES draw attention to itself, which is what you want. From that viewpoint, it's worth considering diversions from "standards" when you want to increase the chance that the user might actually read what's onscreen. It's a balancing act, I guess, but isn't everything?
-- bests, Tim

...this space unintentionally left blank.