Monday, 25 December 2017

The State of Web Design, December 2017

I might have noticed a trend or two in web design this last year.

Let me rephrase that: I spend the vast majority of my time online. I do my shopping, here, and my work, and a lot of my leisure reading. I browse the Internet mid-gaming, whether to look up information on the game I’m playing, or just to entertain myself some more because my ADD is really that bad. I even spend a huge amount of time browsing portfolio sites, where designers get to live out their design fantasies.

And even with all of that, I know for a fact that I’ve barely scratched the surface of this huge-ass network. But in my corner of it—the corner mostly dominated by Western designers—I have noticed a trend or two. And here’s where we are:

Revenge of the Flash

No, not that Flash. I wish. Watching Barry Allen tear the world apart with his sheer ridiculous power would be kind of awesome.

I believe that we are currently in the middle of a light backlash, though few might say it that way. It’s a response to the trend of flat design (and the short moment of brutalism that would follow). But instead of making 3D-looking dials and knobs on every UI again, many people seem determined to resurrect Flash, or at least call up its spirit and put it into JavaScript’s body.

Designers very quickly got tired of “flat design” as a style. I don’t blame them. Many people just grabbed a framework that looked like Material Design and didn’t think too much about it. Nowadays, while many sites are still technically flat, they try to avoid the feel of flat design, and even the word itself. Their answer to this has been to take advantage of HTML5 and JavaScript to animate pretty much everything they could think of. Think I’m kidding?

Daniel Archam’s brutalist-looking website depends on JS to work at all. And it has a screen-saver. Now don’t get me wrong: it’s a creative and good-looking site. I even featured it in November’s monthly portfolio article. But you can’t deny that there’s a certain mentality at work, here.

The response to flat design has been turn it into flash design. Or some weird post-minimalist thing. Or some combination of the two. This mentality has resulted in some beautiful and highly innovative websites that are unintuitive, inaccessible, and generally a pain to use.

I predict that the pendulum will swing once more (now there’s a safe prediction if I ever saw one). Web standards advocates will probably turn their attention to JS and animation in general, and point out some of the flaws inherent websites that require JS to show their content at all. Then some people will take that too far, and ditch JS entirely, and perhaps CSS, too. Then there will be a backlash to that.

I’m only mostly kidding about that last part.

The Divide

I feel like the web design community may, for a while, become split in two. I mean, it kind of already is, but it might even become official. The two primary parties will probably be what I call The Standardistas and the Experimentalists.

The Standardistas are dedicated to making sure the web is accessible, usable, and as idiot-proof as humanly possible. If they can build it without touching JavaScript, they will. If they can make it a static site, they probably will. Fancy animations and effects are used minimally.

The Experimentalists are tired of being constrained by the technology of our era. As far as they’re concerned, if the user’s JavaScript is broken, or their browser is outdated, who cares? Their target demographic uses up-to-date hardware and software. They’re going to try new things, because they intend to lead the next wave of innovation, or at least follow right behind whomever is leading it.

Those are extreme descriptions, of course. Any good designer will recognize characteristics of both sides in themselves. The industry needs both. But as the pendulum keeps swinging, I can see more and more designers choosing one path over the other to some extent. I doubt it’ll ever come to blows, metaphorical or physical, but a contest of sorts may one day come.

Variety Ain’t Just a Magazine

People love their bandwagons. While some people are set on going their own way, and others are set on going whatever way is opposite the majority, most love a trend. This isn’t necessarily a bad thing. In web design, trends have been used to teach basic design principles, help new technologies catch on, oppose bad practices, and so on.

Sure, adopting a design trend without clearly understanding what it’s for has caused some issues. However, I’d say that overall, trends have pushed the web forward. The fact that a whole lot of websites end up looking almost exactly the same is probably just the price we pay.

That all being said, I have seen a lot more variety this year than in previous years. Maybe that’s because I was looking for it, though I doubt it. I’ve always looked for variety, and it has occasionally been darned difficult to find.

And then maybe it’s because we have a wide variety of trends now, and people are getting on board with all of them. Perhaps that’s the future of web design: if we eventually create hundreds or thousands of distinct aesthetic trends, we’ll get some variety by the sheer force of statistics. I can think of worse futures for the industry.

