# data[].attributes.body
3-4 min video

# data[].attributes.attachment_link.title
Parallax Animation Tutorial - How to Create 3D Live Photos

# data[].attributes.body
10 min read

# data[].attributes.attachment_link.readable_text
Web design is all about looking to the future. Because of its relationship with technology, the digital realm can be a showcase for new innovations in animation, interaction and overall immersion each and every year. And 2022 promises much to look forward to, as we'll soon discover in the following web design trends.

The 80s and 90s are making a return, typography is taking a leading role, and live animation is ascending to new heights. Visual styles, meanwhile, run the gamut from mind-bendingly high-tech to whimsically handcrafted.

All in all, 2022 is shaping up to be a diverse and experimental entry in the digital annals. But before we settle into this brave new year, let's preview the 9 innovative web design trends coming up in 2022.

The top 9 web design trends for 2022
-

1. Memphis design
-

Memphis design -one of the defining aesthetics for the 1980s-is sometimes thought of as a gaudy style, pairing a multitude of chaotic patterns and shapes together. In its day, Memphis design was a rejection of minimalism and the supposed high tastes of art critics, making design simultaneously more colorful, approachable and adventurous than it had been.

This attitude rings especially true today when minimalistic approaches have led to a sea of interfaces that (while intuitive) are overwhelmingly uniform. It is no wonder then why many web designers are turning to Memphis design for an explosion of colorful personality no visitor will soon forget.

2. Typographic hero image
-

As the first part of a website that visitors see, the hero image has to make a statement. The web designers of 2022 are taking that idea to heart with typography-led hero images.

Essentially, these hero sections reduce or eliminate imagery altogether to allow the message itself to carry the weight of the first impression. Rather than coming across as bare, these hero sections are bold in their simplicity. They command attention the way a captivating news headline does. And along the way, they provide an excellent showcase for some tasteful, creative lettering styles.

3. Retro revolution
-

As the advent of the World Wide Web increasingly becomes a distant memory, the up-and-coming web designers of today are taking inspiration from those early Wild West days. The so-called Web 1.0 of the 90s was characterized by bright background colors, visible table layouts and robotic typefaces like Courier.

Though all of this was implemented with tragic and often hilarious results, the web designers of 2022 are reviving this trend with the added benefit of nearly 30 years of collective design experience.

While the 90s internet was a showcase of unnecessary gimmicks, graphics and colors, it was also a time when the rules had not yet been written-when "web designer" wasn't even a profession. The designers that have come up since-reigned in by industry standards-now see those early days as a hotbed for unrestricted creativity (for better, or worse).
By Kristen Ryan via Dribbble
4. Visible borders
-

Web design likes to create a sense of magic-or at least the illusion that the content is neatly arranged by an invisible hand, floating freeform in digital space. The reality, of course, is that websites are built on a strict grid and held together with code. For 2022, web designers are looking to get a little more real with layouts that reveal their foundation through simple borders and frames.

A visible grid has the obvious benefit of distinguishing one section from one another. This makes the page easier to scan while allowing for more content without the page feeling crowded. These simple borders also give websites a subtle, retro touch that pairs well with other 90s-adjacent trends making a comeback.

5. Engaging interactives
-

Over the years, we've seen websites ramp up animation showcases to technologically inventive heights. While in the past these have largely played a role in hero sections and page transitions, we expect more designers in 2022 to turn to large-scale animated interactions.

These interactions delve beyond scrolling-which can be relatively passive-to encourage more meaningful engagement with the page, such as clicking, swiping and dragging.

The key to the trend is to present a bit of mystery-such as the tiny black cube that follows your cursor on LEQB's site or the conspicuously missing navigation on Chiara Luzzana's site-and the visitor is invited to use a specific form of interaction to learn how the page works. This creates novel experiences that leave the visitors feeling more like investigators, actively poking and prodding the page to uncover its secrets.

6. Neo-brutalism
-

Neo-brutalism comes from the classic roots of Brutalism, an architectural movement of the 50s-70s that emphasized raw, exposed materials like concrete. Brutalism has been gaining traction in web design since its digital reemergence in 2014, as documented on the site brutalistwebsites.com. Barebones unstyled html, plain backgrounds, asymmetrical layouts, default computer fonts and untreated photos all characterize digital brutalism.
By Luka Marr via Dribbble
The Brutalist style is made to be stark, and it often has an arresting effect-the key to which is a self-aware honesty promoted by its own bareness. But for 2022, we expect this style to morph into a more subdued and less extreme version-essentially, Neo-brutalism. This marries the rawness of brutalism with the restrained tastes of minimalism, making websites that work for less avant-garde clients and that avoid the pitfalls that led to architectural brutalism's eventual decline.
By Tee Tran via Dribbble By Aleksandar Igrošanac via Dribbble
7. Moving type
-

