0

I'm building a suggestion engine web application, it will be very minimal .

The users will need to fill a form to get the result, the form has around 7 to 8 inputs that must be filled . I already figure out how to keep the input UX smooth .

However I don't know which background type should I use : Image, Color , Simple Colored Patterns or just white .

My web app let the user interact and use it directly,it's UX is similar to google home page, but instead of one large text input (the search bar) . I do have multiple inputs .

So how can I chose the right background ? I'm also looking at a material design UI .

closed as off-topic by Ameen Akbar, Mayo, Devin, SteveD, DasBeasto Jan 3 '17 at 18:29

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "Questions about Implementation are off-topic because this site is for User Experience design questions, not questions around how to implement these designs. Therefore, questions around the use of programs like Photoshop or languages such as CSS or JavaScript are off topic." – Ameen Akbar, Mayo, Devin, SteveD
If this question can be reworded to fit the rules in the help center, please edit the question.

  • If you could post the different options we can discuss on them, because any of them could work correctly generally. – Alvaro Jan 2 '17 at 16:55
  • I think this is a good UX question, since - as I interpret it - it's about how different backgrounds affect UX (specifically, readability). – Ken Mohnkern Jan 3 '17 at 18:27
  • I don't think this questions is off topic for the reason given, but because it opinion based. There is no "correct" answer as a blank white screen can be just as usable all a full screen image in the right context. I do think this question to be reworded to, as Ken said, discuss the key points in different types of backgrounds and how they affect the user. – DasBeasto Jan 3 '17 at 18:32
1

From a UX Design perspective...

  • Setting type on an image or pattern makes the text hard to read. The patterns interfere with the type shapes.

  • Setting type on a color can be okay, if the contrast between background and text is high. WCAG suggests a contrast of 4.5:1. (Here's a tool to tell you what the contrast is.)

  • Setting dark text on white is best.

Personally, I don't see any reason to add visual complexity to an app that is "very minimal."

Not the answer you're looking for? Browse other questions tagged or ask your own question.