All around, I think we’re in for interesting times, and a lot of debate. I personally can’t wait.

Hi-Res Xmas Mockup Scene Generator – only $14 $10!

Source

from Webdesigner Depot https://www.webdesignerdepot.com/2017/12/the-state-of-web-design-december-2017/

Sunday, 24 December 2017

Popular Design News of the Week: December 18, 2017 – December 24, 2017

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers. 

The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week.

Note that this is only a very small selection of the links that were posted, so don’t miss out and subscribe to our newsletter and follow the site daily for all the news.

Google Design’s Best of 2017

 

Material Design Components Challenge

 

Announcing UnDraw

 

What’s the Deal with Pantone’s Color of the Year?

 

The Basic Principles of Visual Design

 

18 Designers Predict UI/UX Trends for 2018

 

Free Christmas Icons

 

The 14 Most Important Interfaces of 2017

 

7 Unusual Fonts Created in 2017

 

Color Timesaver (UI Sketch): Choose Colors for your Layouts Fast

 

Site Design: 20 Most Important Inventions of all Time

 

AI Dominated 2017. Here’s What’s Coming Next

 

Salescamp – Grow Virally with a Super Simple Referral Widget

 

Google will Turn on Native Ad-blocking in Chrome on February 15

 

Ads of the Year 2017

 

We Can Teach Design Better

 

Brandie – Supercharge your Personal Brand

 

Profitable Tips for Landing Page Design

 

Affinity One Step Closer to Launching InDesign Killer

 

4 Design Principles my Landlord Doesn’t Understand, Apparently

 

9 Things Nobody Tells You About Going Freelance

 

I Tested 10+ Photoshop Alternatives to See How They Stack up

 

The Best and Worst Identities of 2017

 

Google Maps’s Moat

 

Design Principles: An Open Source Repository of Design Principles and Methods

 

Want more? No problem! Keep track of top design news from around the web with Webdesigner News.

LAST DAY: Collection of 7 Creative, Display Fonts with Extras from Sean Co. – only $15!

Source

from Webdesigner Depot https://www.webdesignerdepot.com/2017/12/popular-design-news-of-the-week-december-18-2017-december-24-2017/

Saturday, 23 December 2017

Comics of the Week #420

Every week we feature a set of comics created exclusively for WDD.

The content revolves around web design, blogging and funny situations that we encounter in our daily lives as designers.

These great cartoons are created by Jerry King, an award-winning cartoonist who’s one of the most published, prolific and versatile cartoonists in the world today.

So for a few moments, take a break from your daily routine, have a laugh and enjoy these funny cartoons.

Feel free to leave your comments and suggestions below as well as any related stories of your own…

Designer, not decorator

Photoshop magic

Merry Christmas!

Can you relate to these situations? Please share your funny stories and comments below…

50+ Beautiful Watercolor and Ink Seamless Patterns – only $7!

Source

from Webdesigner Depot https://www.webdesignerdepot.com/2017/12/comics-of-the-week-420/

Friday, 22 December 2017

6 Ways Illustration Improves UX

The old saying “a picture is worth a thousand words” is still relevant to today’s experiences. People are attracted to visuals faster than text, and this natural property of photos and illustrations make them very useful for visual design.

In modern user interfaces, both photos and illustrations became functional elements along with text and interactive elements. Illustrations are a versatile way to create a unique design. From hand drawn hero-style illustrations, to small icons, everything about a sketched image feels like art. In this article, I would like to review some of the functions of illustration from the perspective of modern UI design.

How Illustrations Help Improve User Experience

Similar to other visual elements, illustration can be a powerful communication tool. Well-crafted illustrations have following benefits:

  • Can attract user’s attention and deliver the most critical information in easy-to-understand visual format.
  • Can add clarity to a complex idea. There is no need to use any words if you can provide this information using visuals.
  • Can engage users. Beautiful illustration not only attracts user attention, but it also makes users interested in a product itself.
  • Can play with users’ imagination. It’s possible to merge reality and imagination by using illustration.

6 Ways Illustration Improves UX

There are a lot of cases where illustrations can improve user experience of a product. Here are 6 of them:

1. Deliver The Main Point Faster

