#6 Use succinct design to create details

Our team wants to seek some interesting and useful points for the digital marketing. Considering of we are doing a website design, we begin to seek some elements about our design, which would be beneficial for our study and work. Nowadays, there are too many websites with messy design placement. They also use many colours to make the website too complicated. So, our team decides to discuss how to use succinct design on the website. We also considered that websites need to have enough details to attract users to visit. So, we pick this as our topic, how to use succinct design to make users feel detailed.

 

Firstly, what is detailed design of a website? There are some examples below.

 

 

 

 

 

 

 

 

Figure1

 

 

 

 

 

 

 

 

 

Figure2

 

 

Most people would believe the Figure2 is more detailed because it has a ornamental element, the shadow. We believe that the more time our eyesight stay on the image, the more detailed the image is. When we look at images, we would have two responses. First response, we try to find the second element on the image. If we could not find it, we would turn our attention from the image immediately. Second response, we would divert our attention from the image, because we could see there is no content.

 

 

 

 

 

 

 

 

Figure3

 

 

 

 

 

 

 

 

 

Figure4

 

 

By looking the figures above, when we look at the Figure3, we may think it just shows a word, which may only take us 0.1 second. However, when we look at the Figure4, there are some differences that the ups and downs, projection, acrylic texture, and other decorative techniques button, which would make most people feel more detailed. This is about we discussed above, visual stay. 

The Figure3, when we look at it our brain will make immediate response, which is just a word, then, we will start actively looking for a second visual stopover. At this time, we will notice a grey background, and then the next, we may notice a dark grey text. However, when we did all these observation, we can no longer find an element from the image, we will divert attention.

While the second quasi-physical design of the button. We will see the text at first, then saw a gray background, and then the next button to see is raised, chamfered edge arc, the relationship between light and shadow to imitate the texture of acrylic overlay text below projection, etc. . Because there are more decorative elements, so that our eyes would stay on the it longer, we will consider the second image have more details.

So, most people would believe the Figure4 is a button, not only a word. If designers use the design of Figure4 to devise a button, it would attract more users to click it than Figure3.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Figure5

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Figure 6

Actually, the two images above are both messy, but most people would think the Figure6 is more detailed. The second image, although the colour is cluttered with objects, but, thanks to the symmetry axis type composition, which would reduce the viewer's visual fatigue. Look at the whole, look left, then look right. Human visual activity is guided by the composition.

So, the elements in the image and how to put these elements are the two core points.

 

To be continued...