As designers have always known, typography can do more than convey information-it can move the viewer. In 2022, web designers are taking this idea further with literal moving type.
via esfuerzomezcal.com via vitaarchitecture.com
Animation is of course nothing new to web design, but it is usually reserved for illustrated graphics, UI elements, and page transitions. For that reason, moving text can come as fresh and unexpected, even when the animations are simple-as circular rotations and side-scrolling "news tickers" are. These small touches allow the typography to take center stage without overwhelming the reader with gimmicky animated gags.
via vancouverartbookfair.com via spielzeit.jungesschauspielhaus.de via enjoylunacoffee.com
8. Creative scrolling experiences
-

Being the most common type of engagement a user makes with a page, scrolling is a constant opportunity for animated interactive feedback. For 2022, scrolling experiences are getting bigger and better than ever by taking visitors on imaginative journeys.
via uncannyvalley.studio
As scrolling animations are not new, the key to this trend is to surprise the visitor with a creative experience. We are seeing pages transform into living worlds through psychedelic imagery, parallax effects and even breakthroughs into the third dimension.

These animations get ever more detailed and psychedelic, many designers are including a prominent foreground element for the visitor to keep their eye on-such as the black crystal on Stone & Style's site. In this way, while an immersive animation entices visitors to journey towards the bottom of the page, the foreground mark keeps them from getting lost on the way there.

9. Handmade graphics
-

As we've seen in 2022's trends so far, technology has paved the way for some incredible feats in web design. But the reliance on digital tools can make it so easy to miss out on that sense of personality you get with imperfect, handmade artwork. That's why, for 2022, we expect an increase in DIY graphics to foster relatable interfaces.

These can include scribbles and doodles, messy cutouts, and analog textures like crayons and paint. The effect is to bridge the gap between online and off, to ground these too often interchangeable screens to the real world through a human touch.

Ready for the 2022 web design trends?
-

The web design trends for 2022 represent another step forward, but on the internet, that's really nothing new. The future moves quickly in our current age, and digital designers often pave the way. But what makes these trends feel refreshing is their focus on creating joy.

Whether they are bringing back a forgotten decade, delighting the user with interactions and animations, or offering up something handmade, the goal of this year's web design trends is to elicit a momentary sense of wonder, no matter how unconventional their approach.

# data[].attributes.attachment_link.title
The 9 Most Innovative Web Design Trends for 2022 - 99designs

# data[].attributes.attachment_link.description
Web design is all about looking to the future. Because of its relationship with technology, the digital realm can be a showcase for new innovations in animation, interaction and overall immersion each and every year. And 2022 promises much to look forward to, as we'll soon discover in the following web design trends.

# data[].attributes.body
Further info in your premium LinkedIn Learning area on Moodle

# data[].attributes.attachment_link.readable_text
Building a site for your visitors

- You need to know who your audience is and how they behave before you can build a successful site. Different audiences have different needs. For example, two people looking at car reviews might want very different information from the review. A car enthusiast will want different information highlighted. Things like horsepower, torque, speed. Than a small business owner such as a florist, who cares much more about fuel economy, service intervals, and storage capacity. Trying to give the wrong stats to the wrong audience just doesn't work. You need to tailor the content on your site to the group of users that you care most about. Luckily, overall, most visitors to your site will have many of the same behaviors. Once you've worked out what those behaviors are, you're on track to designing user experience that's just right for those people. So, the first step in your process has nothing to do with the tools you use or the platform you'll develop on. Instead, you need to spend some time thinking about who exactly you're going to optimize the sites design for. It's worth the time to sketch out the attributes of the visitors you care about, what they value, what their goals are, and what concerns might stop them from using your site. Some people call this type of sketch, a persona. Let's consider Flora, the florist. The content you produce needs to talk to her goals and values. These goals and values might be very different for someone using a car for recreational purposes. As you go through the rest of the design process, keep referring back to your persona sketch. Ask yourself, will my persona feel like the site is being built just for them? The wonderful thing is, by focusing on this one individual, you actually end up building a site that lots of people will enjoy using. It gives your site a focus that you just wouldn't have if you thought you're building it for "everyone" on the web.