As said before, illustrations have an excellent potential for explanation and clarification. In the context of websites and mobile apps, there are a dozen ways of using illustrations improve UX right from the first screens. For example, it’s possible to make the onboarding process more engaging by using illustrations on tutorial screens. This approach has the additional benefit for mobile apps of helping to avoid too much text on screen.

Image credits: Divan Raj

Using illustrations, it’s possible to show the difference between product plans.

Illustrations demonstrate the difference between service plans. Image credits: Dribbble

Last but not least, when user encounter a problem, illustrations can be used to add a little sense of humor to humanize the problem.

Error page in Flights by Google. Image credits: Dribbble

2. Create a More Memorable Experience

As users, we use a lot of products on a regular basis, but only a few of them create a truly memorable experience.

As designers, if we want to create a memorable experience, we need to learn how human brains work. Barbara Fredrickson and Daniel Kahneman proposed a psychological heuristic called peak-end rule which dictates the way our brain works with information. The peak-end rule states that people judge an experience largely based on how they felt at its peak (i.e., its most intense point) and at its end, rather than based on the total sum or average of every moment of the experience. The effect occurs regardless of whether the experience is pleasant or unpleasant.

In other words, when we remember experiences, we tend to recall not entire experience but only key events that happened. A pleasant illustration is an opportunity to become such key event and increase brand awareness.  

Using mascots in a user interface is a popular way to apply illustration techniques in design to create a more memorable experience. Branding elements such as mascots become the elements of identity and inter-connector between the user and the product.

Silverback, an app for Mac that makes Guerrilla usability testing easy, uses an illustrated gorilla as a mascot.

3. Create an Illusion of Direct Communication With User

Each user interaction with a product is a journey. Behind each journey is a goal the user wants to accomplish by using the product. For some experiences, it’s possible to convert a journey into a story in which the user will be a character, and the goal will be a final destination. Illustrations can act as a proxy between user and app by engaging users in the experience.

One good example is Omono. The app uses an owl to guide users through the interface and reinforce the user-friendly nature of the application.

Illustrations can make the user feel confident in their tasks and inspired to continue the journey.

4. Reinforce Existing Stylistic Concept

Illustrations can be applied in a user interface to provide visual support of the general stylistic concept of the app or website. Along with other branding elements, such as logos, fonts, color schemes, illustrations have a significant impact on product’s style. When illustration is created according to the style, it provides more natural and harmonic feeling of the product (and brand in general). But for that to happen illustrations should feel consistent, like they came from the same source even if they were created by different people.  

Image credits: Zurb Foundation

5. Live up the process of interaction

When we think about our apps and websites, we rarely think of them as static pages linked together. The concept of interactions requires us to add animated effects and transitions to make the experience look and feel more natural. Same as any other parts of a design, illustration can be enriched with animation.  Illustrations combined with animation can deliver not only a truly memorable experience, but they can also make the experience more dynamic.  

For example, Readme.io, a service that provides beautiful documentation to the world, makes users smile each time they enter the password. People love such little touches because they make the experience more human.

6. Add Elements of Gamification into UX

Gamification is a popular technique used by product designers to increase user engagement. A designer can consider using illustration in the interface when the user should be rewarded for some achievement.

Professional Washington Calligraphy Modern with 450+ Glyphs – only $9!

Source

from Webdesigner Depot https://www.webdesignerdepot.com/2017/12/6-ways-illustration-improves-ux/

Thursday, 21 December 2017

10 Ways To Learn PPC Like a Pro

Businesses looking for online marketing and web services are rarely looking for one provision. Typically, they are looking for an agency that can act as a one-stop-shop for all their internet-based projects.

Pay-per-click advertising is one such service that businesses are interested in. The ability to promote their company on search engines like Google and Bing is integral to earning revenue online. But if you’ve never delved into the world of PPC, how do you bring this service into your wheelhouse?

In this article, we will cover ten cost-effective and actionable ways you can learn to set up, manage and optimize Pay-Per-Click campaigns for your clients. When used, these resources will make it easy for you to confidently offer PPC to your customers.

1. Lynda.com

