Interface Design and UX Thread - How our App Looks

**Gare** · 09 October 2013, 08:42 PM

I love the layout and the graphics.

I hate, hate, hate the super-intense shade of blue you have currently.

There's a zillion shades of blue you can use in the gradient. Why not something lighter, less saturated, which would make it more inviting to use and less of a headache/threat/challenge?

Not enough tonal contrast between the background and the logo.

Can I assume that delaring new colors is relatively trivial, and won't upset the layout, because I love the layout, very logical, easy to use.

My Best,

Gary

**gracehjs** · 09 October 2013, 08:48 PM

Yes, I agree, the blue is too dark and yes- changing colours is easy. I just hadn't bothered as I was working on getting the whole thing running.

**Gare** · 09 October 2013, 10:59 PM

Good, thanks Grace.

Please bear in mind that when you make a presentation, you need to cater to those of us who are ignorant about coding, and also what a "finished version" looks like.

When I worked as an art director at an ad agency, we were always careful to keep stuff we'd show to the cloejt rough and sketchy. Because when a print ad looked too polished, the client presumed it was the finished ad.

Of course, I'm brighter than that. *< 8 O ) <---clown smiley

-g

**wizard509** · 10 October 2013, 05:17 PM

I totally agree with Gare about the blue. Another thing I noticed that bothers me is the dark brown background on the Xart logo, it is too close in value to the blue check mark and the check mark gets almost lost as a result.

**gracehjs** · 10 October 2013, 10:26 PM

OK currently the blue is gradient starting at #FF3AABF9 and ending with #FF4249F5. What would you like them changed to as this seems to be a hang up on answering my actual question. Also, here is the logo to play with. I don't have the Xar file.

**wizard509** · 11 October 2013, 05:04 AM

Grace,
Here are some of my color experiments. They are down and dirty so just view with a grain of salt. The two largest are similar to what you have except for the check mark.
I have not yet reached any conclusions. But I do have my favorites.

Click image for larger version.

Name: 1.png
Views: 475
Size: 10.3 KB
ID: 99053

Click image for larger version.

Name: 2.png
Views: 466
Size: 10.2 KB
ID: 99054

Click image for larger version.

Name: experiments.jpg
Views: 465
Size: 22.2 KB
ID: 99055

**Boy** · 12 October 2013, 06:45 PM

Originally Posted by gracehjs

OK currently the blue is gradient starting at #FF3AABF9 and ending with #FF4249F5. What would you like them changed to as this seems to be a hang up on answering my actual question. Also, here is the logo to play with. I don't have the Xar file.

I tried to put a few things together and present an alternative to the blue interface and logo. I only prepared half of it because that should give a good enough impression of what is possible.

**gracehjs** · 12 October 2013, 07:42 PM

When I replied yesterday half of what I wrote got lost. I said that I really liked your ideas and would it be possible to have .XAR file with the buttons.
Thanks

**Gare** · 13 October 2013, 04:51 PM

Originally Posted by gracehjs

Also, here is the logo to play with. I don't have the Xar file.

The logo is attached here as vector art, and I used one of Larry's color schemes. Thanks to Mind's Eye for the treatment of the "art" portion, and I believe the subordinate text is Adobe Myriad Condensed Bold (or Black).