Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I have a web application that works as a word processor/text editor with a text area for main input. It is designed through CSS. What background color is best to encourage the user to concentrate on the work and improve productivity? Does using a linear gradient or radial gradient have psychological effect? This text area part is the most important part, so the coloring of the other parts are flexible.

share|improve this question

closed as not a real question by Mervin Johnsingh, kontur, Matt Rockwell, Matt Obee, Ben Brocka Feb 15 '13 at 17:10

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.If this question can be reworded to fit the rules in the help center, please edit the question.

2  
This is a very vague question, the background color will depend on what font you color you use and how the color ties in with your application design –  Mervin Johnsingh Feb 15 '13 at 14:09
2  
Typography will play a big role as well. –  thgaskell Feb 15 '13 at 14:23
1  
I would say to default it to white and if the user happens to select white as the color of the text, at that time, and only at that time allow a new option for the user to select a custom bg color so he can see the text he is typing. –  Flavius Frantz Feb 15 '13 at 14:36

1 Answer 1

I think the background should be clean - just white, or maybe paper-like. You can give users some options to choose from. Some may prefer clean card, the others, ruled paper.

A great way to make users focus on writing would be creating a distraction-free interface for writing - minimize the elements not directly related to writing, make the iconography minimallistic and you can allow users to go full screen. Regarding background - if you provide full screen, you could also add a dark theme.

A good example to follow is Byword app: http://bywordapp.com/

share|improve this answer

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