This online learning platform is owned by LinkedIn and specializes in expert led training. They offer a range of PCC courses, from beginner level to advanced techniques. For a fee of $19.99 per month, you can have access to over 6,000 courses. The PPC focused courses cover everything from sophisticated targeting methods to account structuring and auditing. A great resource for employees looking to take on PPC responsibilities or business owners who want to have a firm understanding of the services they offer.

2. Google Adwords

When it comes to PPC advertisements, there is no disputing that Google is the giant. Website hosting company godaddy spends over $5 million per year on Google Adwords alone. If you want to be a successful PPC service provider, you have to know the Google Adwords platform inside out. Thankfully, Google offers several courses and official documents that can be accessed for free. Even better is that the courses are self-paced, so you can learn on your own schedule and have peace of mind knowing you are getting the information straight from the horse’s mouth.

3. Udemy

Udemy is another online learning site that offers affordable classes on a variety of topics. They update their courses each year, so you can be confident you are learning all the latest tips and tricks. Over 11,000 people have already taken their 2017 PPC course, and it has a rating of 4.8 out of 5. If you want to learn how to use PPC to boost traffic to websites or remarket to your previous website visitors, this is the perfect place to start.

4. Unbounce

Unbounce is landing page creation software. If you plan on managing PPC campaigns, chances are you will have to learn how to create landing pages. What is a landing page? It’s any web page that is created specifically with conversion focus in mind. Usually, PPC ads will include the link to a landing page rather than a website homepage to reduce the likelihood that visitors will be distracted on the website or click exit before completing the conversion step. Unbounce has a PPC blog that is full of insider tips, recent updates, and valuable tidbits of information.

5. Wordstream

When notable brands like The New York Times, Entrepreneur Magazine, and The Huffington Post trust an online learning site, you know it is worth considering. Such is the case with Wordstream, a marketing software and PPC management solutions site. Wordstream offers proprietary programs like their Adwords Performance Grader, which analyzes your current campaigns and lets you know where there is room for improvements. But what really helps them stand out is their absolute mountain of PPC learning material. Better yet, you don’t need to be a Wordstream customer to access most of their content

6. Bing Ads

Bing is owned by Microsoft, and the multinational technology company offers its own courses on learning its platform. The Bing Ads Training Courses take you through every step of creating, managing, and optimizing a Bing advertising campaign. And while Bing is commonly viewed as a secondary search engine in comparison to Google, it is still a lucrative path to take for businesses looking to gain traction online. Did you know that the Bing Network Audience spend 34 per cent more online than average internet searchers? Potential customers on this platform are likely to buy and invest in brands they see as trustworthy. A great place to make your company known!

7. The Ultimate Guide to PPC Advertising

This book by Richard Stokes is available on Amazon for approximately $20.00. Richard is the founder of the digital intelligence firm AdGooRoo, and has unique insight into the world of online paid advertising. In this book, he shares his personal strategies to increase click-through rates, steal impressions from competitors, and much more. Well worth the read!

8. PPC Hero

PPC Hero is the perfect go-to website for all things PPC. From interesting and educational blog posts to webinars and toolkits, there is something for every learner. Learn everything from Adwords Smart Display to how to utilize Excel to capture your PPC data. Be prepared to dedicate a fair amount of time to this website, however. The sheer amount of valuable info is astonishing!

9. Klientboost

Klientboost is a well-recognized resource in the online marketing industry. They are known for helping clients build landing pages that convert and PPC campaigns that drive traffic and revenue. They offer several courses, some more complex than others. Their 7-Day Adwords Toolbelt course is packed with useful tips. You can also check out their guides, webinars and blogs. Each has a plethora of practical, game-changing material to learn from!

10. CXL Institute

If you are already able to create a PPC framework and complete the basics, but you want to optimize the work you have done to increase conversions, this is the site for you. You won’t find run-of-the-mill updates and tutorials here. The CXL Institute prides itself on offering detailed, comprehensive articles, courses, workshops and conferences. Topics often covered include A/B split testing, Google Tag Manager, email marketing, and more. Google itself trains some of their employees by sending them to the CXL Institute courses, so you can be certain that you are learning from the very best.

LAST DAY: 250 High-Resolution Textures with Extended License – only $19!

Source

from Webdesigner Depot https://www.webdesignerdepot.com/2017/12/10-ways-to-learn-ppc-like-a-pro/