# data[].attributes.attachment_link.title
Building a site for your visitors - User Experience for Web Design Video Tutorial | LinkedIn Learning, formerly Lynda.com

# data[].attributes.attachment_link.description
You need to know who your audience is and how they behave before you can build a successful site. Different audiences have different needs. For example, two people looking at car reviews might want very different information from the review. A car enthusiast will want different information highlighted.

# data[].attributes.attachment_link.description
Master the basics of digital marketing with our free Interactive Advertising Bureau-accredited course. There are 26 modules to explore, all created by Google trainers, packed full of practical exercises and real-world examples to help you turn knowledge into action.

# data[].attributes.body
10 min read

# data[].attributes.attachment_link.readable_text
We spend a lot of time online reading news, navigating websites and using web apps. In some cases, our experience online is not the best that we could have.

And all this is due to poor design that didn't take user experience into consideration. It's easy to look from afar and notice these errors, but it's a bit trickier when you are the one handling a project.

As designers, it's our duty to create design with great user experience. And it isn't easy.

Here are some best practices for UX for web projects.

1. Design Should Concentrate on User Experience

Making the experience of the website memorable is more important than what the website says. Users often forget the data and salient points of content, but they will remember how it made them feel. It works in advertisements, why not use it on web content?

Graphics, layout, text, and interactive elements work in synergy to present the user with an experience, not just present them with information. UX design is a consequential piece of application and web work.

Making your page stand out from the sheer quantity of websites and information on the internet is essential. Modern websites contain more visual and interactive qualities to strike at more emotional responses to help them stand out in the highly competitive world.

2. Websites Are Scanned, Not Read

It is a must that your website is scannable because people do not read websites, they scan them. Infographics and visuals have become the way for anyone trying to convey instructions or data.

Making your page scannable will appeal to your audience. Most will scan the content for something that strikes them and then they switch to reading when they want to find out more.

3. Users Want Clarity and Simplicity

In a half of a second, users evaluate the design of a website, so you need to decide what you want users to do and make it apparent. Don't make it difficult to find action buttons. Visually focus attention on the main button versus a bunch of buttons on the home page.

Constantly reconsider what your app or site can do to make it easier to use. Part of the design is making it highly usable for the majority of users and allowing for extra functionality to be hidden and made discoverable as it is needed, not shown all at once.

Also providing a clear, consistent design is simpler for users. They can then know what to expect when you are reusing colors, behaviors, and aesthetics which reduces the need for them to figure out the interface. When users are familiar with some of the aspects of the design it makes the process clearer and easier to use.

4. Common Design Elements Versus Creativity

When design elements are common elsewhere, don't reinvent them by becoming creative with new UI patterns. Making users think too hard to figure out your UI interface is not what you want. You want to have a familiar looking interface where standard objects like links stand out as links, and login access is located in the upper right. There is no need to relocate such standardized components.

Creativity with standardized patterns can make your interface hard to work with and not promote usability. Although you may think non-traditional is cool, it may make it harder for users to navigate and thus it falls into a problem area. Creativity and usability need to have a balance.

URLs, button, and navigation placement need to focus on usability before design. Its best to focus on the layout of these first without the design in mind, then add the creative elements.

5. Know the Audience

You must have a good idea of who the audience is for the intended website or app before you create it. How to best design the interface will come from them.

Once you have a clear idea of the audience for your website or app, you can then find out their needs and wants, and design the perfect design that will meet their desires. The competition can show you some ideas of how this was done. Note the competition's colors, layout, style, and features.

When you use styles and designs that your audience is already comfortable with, they can be eased into your site. You can then differentiate yourself with your ideas on their needs.

When you've identified your audience, remember to incorporate their feedback into your design. Considering end user's actionable feedback is significantly valuable.

6. Visual Hierarchy

When putting the most important elements on the interface, highlight them so that users focus on them. In design, there are a lot of ways in which to highlight things, but the most effective is to make it larger than anything else on the screen.

Making something a focal point by making it larger than anything else, is how several websites achieve the impossible to ignore highlighting of sales or 'click here' buttons.

7. User Experience Qualities

Peter Moville represents the factors of UX in the User Experience Honeycomb on the usability.gov site. At the core is value in what you are providing to the client, surrounded by hexagonal shapes of the following:

