# \[POLL\]: UI Icons - Blue or Orange?

**URL:** <https://forum.xojo.com/t/poll-ui-icons-blue-or-orange/44031>\
**Category:** General\
**Created:** [June 22, 2018, 6:38am UTC](https://forum.xojo.com/t/poll-ui-icons-blue-or-orange/44031 "2018-06-22T06:38:47Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![Emile\_Schwarz](https://forum.xojo.com/letter_avatar_proxy/v4/letter/e/90ced4/32.png) [@Emile\_Schwarz](https://forum.xojo.com/u/Emile_Schwarz)\
**Post date:** [June 22, 2018, 5:22pm UTC](https://forum.xojo.com/t/poll-ui-icons-blue-or-orange/44031/21 "2018-06-22T17:22:47Z")

</div>

Steve: I just was able to watch your screen shots

Outch ! That is dense. I suppose you cannot do otherwise.

Reset: I use Clear, or New Buttons name (depending on context), but you know if Reset is the correct name.

Watch [here](https://forum.xojo.com/48422-just-code-challenge-week-1-projects) the way I set what I call “contextual help”. In Window1.MouseEnter, I place some text in the Label at the bottom of the window and I clear it in MouseExit.

BTW: nice window. What is the Windows version ? (XP, 2000, Vista ?)

---

<div class="post-metadata">

**Author:** ![Dave\_Kondris](https://forum.xojo.com/letter_avatar_proxy/v4/letter/d/4491bb/32.png) [@Dave\_Kondris](https://forum.xojo.com/u/Dave_Kondris)\
**Post date:** [June 22, 2018, 6:24pm UTC](https://forum.xojo.com/t/poll-ui-icons-blue-or-orange/44031/22 "2018-06-22T18:24:45Z")

</div>

Blue is better than orange, but the blue used here clashes with the colour of the paper. IMO, that’s why the orange looks so much better.

I think a slightly desaturated, or lighter blue would be better. That is, try to find a blue that complements, rather than clashes with the paper background.

---

<div class="post-metadata">

**Author:** ![anon20074439](https://forum.xojo.com/letter_avatar_proxy/v4/letter/a/ac8455/32.png) [@anon20074439](https://forum.xojo.com/u/anon20074439)\
**Post date:** [June 22, 2018, 8:57pm UTC](https://forum.xojo.com/t/poll-ui-icons-blue-or-orange/44031/23 "2018-06-22T20:57:46Z")

</div>

Blue

---

<div class="post-metadata">

**Author:** ![Gerardo\_Garca](https://forum.xojo.com/letter_avatar_proxy/v4/letter/g/e99b99/32.png) [@Gerardo\_Garca](https://forum.xojo.com/u/Gerardo_Garca)\
**Post date:** [June 22, 2018, 9:02pm UTC](https://forum.xojo.com/t/poll-ui-icons-blue-or-orange/44031/24 "2018-06-22T21:02:49Z")

</div>

I say purple!, no, I’m kidding!, +1 Orange  
Good color

---

<div class="post-metadata">

**Author:** ![Tim\_Hare](https://forum.xojo.com/user_avatar/forum.xojo.com/tim_hare/32/176_2.png) [@Tim\_Hare](https://forum.xojo.com/u/Tim_Hare)\
**Post date:** [June 22, 2018, 10:17pm UTC](https://forum.xojo.com/t/poll-ui-icons-blue-or-orange/44031/25 "2018-06-22T22:17:00Z")

</div>

I expected a rerun of the Blue/Gold dress thing. 🙂

+1 Blue

---

<div class="post-metadata">

**Author:** ![Julia\_Truchsess](https://forum.xojo.com/user_avatar/forum.xojo.com/julia_truchsess/32/499_2.png) [@Julia\_Truchsess](https://forum.xojo.com/u/Julia_Truchsess)\
**Post date:** [June 22, 2018, 11:14pm UTC](https://forum.xojo.com/t/poll-ui-icons-blue-or-orange/44031/26 "2018-06-22T23:14:08Z")

</div>

Orange - goes with the paper, as Sascha said.

---

<div class="post-metadata">

**Author:** ![Bogdan\_Pavlovic](https://forum.xojo.com/letter_avatar_proxy/v4/letter/b/ba9def/32.png) [@Bogdan\_Pavlovic](https://forum.xojo.com/u/Bogdan_Pavlovic)\
**Post date:** [June 23, 2018, 2:12pm UTC](https://forum.xojo.com/t/poll-ui-icons-blue-or-orange/44031/27 "2018-06-23T14:12:20Z")

</div>

Add support so user of app can select skin which will use in your app and cover both colors for now and later you can also include new ones if is in need.

Someone likes darker someone likes lighter so, let end user take control of it 🙂

---

<div class="post-metadata">

**Author:** ![Steve\_Kelepouris](https://forum.xojo.com/user_avatar/forum.xojo.com/steve_kelepouris/32/13856_2.png) [@Steve\_Kelepouris](https://forum.xojo.com/u/Steve_Kelepouris)\
**Post date:** [June 24, 2018, 9:20am UTC](https://forum.xojo.com/t/poll-ui-icons-blue-or-orange/44031/28 "2018-06-24T09:20:51Z")

</div>

Thanks for all the replies - it’s been very interesting reading. It’s pretty close: 8 for orange, 10 for blue.

I’m not sure if this was clear - the smaller icons are not persistent, ie. they are toggled on/off using the larger symbol in the menu panel. The reason being that the whole window can look overwhelming as it is.

My preference was for orange, but now I’m swaying towards blue. At least when dealing with code it either works, or it doesn’t! This is so much more subjective and can sometimes seem irrelevant.

I guess the best solution is what Paul and Bogdan have suggested, as in the user can choose via preferences. But then what? There may as well be a colour palette for them to create their own colour… too many options.

I’ve written in my notes (more than a year ago) that it would be nice to have “skins” as Bogdan suggests. This would change the main graph background (and even the panels). So in that case, the information symbol colour would have to change to suit. However, I can’t see that I’m ever going to go that far - they are just “pipe dreams”:

## eg. \*Plain Jane \*50 Shades of Grey \*Old School \*Mythbuster \*Soviet Era \*Las Vegas \*Grunge

- User Defined  
Etc… etc… For the record, this version is “Old School”.

Back to reality.

@Dave S: Thanks Dave, at first I thought you were just being facetious 🙂 perhaps you were? However, I did try green, but I didn’t think it worked well and clashed with green I’ve used elsewhere for other purposes.

What I’ve tried now, is to tone the blue back a bit as suggested by Dave Kondris, but if I go too far, it then recedes into the background (of the left and bottom panels). Also I’ve included the “activation” of the recording setup panel scenario, which is already blue and always has been.

The reason for using blue is not just some arbitrary color that I plucked out of thin air, but because it matches the “Blue LED” that is part of the attached external hardware device, which indicates it’s turned ON. A tenuous link perhaps, but better than no reason :).

So, do the following updated images change your mind?

 ![](https://forum.xojo.com/uploads/default/original/1X/c76902716f1ca6eed22dabb77de0777b0859a704.jpeg)

 ![](https://forum.xojo.com/uploads/default/original/1X/773362e534711aebe940eb59ad366e083e29357c.jpeg)

Cheers.

[EDIT] @ Emile, this is Windows 7. I don’t like the ugly borders but the app does work with Win8.1 and 10. Windows 7 was chosen as the base OS, and also a Win7 laptop is inexpensive. Using this software could potentially destroy your laptop, so best it be an old cheap one.

Regarding Polling:  
For situations like this, or any other Poll for that matter, it would be better if it was a “Blind” poll. Otherwise it’s hard to be objective when you can see the opinions of others that you regard similar to your own.

So for UI questions, it would be nice if the forum allowed for a poll where you don’t see others opinions until you make your choice - much like a lot of other forums.

---

<div class="post-metadata">

**Author:** ![anon20074439](https://forum.xojo.com/letter_avatar_proxy/v4/letter/a/ac8455/32.png) [@anon20074439](https://forum.xojo.com/u/anon20074439)\
**Post date:** [June 24, 2018, 10:46am UTC](https://forum.xojo.com/t/poll-ui-icons-blue-or-orange/44031/29 "2018-06-24T10:46:34Z")

</div>

I chose the original blue over the original orange as for me the orange seemed to blend into the paper too much compared to the blue and wasn’t as obvious to me.

IMHO the new light blue is too light. The i’s are to aid the user spot where more information is available, not to blend into the surroundings or look like they fit in somewhere, they should standout/POP and be in your face and obvious. As they are only a transient informational marker turned on/off by the user make them loud and proud!

---

<div class="post-metadata">

**Author:** ![Richard\_Duke](https://forum.xojo.com/user_avatar/forum.xojo.com/richard_duke/32/246_2.png) [@Richard\_Duke](https://forum.xojo.com/u/Richard_Duke)\
**Post date:** [June 24, 2018, 10:54am UTC](https://forum.xojo.com/t/poll-ui-icons-blue-or-orange/44031/30 "2018-06-24T10:54:36Z")

</div>

Steve, what i would do is 2 have both the help icon on your application and a place to set which one the user prefer and you can simply use some come on the open event to set the correct icon.

i would not bother with changing colour for other things since your application got too much component to think about

---

<div class="post-metadata">

**Author:** ![Steve\_Kelepouris](https://forum.xojo.com/user_avatar/forum.xojo.com/steve_kelepouris/32/13856_2.png) [@Steve\_Kelepouris](https://forum.xojo.com/u/Steve_Kelepouris)\
**Post date:** [June 24, 2018, 12:16pm UTC](https://forum.xojo.com/t/poll-ui-icons-blue-or-orange/44031/31 "2018-06-24T12:16:12Z")

</div>

Of course there is no wrong or right answer to this. It also depends on what monitor (screen) you view this from.

The two variations of blue are very similar (to me), therefore let’s forget the blue? Whereas the Orange sticks out like the proverbial “canines testicles”.

Having a user selectable colour, then adds yet another level of complication (which is exactly what I’m trying to avoid) to an already complicated and clustered screen.

This software aplication will ALWAYS have a “sharp but short” learning curve:

from the help system:

> [@](#):
>
> The general concept and GUI is intended to represent the appearance and functions of an analog XY Data Recorder, where external electronic signals are received and a graph is drawn. In this case, X is time and Y represents force.

Therefore, it ALL has to be in one window. Software-wise, there is no area to cut or simplify, therefore I’m left with the UI to try to simplify the user experience. It’s not an easy task.

---

<div class="post-metadata">

**Author:** ![Greg\_O\_Lone](https://forum.xojo.com/user_avatar/forum.xojo.com/greg_o_lone/32/49_2.png) [@Greg\_O\_Lone](https://forum.xojo.com/u/Greg_O_Lone)\
**Post date:** [June 24, 2018, 1:03pm UTC](https://forum.xojo.com/t/poll-ui-icons-blue-or-orange/44031/32 "2018-06-24T13:03:20Z")

</div>

Id suggest that you consider that not everyone has perfect vision. What you choose here may be affected by people who have different types of color blindness.

---

<div class="post-metadata">

**Author:** ![Richard\_Duke](https://forum.xojo.com/user_avatar/forum.xojo.com/richard_duke/32/246_2.png) [@Richard\_Duke](https://forum.xojo.com/u/Richard_Duke)\
**Post date:** [June 24, 2018, 1:44pm UTC](https://forum.xojo.com/t/poll-ui-icons-blue-or-orange/44031/33 "2018-06-24T13:44:50Z")

</div>

Mac App Store has an application called Sim Daltonism. i have use the app mention on steve’s two screen shot. for someone with color blindness, the orange icon look a bit wishy washy

![](https://i.imgur.com/QYM9HMT.jpg)

---

<div class="post-metadata">

**Author:** ![Julia\_Truchsess](https://forum.xojo.com/user_avatar/forum.xojo.com/julia_truchsess/32/499_2.png) [@Julia\_Truchsess](https://forum.xojo.com/u/Julia_Truchsess)\
**Post date:** [June 24, 2018, 3:42pm UTC](https://forum.xojo.com/t/poll-ui-icons-blue-or-orange/44031/34 "2018-06-24T15:42:56Z")

</div>

> [@393339:@Greg O'Lone](#):
>
> Id suggest that you consider that not everyone has perfect vision. What you choose here may be affected by people who have different types of color blindness.

Yes, I’ve fallen into that trap more than once. Built a piece of custom production-line test equipment that used red and green LEDs to indicate Pass/Fail, only to find out after shipping the thing that some of the operators (and the shop foreman!) are color-blind.

---

<div class="post-metadata">

**Author:** ![Julen\_I](https://forum.xojo.com/user_avatar/forum.xojo.com/julen_i/32/202_2.png) [@Julen\_I](https://forum.xojo.com/u/Julen_I)\
**Post date:** [June 25, 2018, 7:41am UTC](https://forum.xojo.com/t/poll-ui-icons-blue-or-orange/44031/35 "2018-06-25T07:41:37Z")

</div>

[quote=393164:@Dave Kondris]Blue is better than orange, but the blue used here clashes with the colour of the paper. IMO, that’s why the orange looks so much better.

I think a slightly desaturated, or lighter blue would be better. That is, try to find a blue that complements, rather than clashes with the paper background.[/quote]  
+1

---

<div class="post-metadata">

**Author:** ![Mark\_Carlton](https://forum.xojo.com/letter_avatar_proxy/v4/letter/m/9dc877/32.png) [@Mark\_Carlton](https://forum.xojo.com/u/Mark_Carlton)\
**Post date:** [June 25, 2018, 1:38pm UTC](https://forum.xojo.com/t/poll-ui-icons-blue-or-orange/44031/36 "2018-06-25T13:38:49Z")

</div>

either blue looks good, for me the main reason for suggesting blue is that the orange jumped out too much shouting press me press me, i would not want them jumping out in my face, nice and subtle is best, as very soon they become familiar in their location and would be very annoying if so bold (for me i hasten to add).

---

<div class="post-metadata">

**Author:** ![Steve\_Kelepouris](https://forum.xojo.com/user_avatar/forum.xojo.com/steve_kelepouris/32/13856_2.png) [@Steve\_Kelepouris](https://forum.xojo.com/u/Steve_Kelepouris)\
**Post date:** [June 29, 2018, 8:54am UTC](https://forum.xojo.com/t/poll-ui-icons-blue-or-orange/44031/37 "2018-06-29T08:54:24Z")

</div>

I don’t think a lighter blue would work because you wouldn’t easily be able to see the white “i”. Also if the colour is/was offensive, the symbols can always be toggled on/off.

Nevertheless… I had to make a decision (finally). I decided to go with Blue. This is the second blue version in post June 24 above. Not as bright as the first and similar to the blue I’ve already used throughout.

To convince myself this blue is the better choice:

Blue:

- is the general standard for the “i” symbol
- suits the “overall feel” - it looks neater/cleaner (more professional?)
- is easier to see for users with colour blindness
- preferred by more participants in this poll (and others sources)
- takes up less ram than orange

I think one of the above points is possibly not true 🙂

Thank you everyone very much for your participation. Whilst not a huge issue in the scheme of things (ie. coding), it was a nagging question that I’m happy to say has been resolved.

I’m not going to mark this as “Answered” because with these sort of UI questions, “Beauty is always in the eye of the beholder”.

Cheers.

---

<div class="post-metadata">

**Author:** ![Carsten\_Belling](https://forum.xojo.com/user_avatar/forum.xojo.com/carsten_belling/32/11665_2.png) [@Carsten\_Belling](https://forum.xojo.com/u/Carsten_Belling)\
**Post date:** [June 29, 2018, 9:42am UTC](https://forum.xojo.com/t/poll-ui-icons-blue-or-orange/44031/38 "2018-06-29T09:42:24Z")

</div>

But that’s an interesting question! Do you know how much memory an icon takes? But if the picture data is compressed, it’s possible that a blue icon needs less RAM than an orange one 😉

---

<div class="post-metadata">

**Author:** ![Steve\_Kelepouris](https://forum.xojo.com/user_avatar/forum.xojo.com/steve_kelepouris/32/13856_2.png) [@Steve\_Kelepouris](https://forum.xojo.com/u/Steve_Kelepouris)\
**Post date:** [June 29, 2018, 11:48am UTC](https://forum.xojo.com/t/poll-ui-icons-blue-or-orange/44031/39 "2018-06-29T11:48:49Z")

</div>

Haaa, there had to be one person… 🙂

Well, the icons are not bitmap images. They are drawn into a small canvas:

[code] // draws solid filled circle

g.ForeColor = kWhite  
g.FillOval (0,0,20,20)

g.ForeColor = kInfoCircleIcons  
g.FillOval (1,1,18,18)

g.ForeColor = kWhite  
g.TextFont = “Georgia”  
g.Bold = True  
g.Italic = True  
g.TextSize = 15  
g.DrawString (“i”,7,15)[/code]

Now I wonder if would that any difference?

---

<div class="post-metadata">

**Author:** ![system](https://forum.xojo.com/uploads/default/original/1X/455b4dcc0e61630e9f81940004ddffa49c432a46.png) [@system](https://forum.xojo.com/u/system)\
**Post date:** [October 29, 2020, 7:15pm UTC](https://forum.xojo.com/t/poll-ui-icons-blue-or-orange/44031/40 "2020-10-29T19:15:28Z")

</div>



[Previous page](https://forum.xojo.com/t/poll-ui-icons-blue-or-orange/44031.md?page=1)
