: Are there any good practices for designing web pages with a possibility of a very large amount of info? I'm building a user profile page that sometimes displays huge amounts of text (depending
I'm building a user profile page that sometimes displays huge amounts of text (depending on how much the user has created). It's basically a bibliography.
Are there any techniques or good practices for a good way to display or work with huge amounts of text without making it too overwhelming?
Unfortunately the information is ordered in a specific way on purpose so I can't turn it into a table with the title in one location and the authors in one location etc.
EDIT: The type of information is a list of medical publications that the user has authored, and it's listed in a required format.
More posts by @Shanna688
3 Comments
Sorted by latest first Latest Oldest Best
A verey long list does not work with human perception and human brain verey well.
You need to find some category, alphabetical, theme, some sort of clasification, keywords... something.
In a printed or paged document you can have pages, and you fell you have the control on the reading. But if you don't make a clasification you will have a long document, but not e verey usable one.
Regarding Graphic design. Make colums, count words per column to make them more friendly. Play with the line spacing. Play with the space and margins. The information can be dense. Don't make the reading of it dense too. :o)
The way to go for me would be a lazy loading list, which loads extra information when the user is at/near the bottom of the page.
The good, the bad
This has a few upsides:
keep load times low by only loading small amounts of data
user isn't overwhelmed when loading the page
no user action is required to load more info (as opposed to 'read more' buttons)
Downsides:
the user might become annoyed after a while, because there's no way to tell how much more information is coming
there's no good way to search through the list (although this might be helped by giving a export a PDF option)
Examples
Here are some examples:
Basic
with a spinner
Maps
Slideshares
You get the drift. Search the Googles and you'll find more than you ever wanted :) Good luck.
Usually large amounts of info are presented in teaser mode, with "read more" appearing after certain number of characters or block height. You can also use same technique to break content into multiple "read more" or pages, with breadcrumbs and page/screen navigation.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.