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'm working on a web application where I have to save a user's info. This form has about 20 fields. This is the format I am currently using: Detail Form


What's the best way to show these fields in a way that any other person on the web can see this profile in less time.

share|improve this question
In what context are you using the form? Also, I cannot see the entire form in the image you've attached. You can post an external link if you want, rather than attaching the image in the post. –  rk. Mar 26 '13 at 17:34
I'm a little confused about your question.. Are you looking to design the look/feel of your form now or how people will view it after that data has been provided. –  Courtney Jordan Mar 26 '13 at 19:28
@CourtneyJordan Yes you are right,I want how people will view it after that data has been provided. –  Sunny Mar 27 '13 at 10:56
@rk.Here i am showing some fields of the form just for e.g. –  Sunny Mar 27 '13 at 10:57

5 Answers 5

One nice way is to visually group related items under categories, i.e.,

'Contact Info' => [First Name, Last Name, Email, Address, Phone] 'Work Info' => [Current Title, Specialization, etc.]

You can see an example of this with Stack Exchange user profiles, or the example below:


download bmml source – Wireframes created with Balsamiq Mockups

share|improve this answer
Thanks for this idea but this format again make the form lengthy :-( –  Sunny Mar 27 '13 at 10:58
True, the form will be lengthy, but the user will be able to visually navigate to whatever information is relevant to them in an efficient manner. The only way to compress the length of the page is to hide information or transform your presentation of it, i.e., figure out a way to change this text into a pictorial representation or something. –  Joshua Barron Mar 27 '13 at 13:55

It's kind of a wide question to ask, but I'll do my best to answer. User Profiles can be boring, and somewhat displaying information in unnecessary dull lists. This has been the case for many years, until we got social media.

Yes, I know, Social Media isn't the answer to everything - but in the case of presenting my profile thay have made a huge difference. Take a look at any profile page of twitter, facebook or Google+ and you see no boring list (Ok - there are some, but much fewer than before).

My personal favorite is foursquares profile page. Everything is there, packed with data - and still nice to view, easy to grasp - most important first, and so on. If you want to dig into (drill down) to the information - you can.

Take a look at foursquare profile page - and go all in "share with joy, steal with pride"

enter image description here

share|improve this answer
Thanks for this wonderful concept.I am working on this and i will update you asap :-) –  Sunny Mar 28 '13 at 6:09

Show things that of most immediate interest or have the most concise details first. Usually people don't have time to look at everything, so if you provide chunks of information they can digest easily, they will then be able to look at things in more detail if they want to. By hiding some of this content (e.g. have a 'more...' or some switcher to expand or collapse sections) you are doing yourself and the user a favour by letting them decide what they want to see and what is important for them.

share|improve this answer

The best way to display a user profile depends on the companies/user needs. In a world where sites go above and beyond to make "user profiles" visually stunning pages sometimes can become cluttered and can confuse/distract users. However "simple" user profiles can provide information quickly but are not visually appealing.

If this was an internal website within your company these people are looking for information and nothing really too fancy. Within your processing page you can combine fields and have them output to the same line like last name and first name can be combined to one line. You can also have two fields output on the same line as shown in the example below with the Email & Phone fields. This will help save room on your page so users don't feel they are endlessly scrolling. Simple styles can be also be added to help organize content.

enter image description here

If your profile page was to be viewed externally by a large user audience I would suggest something more visual and fun as current trends show. Sites like Facebook and Linkdin have visually appealing and fun profiles that average users enjoy.

enter image description here

Both looks have pros and cons and you will need to evaluate which look would prove most useful to your clients needs.

share|improve this answer
I would like to add LinkedIn is a visually appealing site however some profiles are very ....very long and sometimes I am unable to locate information quickly. Of course when your friends are programmers and know many languages (which are all listed on their profiles) of course it'll be hard to locate the desired information and your left endlessly scrolling the page. –  Courtney Jordan Mar 28 '13 at 15:38

Sounds more like a Design question than a UX question.

From a UX standpoint, the page design should serve what users are trying to accomplish on your app and respect the IA, UIUX they experienced so far (on previous page).

From a data perspective, it would make sense to create a relation between the data and its representation. For instance you could present all "User identity" fields as a business card, use a map to show locations -although it might be a pain to implement, etc.

share|improve this answer
It's both a UX and Design question. Design can impact the users experience which I delightfully encounter on a day to day basis. If a page/website is poorly designed then a user can have a negative experience. Yale's Art Department(art.yale.edu) is a good example of poor design and a huge deciding factor in my college education. –  Courtney Jordan Mar 29 '13 at 11:37

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

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