UX Design
Follow
Find tag "Internet"
33.6K views | +3 today
UX Design
The art of designing engaging and meaningful user experiences for customer development.
Your new post is loading...
Your new post is loading...
Rescooped by Michael Allenberg from Design Revolution
Scoop.it!

Top 10 Mistakes in Web Design

Top 10 Mistakes in Web Design | UX Design | Scoop.it

The 10 most egregious UX offenses against users. Web design disasters and HTML horrors are legion, though many usability atrocities are less common than they used to be.

Marty Note
If you took a day and fixed any of these Top 10 Web Design Mistakes That Apply you would make 50% more this holiday season. These are "cost of poker" fixes that can easily remain for years and years. Every year one of these mistakes exists your website is 10% less effective.

When you make 2 or more of these mistakes you pay with an order of magnitude more pain for each added mistake so 2 mistakes doesn't cost you 20%. No 2 mistakes cost you 200% of what your website could be doing for you.

Fix all 10 of these basic problems and your site is on its way to its "mission critical" place in your company.

 


Via Martin (Marty) Smith
more...
Rescooped by Michael Allenberg from Design Revolution
Scoop.it!

RETHINK Web Design: Unusual Web Navigations Inspire | AWWWARDS

RETHINK Web Design: Unusual Web Navigations Inspire | AWWWARDS | UX Design | Scoop.it
Beautiful Unusual Navigation Designs for Inspiration. Selection of Awwwards websites with a strong presence of unusual navigation. An effective navigation design is crucial for a website

Via Martin (Marty) Smith
more...
Martin (Marty) Smith's curator insight, June 26, 2014 9:29 PM

Navigation feels old and moldy. There are few things MORE critical than navigation. We've moved from left nav sitting firmly in the "golden triangle" to horizontal top navigation.

Neither of these options inspire and both are feeling long in the tooth and stupid. The social / mobile web requires a RETHINK about navigation. Can we find ways to make very page a homepage?

Can navigation be more relevant and less middle of the road boring? Here are some navigation examples from AWWWARDS.com that don't solve the problem...yet. But the dialogue helps begin the process of reducing our dependency on static, boring, "has-been" ideas like left or horizontal nav.

Are you as surprised that navigation hasn't been on the "top changes" list for web design in 2014? Has to be on our 2015 list because every current option is BAD and getting worse.

BOUTELOUP Jean-Paul's curator insight, June 27, 2014 2:21 AM

Merci ! il est bon de repenser aussi le webdesign pour une nouvelle expérience utilisateur

Rescooped by Michael Allenberg from Design Revolution
Scoop.it!

Does Your Web Design SING? New Neuromarketing Research Suggests It Should

Does Your Web Design SING? New Neuromarketing Research Suggests It Should | UX Design | Scoop.it

How does your web design SOUND? Strange question, but new neuromarketing research suggests we mentally sound out words we read. Implications for web designers are significant and new.

Most web designers care about how their design LOOKS, but maybe we should worry about how our sites SOUND too. Sound is a HUGE learning aid and one easy to overlook as we focus on colors, font and line.

Adds weight to how VOGUE uses alliteration to create powerful marketing as discussed in 8 Visual Marketing Tips from Vogue
https://www.haikudeck.com/visual-marketing-8-tips-from-vogue-art-and-design-presentation-QPRubvrcT8

and on Scoop.it
http://sco.lt/8qjz7Z

 


Via Martin (Marty) Smith
more...
No comment yet.
Rescooped by Michael Allenberg from Design Revolution
Scoop.it!

Web Design: 20 Hottest 2014 Trends [+ Scenttrail Take On Each]

Web Design: 20 Hottest 2014 Trends [+ Scenttrail Take On Each] | UX Design | Scoop.it

2014 We Design Trends

1. Grid Layouts - Agree & Is Good!
Yes visual marketing + pinterest + mobile is making the grid ubiquitous. I created a Mondrian grid in 1999 when we launched FoundObjects.com (not gone sadly). Grids help share MORE information faster and in the same space than any other design element.

2. Image Captions - Agree and is GREAT
The area immediately under an image is HOT. Everyone looks there but few designers use captions to reinforce or explain the image. Paying more attention to keywords under images is a great idea.

3. Extended Form Elements with JQuery - Don't Know? Does anyone?
Can't comment on this trend as it is new to me and I don't program so its potential benefits are fuzzy at the moment.

4. Deeply Focused Landing Pages thanks to Mobile - Agree & Is Cool
Don't understand this trend except enough to say COOL and WANT ONE.

5. HTML5 Video Players - Agree and GLAD
Don't play your videos on YouTube only since you just make the rich get richer. Figuring out how to play videos "in your stack" is important and having your own HTML5 player is cool.

6. 3D vs. 7. Flat Design - I come down on Flat Design as the winner due to mobile.

8. Personal Portraits - Agree and Like

9. SVG Vector sweeps web as browser support escalates. Agree & Glad.

10. Fonts get cool thanks to server advance - cool and like but not a religion or anything lol.

11. Lazy Loading Animations - cool and can think of several uses.

12. Customized Image Galleries - cool and we need.

13. Mega Navigation Menus - Don't know but don't like idea, seems confusing where confusion can really hurt.

14. Expanding Search Bars - cool and will use.

15. Featured Detail List - LIKE and is cool and new to me.

16. Mobile First Design - Agree and am doing my first now with CrowdFunde.

17. HTML5 Canvas - cool and new to me.

