Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

What are the top web design trends in 2017?

Featured Replies

Hello Friends,

 

Web design is what visitors see on a website first. Therefore, when it comes to user engagement and user-experience, web design play a key role. Every year web design trends keep changing due to change in technology and customer behavior. Year 2017 is not an exception to this fact. Can anyone help me knowing the best trends of web design in 2017.

I think the latest design trends of 2017 may be:

1) Modular Design

2) Innovative Scrolling and Parallax

3) High qulity animations

4) Grid design structure

5) High quality video and image presence on site

I think the latest design trends of 2017 may be:

1) Modular Design

2) Innovative Scrolling and Parallax

3) High qulity animations

4) Grid design structure

5) High quality video and image presence on site

 

Number two thankfully was a thing a few years ago and is becoming less common now. Anything that takes over the default scroll is frustrating for users and often causes confusion. Parallax is often poorly executed with horrible performance implications. All of these are things which drive down conversion through damaging the UX.

 

All the others have been going on for a number of years and are nothing new. Instead of focusing on trends focus more on creating brilliant UX than the latest fad.

Edited by rbrtsmith

WP themes are famous now. Based on my personal experience I can say that it's easy in using and has no problems with setup. This is a cheap way to design website without designer. Most often I use this wordpress portfolio themes. Maybe it'll be useful for somebody :rolleyes:

  • 3 weeks later...

The one most important web design trend is responsive web design. Yes, if you are going to have a website for your business please make sure that it has responsive design.

The one most important web design trend is responsive web design. Yes, if you are going to have a website for your business please make sure that it has responsive design.

 

RWD is not a trend. Trends comes and goes.

 

RWD is not a trend. Trends comes and goes.

 

 

It's also been around for a number of years now. Focusing on trends isn't important anyway, what is important is following well established best practices to ensure your website is accessible, fast, intuitive and bug free. Anything else is just fluff and your visitors at large don't care.

This is my list from what I have seen around

  1. semi-flat design
  2. cinemagraphs
  3. More 3D
  4. Animations
  5. Landing Pages
  6. geometric shapes, patterns, lines and circles
  7. bold colours
  8. colour transitions
  9. custom graphics and illustrations (as opposed to stock imagery)
  10. creative use of the grid
  11. storytelling
  12. lazy loading
  13. full-screen forms
  14. tiny design details

If more animations is a trend then it's not a good one. Animations tend to lower the UX unless used sparingly. A bit like sliders, they were popular but ineffective so those who did lots of testing soon got rid of them.

Edited by fisicx

Animations can go too far, there is absolutely no doubt in that, but used correctly they can enhance the experience as animation can be used to express many different things in many different ways, for example a simple use is that it could be used to draw attention to a section, a simple wiggle at the corner of your eye and suddenly your visiter is looking at that all important call to action.

 

Even larger animations can enhance, as an example, a sequence that shows a product being put together or a symbolic process, both of which would be large animations, both of which would enhance UX, I may be wrong but maybe you meant UI as then it could be argued that it can cause problems unless used sparingly?

I think integrating video will become more important over the next few years. Clever design and integrating it seamlessly into websites while retaining the familiarity of video experience and expectations on social media will steam ahead.

If more animations is a trend then it's not a good one. Animations tend to lower the UX unless used sparingly. A bit like sliders, they were popular but ineffective so those who did lots of testing soon got rid of them.

 

Animations done correctly really help UX. Google Material design is a good example of this. So I wouldn't say they tend to lower UX. It depends on how they are done.

I agree with both of you. Which is why I said they should be use sparingly.

 

I was looking at a site today and as you scrolled down everything was animated, content slid in elements zoomed as you hovered and the menu disappeared when you scrolled and appeared when you stopped. The also had a slider that flashed past so fast you didn't have time to red the words (which were too small on a phone anyway).

 

This is was I mean about them degrading the UX. It made the almost impossible to use.

 

Another annoying animation is image zooms. The ones where you hover and move the pointer around to see the detail. Trying to use these on a touchscreen is very difficult.

 

So while I agree animations and other visual effects can add value, they can also become very annoying.

 

Maybe we need little trails of stars following the pointed around the screen....

 

Or <marquee> - that's sorely missed.

1. Responsiveness is the top
2. Videos

3. Illustrations

4. Simple design

5. Paralax effect

1. Responsiveness is the top

2. Videos

3. Illustrations

4. Simple design

5. Paralax effect

1. was a trend about 4-5 years ago. It's industry standard.

5. Please god no. Thankfully this trend from a few years back is dying away.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.