Useful - Content should be original and fulfill a need

Usable - Site must be easy to find

Desirable - Design elements bring about emotion and appreciation

Findable - Content needs to be locatable and navigable offsite and onsite

Accessible - Content needs to be accessible to people with disabilities

Credible - Users must believe and trust what you tell them.

There are other schools of thought regarding UX qualities. Here are more things that are related to building UX as well:

Be contextual - Be sure to mark where users are in their path through the interface.

Be human - Be trustworthy, transparent, and approachable with human interaction preferred over machine interaction.

Be discoverable - Be sure users can accomplish their tasks the first time they visit.

Be learnable - Be sure that interaction is easy and moving through product is seamless. Be sure that on subsequent visits users can accomplish their goals.

Be efficient - On repeat visits can they accomplish repetitive tasks quickly and easily?

Be delightful- Be sure that product delights users so that they have an emotional connection to it and champion your product.

Be a performer - Be sure that the system performs well when users are interacting with it.

Conclusion

Users need to have an emotional connection to the experience of using your product. If you are merely creating an interface and not an experience, you have limited chance of gaining the following you need to make your product a success.

UIs need to be simple to navigate, easy to use, and created with the proper colors and fonts for your audience. Don't forget to integrate end-user feedback while remaining consistent throughout the design.

# data[].attributes.attachment_link.title
7 UX Principles for Creating a Great Website | Webdesigner Depot

# data[].attributes.attachment_link.description
We spend a lot of time online reading news, navigating websites and using web apps. In some cases, our experience online is not the best that we could have. And all this is due to poor design that didn't take user experience into consideration. It's easy to look from afar and notice these errors, but [...]

# data[].attributes.body
Create your online portfolio /web site and think of a business idea that you would like to use for this unit - a theoretical or fictional business, for example - a cafe or restaurant, a gym, a florist, an event planner, anything you like.

# data[].attributes.headline
Assessment One Week Two Portfolio Activity

# data[].attributes.subject
Assessment One Week Two Portfolio Activity

# data[].attributes.body
Locate 3 websites with good web design. Add a link / screenshot to each of these sites to your blog and your rationale on why you have chosen each of these sites.

Locate 3 websites with poor web design. Add to your blog in the same manner as the good sites above.

# data[].attributes.headline
Using Canva to create your business logo

# data[].attributes.subject
Using Canva to create your business logo

# data[].attributes.attachment_link.title
Amazingly Simple Graphic Design Software – Canva

# data[].attributes.attachment_link.description
Sorry, the page you are looking for does not exist.

# data[].attributes.body
Same every week

# data[].attributes.body
What did you learn today?
Add in comments below.

# data[].attributes.headline
Class Activity - Preview Week Three for  Assessment One

# data[].attributes.subject
Class Activity - Preview Week Three for  Assessment One

# data[].attributes.body
5 min read - use for Assessments

# data[].attributes.attachment_link.readable_text
Ragan Insider Premium Content

This article originally appeared on PR Daily in February of 2018.

For your audience to be engaged, they need to know, like and trust you.

Keeping your following involved is a great way to build a community of fans for your brand. What are some of the proven, time-tested social media ideas that can help build engagement?

Here are seven:
1. Curate content.
Posting curated content is a great way to build engagement and bridge any gaps in your content marketing strategy. By sharing top-quality content from other creators in your industry, you can position yourself among your audience as a reliable resource. You get the chance to introduce your followers to other content creators and reach a wider audience.
2. Create infographics.
Infographics are liked and shared on social media platforms 3 times more than any other type of post. Highly visual pieces that contain a lot of information in a format that can be easily digested by readers and have the potential to generate a ton of engagement and even attract new followers to your social media accounts.

# data[].attributes.attachment_link.title
7 ideas for social media posts - PR Daily

# data[].attributes.attachment_link.description
Part of building trust with your audience is making sure that they hear from you regularly. Here are some ideas for social media missives to stay connected with your followers. This article originally appeared on PR Daily in February of 2018. For your audience to be engaged, they need to know, like and trust you.

# data[].attributes.body
For Assessment work
3-4 min video

# data[].attributes.attachment_link.title
Social Media Marketing with Facebook and Twitter Online Class | LinkedIn Learning, formerly Lynda.com

# data[].attributes.attachment_link.description
Discover how to leverage Facebook and Twitter to engage customers, build community, and generate great buzz for your brand.