18, Pixel Sprites and Browser Games - New to me but COOL!

19. Quick Registration via social - AGREE!

20, CSS3 Keyframe Animation - Cool, want one.



Via Martin (Marty) Smith
more...
Monica S Mcfeeters's curator insight, February 22, 2014 10:05 AM

Here are some current WEB designing programs.

Rescooped by Michael Allenberg from Design Revolution
Scoop.it!

Planning, Design, and Optimizing a Website Simplified [Infographic] - Marketing Technology Blog

Planning, Design, and Optimizing a Website Simplified [Infographic] - Marketing Technology Blog | UX Design | Scoop.it
Infographic: Planning, Design, and Optimizing a Website by Douglas Karr on Marketing Technology Blog

Via Martin (Marty) Smith
more...
Martin (Marty) Smith's curator insight, February 14, 2014 2:43 PM

Anything you can find to help SIMPLIFY concepts related to creating or optimizing a website is valuable. This Infographic creates an interesting visual map, a map that makes the process feel easier and less daunting. 

noorazeanty's curator insight, June 10, 2014 12:00 PM

Planning, design and optimising a website simplified by internet initiatives. Website simplified infographic design is a process of website design in a simplified way using effective planning, design layout and strategic implementation.

Rescooped by Michael Allenberg from Design Revolution
Scoop.it!

Time To Go Pageless? 8 Reasons Why Pageless Design is Future of Web Design

Time To Go Pageless? 8 Reasons Why Pageless Design is Future of Web Design | UX Design | Scoop.it

Pageless design frees websites from the outdated conventions of print design and fully utilizes the digital platform they’re built on. 

8 Compelling Reasons Why "Pageless' Web Design Wins (in the end):

 

* Tells a better story.

* Easier to "digest" or understand what to do.

* Emotionally more powerful.

* Higher Conversion Rates!!!
* Makes updating faster & easier.

* Lowers BOUNCE & encourages sharing.

* Looks great on all devices (mobile included).

* Lower cost to develop.

Marty Note
I confess to not being in love with the "infinite scroll" just yet. One modification we worked out for @Curagami, our Startup Factory funded startup, is to include a Call-To-Action at the top & Bottom.

CTAs help prepare the scroll. Remember "open book" tests? Putting a CTA on top of a waterfall of content helps prep a visitors mind. It "opens the book" for them. With this many impressive benefits I'm going to have to figure out how to start loving "pageless" design (lol).

I bet there are 5 (or so) similar modifications we can make to help us know how to create the paths and conversion we want by going "pageless".  


Via Martin (Marty) Smith
more...
Rescooped by Michael Allenberg from Design Revolution
Scoop.it!

20 Long Form Content Examples with Great UX Design Inspire & Help With the "#newseo"

20 Long Form Content Examples with Great UX Design Inspire & Help With the "#newseo" | UX Design | Scoop.it
Here’s a fun fact: Over the last 10 years, our attention spans have decreased from 12 minutes to 5 minutes. Our ability (and our desire) to read lots of c

Via Martin (Marty) Smith
more...
Martin (Marty) Smith's curator insight, June 9, 2014 3:12 PM

My favorite is the NYT's Home and Garden in depth look at 4 square blocks in Philly. Great content daisy chained well so it never overwhelms and keeps readers moving. Great use of anchor links (from the sidebar) makes the piece feel more interactive than it really is. 

Long form content has many #newseo benefits. The more engagement your content creates the greater chances for conversion. Web heuristic measures such as time on site, pages viewed and returning visitors help with the "new seo" too.


Steal some of these easy tricks from NYT and make your content feel more interactive than it is and read faster and more fun so your metrics go up and readers love you enough to become buyers or subscribers.  

Rescooped by Michael Allenberg from Design Revolution
Scoop.it!

10 Visual Web Design Mistakes To Avoid

10 Visual Web Design Mistakes To Avoid | UX Design | Scoop.it

Don't Make These 10 Web Design Mistakes

1. Don't Use Flash.
2. Careful with fonts easy to do bad.
3. Text over images - Not So Much.
4. Too Many Ads.
5. No Clear Call To Action.

6. Too much text (break up with graphics or multiple pages).

7. Bad link colors.

8. Popups suck (don't do it).

9. Tiny font size.

10. Long paragraphs especially problem longer the post.  


Via Martin (Marty) Smith
more...
Monica S Mcfeeters's curator insight, April 6, 2014 6:08 PM

Quick list to refer to and avoid some Web Design mistakes.

Rescooped by Michael Allenberg from Design Revolution
Scoop.it!

25 Examples of Flat Design Inspire | Vandelay Design

25 Examples of Flat Design Inspire | Vandelay Design | UX Design | Scoop.it

It almost seems that this year flat designs have taken over the world of graphic design by force, but especially in the arena of mobile apps with the first industry-shaking flat design being for the iPhone5. Reality is that flat design has been around longer than the emergence of the iPhone5, but of course it was Apple that helped to bring such cross-industry awareness to the design style. 


Via Martin (Marty) Smith
more...
Martin (Marty) Smith's curator insight, February 20, 2014 9:22 PM

I was wrestling with why we are suddenly awash in "flat design". My first thought was flat design is more lean, easier to figure out where to go and what do do. Nope.

Flat design is upon us because of mobile as this excellent post and 25 examples shares flat transfers beautifully between desktop and mobile. Flat is the new black, so wear it well and find inspiration in these 25 examples.