Clever Geek Handbook

Custom question. I am creating a search engine for a music album

The thumbnail will be displayed as the left float, followed by the title and description as the left float.

``````````  BEATLES
``````````  DescriptionDescriptionDescription
``````````  DescriptionDescription...
``````````
``````````

``````````  COLDPLAY
``````````  DescriptionDescriptionDescription
``````````  DescriptionDescription...
``````````
``````````

``````````  MOZART
``````````  DescriptionDescriptionDescription
``````````  DescriptionDescription...
``````````
``````````

Do you agree on the results on the left side of the page? Or in the middle of the page? Traditional search engines are aligned to the left, but it looks like music / media related sites like Youtube are aligned to the center.

Please explain your reasons and details. Thank!

+2


source to share


6 answers


There is no right or wrong answer to this. All I can say is that the fixed width format usually looks better when centered.



But before you decide whether to use a centered layout or not, you should think about who will be using this site and what they will be using it for. If it's designed to quickly find information about an artist / composer (like a dictionary / encyclopedia), at least a minimal layout and interface might be better.

+2


source


The middle page looks better



0


source


Usability tests generally show that shorter columns of text are more readable. Short columns of text aligned to the left are ugly.

Ergo, you should focus your results to facilitate narrower reading area and shorter lines in the descriptive text, without the list being ugly.

0


source


If you are using fixed width or margins, left alignment can make it easier for users to resize the window as needed (for example, to view other windows along the side). With a single drag on the right edge of the window, they can shrink the window to reveal the thumbnail and name, allowing them to scan albums in the smallest possible screen space. In some centering alignment implementations, the user has to drag the edge of the window, then scroll horizontally, creating more work.

0


source


Change the settings slightly and align with the right .

-1


source


You can use it so that the user can choose where the results are aligned.

-1


source






More articles:


All Articles