Images are important! They have in them the power to make the user laugh, cry, become sad, angry, happy, elated, motivated and ignorant and much more. When we decide on designing a human interface we always think of the emotions we want from the human. We also think of the message we want to convey to the human. Basically emotions are the key in design to make a user go from Ugh to AWW!
I feel sad, to say that I have also used placeholder images in designs and front-end, in past. I now understand why we should never put placeholders, and images should be well thought of.
At best placeholders are for wire-frames.
The best way to understand this is by taking an example and experiencing the difference it makes in actually putting in the effort to choose the right images. Let us do just that.
Recently I was asked to design and develop the landing page of Consciously.life which is this amazing product that replaces 3rd party ads with inspiring images and to-dos. As Joel(founder) says, it is Adblocker meets Pinterest.
The theme for Consciously.life is inspirational, elegant and minimal. Check out the below image for a version of home page design:
The images are great individually but are they conveying a theme? Are they part of something bigger? Do they not look like thrown together in a random manner?
Now check out the below image:
It is definitely less colours than before, but does the collage draw a picture? Do they look like they belong together and look better with each other. And is the whole effect elegant, minimal and inspiring?
And the most important of all, do they complement the whole webpage and also add a slight contrast while…