What’s the first thing realtors tell you to look for when buying a house? Location, location, location.

What’s a very crucial part about setting up the house? Location, location, location.

What’s the first thing you should consider when designing a web page? Location, location, location. Of the elements, that is.


Heading In the Right Direction

Why’d they put that thing there and not there? What about this video clip posted at the very bottom of the page? That gif really shouldn’t be so close to the featured photograph…

When dealing with image placement, a key factor to consider is the hierarchy of importance for each element. In order to help you visualize what is most important, diagram a quick sketch of all the elements to be displayed on your webpage.

Usually, your main title will come first, followed by a possible subtitle and then the author(s) involved in the production of said piece.

The title should be placed at the highest point on the page, reinforcing the conceptual ideas and common themes, like so:

Screen Shot 2015-09-20 at 11.34.48 PM


Featuring Photogenic Fabio (and His Hands)

Immediately after the heading, we should see some form of photographical or video-graphical documentation of the story that is about to unfold. Do we paste a picture of the latest iPhone table swarmed by anxious Apple-fanatics? Are we allowed to film this iconic moment in history and embed the hands-on experience video?

Screen Shot 2015-09-20 at 11.42.41 PM

The Verge’s answer? Yes. Not only do we see the orchestrated bedlam, but we are also presented with a vicarious medium in which we too can digitally test out the iPhone.


Share Is Caring

Perhaps the most overlooked (or implied) asset of online websites is the ability to electronically communicate data from one source to another; the “Share” toolbar should exist somewhere, either before or after the actual content is divulged.

Screen Shot 2015-09-20 at 11.45.08 PM


Content With Your Content

Last but not least: the meat of our article will be honored. It is here where our fallen soldiers and hierarchical orders set their course of action.


Sources

Go ahead and explore these useful links that were referenced throughout the post:

http://www.theverge.com/apple/2015/9/9/9277881/iphone-6s-plus-hands-on-photos-video-camera

http://designshack.net/articles/layouts/10-crucial-elements-for-any-website-design/

Advertisements