Design Revolution
Follow
Find
40.2K views | +41 today
Design Revolution
Design Is Revolutionary
Your new post is loading...
Scooped by Martin (Marty) Smith
Scoop.it!

UI Web Design Examples Inspire on Pinterest

UI Web Design Examples Inspire on Pinterest | Design Revolution | Scoop.it

An open board hosted by Awwwards where everyone interested in web design can share inspiration. | See more about web design layouts, web design and ui design.

Marty Note
Great responsive web design examples here and some beautiful web design from grids to water falls.

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

Four Days In Paris and 14 Other Flat Design Examples Inspire

Four Days In Paris and 14 Other Flat Design Examples Inspire | Design Revolution | Scoop.it
Martin (Marty) Smith's insight:

Flat design is amazing. Looks good on mobile, is clean and easy to understand and hard to create. Here are 23 great examples.

more...
cees de roij's curator insight, April 7, 9:31 AM

On this website you can learn a lot and that is very good.

RDV Weekly's curator insight, July 11, 2:48 PM

To meet modern design demands, flat design must be mobile-functional, clean, and user friendly. Some examples here.

Scooped by Martin (Marty) Smith
Scoop.it!

10 Reasons Visual Content Dominates 2014 - The Wishpond Blog

10 Reasons Visual Content Dominates 2014 - The Wishpond Blog | Design Revolution | Scoop.it

10 Reasons Visual Content will Dominate 2014 What marketing strategies will we focus on in 2014? What will we leave behind? This article takes a look at the rise of visual content - and why 2014 will dominate in 2014:

1. 90% of information transmitted to the brain is visual. Visuals are processed 60,000X faster in the brain than text.

2. Videos on landing pages increase average page conversion rates by 86%.

3. Visual content is social-media-ready and social-media-friendly. It’s easily sharable and easily palatable.

4. Businesses who market with infographics grow in traffic an average of 12% more than those who don’t.

5. Posts with visuals receive 94% more page visits and engagement than those without.

6. 60% of consumers are more likely to click on a business whose images appear in search results.

7. Clear, detailed images carry more weight than product information or customer ratings say 67% of consumers.

8. Visuals show your products without telling people about them. This allows viewers to make their own decisions without feeling pressure from your business.

9. Visuals express ideas quickly - in a snapshot. This breaks through the overwhelming clutter of online content.

10. Visuals are becoming easier and easier to create as photo editing tools become more accessible

 

Martin (Marty) Smith's insight:

I can think of a few more reasons visual marketing will dominate in 2014 including:

* Visuals are cross-cultural and global (don't have to speak english to understand visuals)..

* Mobile LOVES visuals and everything is going mobile 

* Visual marketing is more viral, more "shareable". 
*  Visual marketing is more fun. 

Wow, this post is  sparking a lot of great conversations including one on G+ about images and real estate thanks to Janis Bourgeuta: https://plus.google.com/102639884404823294558/posts/LhoaHP8ChnJ 


And this comment from Monida on Scoop.it:

Grat Monica S Mcfeeters Comment:

This is one of the best reasons for art education. A visually or media illiterate citizen or consumer is very apt to be manipulated or make unwise choices.

From Wikipedia:

 Visual literacy includes in addition the ability to understand visual forms of communication such as body language, pictures, maps, and video.Evolving definitions of literacy often include all the symbol systems relevant to a particular community. Literacy encompasses a complex set of abilities to understand and use the dominant symbol systems of a culture for personal and community development. In a technological society, the concept of literacy is expanding to include the media and electronic text, in addition to reading and writing.

 

more...
Lynn Pineda's curator insight, March 14, 11:25 PM

All I can say, is thank goodness for Visuals in content!  I've always been a visual person being a visual learner. Information is easier to retain and comprehend when visuals are employed as it pulls you in.


The article's statistics further supports the importance of visuals. I love visuals!

mjboyce's curator insight, March 15, 1:17 PM

see?

Carlos Bisbal's curator insight, March 16, 10:15 AM

10 Razones por las que los contenidos visuales dominarán el 2014

 

¿En qué estrategias de marketing nos vamos a centrar en el 2014? ¿Qué vamos a dejar atrás?

 

Este artículo echa un vistazo al ascenso del contenido visual y por qué 2014 será el año de los elementos visuales.

.

Scooped by Martin (Marty) Smith
Scoop.it!

Epic Fail: Why Web Design Firms SUCK

Epic Fail: Why Web Design Firms SUCK | Design Revolution | Scoop.it

EPIC FAIL: Why Web Design Firms SUCK (in 2 parts)
This post builds on Andy Crestodina excellent 27 Complaints About Web Design Firms. This is really a story in two parts and one I know well.

I purchased web design services for seven years as a Director of Ecommerce and then sold them as Marketing Director for one of the largest web design firms in the southeast (Atlantic BT). 

Scoop.it Notes are Here
http://sco.lt/9K9Ukj  

Epic Fail notes are on Gplus
https://plus.google.com/102639884404823294558/posts/PocGtr2UaFh  

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

15 Best Responsive Design Websites | Web Design Inspiration [@PeterShamN is Great]

15 Best Responsive Design Websites | Web Design Inspiration [@PeterShamN is Great] | Design Revolution | Scoop.it
Awesome Responsive Design Website Designs for Inspiration. Selection of Awwwards winning Responsive Design websites. Fluid grids, flexible images and media queries are the three technical ingredients for responsive web design
Martin (Marty) Smith's insight:

My favorite is Petersham Nuseries @PetershamN. Peter Sham may be the best content / commerce site I've encountered. Social is a tad hard to find, but the smooth synergy between storytelling content and commercial selling is elegant, well architected and seamless.

Love this (great, intimate content):

"The teahouse has evolved to now offer a seasonally inspired, Italianate lunch menu, as well as daily homemade cakes, loose whole leaf teas and filter coffee. Horticulturally, the nurseries expanded with the reopening of the Greenhouse III to extend the onsite propagation alongside the expansion of the cutting and kitchen gardens directed by Lucy Boyd, whilst the development of the community and education based Petersham Platform sees the Nurseries' fundamental ethos central to the growth within our walls opened up to those outside it.
 

The success and ripening can be attributed to the ideas and determination of eldest daughter Lara Boglione. Since 2011 Lara has been the driving force behind the development of the Nurseries. Her passion lies in sustainability, gastronomy, agriculture and education, an ethos that is spread across all business functions. Lara explains: “We hope to have created a place of calm, away from the bustle of London, somewhere that respects and is in tune with nature and positive living."


Peter Sham is more than just an amazing responsive site. The site is a great example of how content and commerce can live in harmony. 
 

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

12 Web Features To Disappear in 2014 [+ Scenttrail Notes]

12 Web Features To Disappear in 2014 [+ Scenttrail Notes] | Design Revolution | Scoop.it
We asked 12 entrepreneurs which website features small businesses should avoid (or get rid of) at all costs.
Martin (Marty) Smith's insight:

Marty Notes:

1. Irrelevant Elements - Agree (every test I've ever run shows 20% of links on any page get 80% of clicks so lots of garbage and designing Mobile First on CrowdFunde (my first time) MAKES you toss the garbage.

2. Flash Intros - AGREE

3. Photo Carousel - I like photo carousels but use them sparringly.

4. Large Hero Images - Trend is other way and think this can be done well but agree risky.

5. Stock Photos - AGREE

6. Animated GIFs - AGREE (can't figure out VINE in this regard).

7. Autoplay Videos - AGREE

8. Automated Popups - YES & Popunders too (realize popunders get 1% of your traffic to sign up for email, but what about the 99%? If we want your email we will sign up otherwise stop popping stuff up at us.

9. 'Hello World' Blog Post - Agree but give newbies a break since this is WP default.

10. Sidebars - DISAGREE
Sidebar nav and feeds can be done well so I wouldn't toss the baby with the bathwater on this one.

11. Reloading Pages - Agree (don't know this well enough to comment really but sounds right).

12. M.dot Sites - Agree (same as #11

more...
Mike Power's comment, March 9, 3:29 PM
Agree with it all except the sidebars. It's not about whether there are sidebars or not, it's about how they areexecuted, just as it is for the rest of the page. And sidebars don't have to be narrow. And responsive designs have no problem placing the sidebar content below the main content. I love good single-column webpages but it's not the only game in town.
Scooped by Martin (Marty) Smith
Scoop.it!

Flattening Out Web Design In 2014: 23 Examples Inspire | Inspiration

Flattening Out Web Design In 2014: 23 Examples Inspire | Inspiration | Design Revolution | Scoop.it
Flat design is a concept that was pretty popular a couple years ago and it's back with full strength this year, causing some interesting buzz around the so
Martin (Marty) Smith's insight:

Mobile is changing web design in many ways. One way is we are flattening out design. Flat designs look better on mobile so they are now winning across the web as these 23 examples show. My fav is William Leeks.

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

"Snowfall" Interative Web Design Storytelling 20 Examples | Web Directions

"Snowfall"  Interative Web Design Storytelling 20 Examples | Web Directions | Design Revolution | Scoop.it
Yesterday an article on Medium, Snowfallen, caught my eye. It's about a technique for presenting longform writing online, by embellishing it with integrated
Martin (Marty) Smith's insight:

Not sure how I feel about "snowfall" design. My favorite is the Buzzfeed History of Pong. My concerns are:

* Gets boring to scroll that much.
* Pagespread - is it better SEO to have a single long page or many pages?

The issue of pagespread is tricky. The new Google cherishings engagement and long pages create longer engagement assuming people don't click off.

But Google also likes pagespread (more pages about a topic with social shares and links confirming their importance). I don't know the RIGHT answer her since each approach - long pages or many pages - have distinct SEO benefits.

I find the experience of that long page offputting and wonder how snowfall will play on mobile devices. Mobile may be easier because of the swipe.

In fact, snowfall design may have its roots in mobile (sure feels that way). Whether your website should be 100% snowfall designed is above my pay grade (lol). M  

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

Prescient Mashable Web Design Predictions (2012) Coming TRUE! via @dtelepathy

Prescient Mashable Web Design Predictions (2012) Coming TRUE! via @dtelepathy | Design Revolution | Scoop.it

Marty Note
Wow, you don't get much more money than Chuck Longanecker's 2012 predictions for web design's almost immediate future. 

Chuck is CEO of Digital Telepathy and boy does he have a copious amount of telepathy based on just how TRUE each of these trends is turning out. Talk about hitting the NAIL directly on its head.

We all need to get into Chuck's head (lol) because understanding how our design tectonic plates are shifting doesn't get any better:

* Lean Design (YES).
* Animation and more sophisticated HTML5 party tricks (YES).
* Less is More (YES).
* Multi-screen, multi-platform (YES!).

Great stuff every web designer and Internet marketer should walk and talk.  

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

13 Whitespace in Web Design Examples Inspire

13 Whitespace in Web Design Examples Inspire | Design Revolution | Scoop.it
There are a many aspects of good web design, and whitespace is certainly one of them. Whitespace is the empty space around design elements such as images, text,
Martin (Marty) Smith's insight:

White space can be the most defining design element of any website. Hard to use well though. Here are 13 examples of how to use whitespace in your website designs.

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

20 Web Design Footer Examples Inspire | Creative Bloq

20 Web Design Footer Examples Inspire | Creative Bloq | Design Revolution | Scoop.it
When starting any website project, it's natural to want to concentrate your design efforts on the homepage and the header. As a result, the footer often becomes an afterthought - relegated to a poorly designed dumping ground for copyright information, legal disclaimers and spammy SEO links. But it shouldn't be this way.
Martin (Marty) Smith's insight:

I like simple, clean footers like Rdio (though I would NEVER put my social at the bottom unless it is a duplicate of what I have at the top). I also like Karma.

Most of these footers, though cool, feel over-the-top to me. I want a footer to be calm and reassuring not like it is one final confusing thing (lol). M

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

30 Brilliant 404 Error Page Designs & Why That's Important | Creative Bloq

30 Brilliant 404 Error Page Designs & Why That's Important | Creative Bloq | Design Revolution | Scoop.it

The 404 page is a standard response code in HTTP telling the user, in effect, that they've clicked on a broken link.

Marty Note
When I was Director of Ecommerce we had a period where our 404 (not found) page was shown so often it got indexed in Google. You don't want that (lol), but you DO want your 404 page to create a sense of missed opportunity.

Your "not found" page needs to create a sense of easy correction and reassurance. Your site (and by extension YOU) are for real. The 404 page that provides a sense of stability, missed opportunity and a clear path to correction can win back what might otherwise be a lost customer.

One way a website creates trust is to manage everything with a sense of commitment and quality. When our 404 page was showing up so much it got ranked I made sure to apologize and share a special offer code. There was a period when that offer was our most popular redemption (again NOT GOOD lol).

A visitor might "fish" your site typing a nonsense sequence to see what you offer. My thought was always HAVE AT IT (lol). For the honest traveler who ends up seeing your 404 (especially if YOU are at fault) having a great design and a promotion code can safe the day.

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

12 Examples of Flat Web Design Inspire ~ Creative Market Blog

12 Examples of Flat Web Design Inspire ~ Creative Market Blog | Design Revolution | Scoop.it
Buy and sell handcrafted, mousemade design content like vector patterns, icons, photoshop brushes, fonts and more at Creative Market.
Martin (Marty) Smith's insight:

Flat website design is a major 2014 web design trend. Here are 12 examples of the art of flat website design. My favorite is the last example http://wistia.com/ .


Wondering why flat design is all the rage in 2014? Easy to answer in a single word - MOBILE.

more...
Margaux Brachotte's curator insight, April 1, 4:33 AM

Jeunes gens voilà du FLAT !!!

Cezame conseil's curator insight, April 28, 3:06 PM

Quelques exemples de sites Internet dans la tendance du "Flat design"

Scooped by Martin (Marty) Smith
Scoop.it!

The Art & Science of Social Login Design

The Art & Science of Social Login Design | Design Revolution | Scoop.it
Social login, also known as social sign-in, provides users with one single login using an account they already have – their social network account.
Martin (Marty) Smith's insight:

The NEW Web Design
Reading a new Social Media Examiner report (Scooped here http://sco.lt/5jE7qj ) social login is looming LARGE and IN CHARGE especially thanks to "password fatigue" and big F success as a universal trust mark.

Designing social lgoin can be tricking. When the Atlantic BT team created social login for http://www.curecancerstarter.org

it became clear to me (as client) they were in over their heads. Here are some examples of the art and science of design social login in ways that blend, support and intrigue.

Why is social login so important? The next web is going to be more distributed and less go to a website and consume content. Facebook's dream of becoming infrastructure seems to be coming true, so we need to understand how to design websites with social signin and the social reach it provides.

more...
Martin (Marty) Smith's comment, March 23, 11:28 AM
Good note @wayne_b. I'm sure there are many "more technical" who will use password helper apps. I also see your point about, for a certain segment, Facebook = distrust (me included), but there is a big broad breadbasket of users who will use FB because they trust it and social signon because its easy. That being the case, I will always include a well thought out social signin option on the big stuff we create at @CrowdFunde and Scenttrail Marketing. Marty
Scooped by Martin (Marty) Smith
Scoop.it!

Google's Disparate Design Lesson - Agnes Martin Feature

Google's Disparate Design Lesson - Agnes Martin Feature | Design Revolution | Scoop.it

Google Features Work of Artist Agnes Martin
When I lived in Chicago the Milwaukee Art Museum was having an Agnes Martin exhibit. One Saturday I decided to drive the hour and a half to see the exhibition since I love the Milwaukee Art Museum (and this was before they got their amazing "cap")..

On the outside looking in you might think painting lines over and over again for most of your life would be boring to do and even more boring to view. You would be wrong on both sides of the equation.

Agnes Martin's work is a study in quiet power. Google's use of an Agnes Martin image today celebrating a great but hardly well known American artist teaches valuable design lessons including:

* Embrace the seemingly disparate.
* In a noisy world QUIET Design works.
* Simple and clean is the hardest design to do.
* Quiet repetition works too.
* Brand the unknown but beautiful.
* Share your brand authority with high quality but unknown memes.

If your designs can do any two of these six ideas you would be a hero and your company will WIN. Today Google did all six, but then they are GOOGLE :).

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

Why The New World is FLAT: What Is Flat Design?

Why The New World is FLAT: What Is Flat Design? | Design Revolution | Scoop.it
With the release of iOS7 just around the corner, clamor over the changes Jony Ive will institute is growing. The general consensus--on this site and elsewhere--is that Apple is about to get a flat makeover. But for the uninitiated, “flat design” can be a confusing term. So let’s talk it out, shall we?
Martin (Marty) Smith's insight:

Web Design Trends 2014
Like several other major web design trends this year flat design has its origins on our phones. Flat looks better on mobile and so flat is coming to a website near you too.

This is true for other design trends as well such as fewer colors, bigger heroes and better fonts. Since flat design is such a MONSTER trend in 2014 good idea to visit the question of What Is Flat Design. Here Gizmodo explains flat design and its mobile origins.  

more...
No comment yet.
Rescooped by Martin (Marty) Smith from WebsiteDesign
Scoop.it!

Emotion in Web Design Is A Critical Success Factor (CSF)

Emotion in Web Design Is A Critical Success Factor (CSF) | Design Revolution | Scoop.it
Putting emotion into web design may seem a strange concept, but many sites have been doing it for years, and we are only now beginning to recognize it and talk about it.

Via Brian Yanish - MarketingHits.com
Martin (Marty) Smith's insight:

People buy with emotion and justify with logic, so finding ways to incorporate emotion into web design is a CSF (Critical Success Factor). 

more...
Mike Donahue's curator insight, March 25, 8:36 AM

Seems designing for emotions is beginning to get its day in the sun. Nice article with several clear examples.

Scooped by Martin (Marty) Smith
Scoop.it!

125 Flat Web Design Examples Inspire | Designrazzi

125 Flat Web Design Examples Inspire | Designrazzi | Design Revolution | Scoop.it
This collection consist best of website design inspiration that mainly have flat website design examples like headlines, images or content areas. In this
Martin (Marty) Smith's insight:

My favorite is Heather Lynn.

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

1 Well Designed Content Site & A Rare KISSmetrics Miss

1 Well Designed Content Site & A Rare KISSmetrics Miss | Design Revolution | Scoop.it

I’ve compiled a list of websites that produce great content, each of which has its own unique qualities. I’ll break them down and explain why they’re good and what you can take away.

KISSMetrics Misses The Mark 2 out of 3
I was looking for a great content/design mix and KISSmetrics got it right one out of the three times here. CopyBlogger is the only site in this group that both has great content and a great design.

The other two blogs may have great content, but their design is so off putting who is going to wade through their content? What makes Copyblogger work well?

* Snowfall design (long page scrolls down).
* Clear and LARGE Call-to-Actions (bet they've tested those big green buttons).
* Good use of icons that mask ads (very non-disruptive).
* Flat responsive design (probably looks great on mobile too).

* Big headline with interesting sophisticated font treatment.

* Video on homepage.

Ignore the other two suggestions here and focus on Copyblogger. Do you know a great content website? We are looking for great examples of DESIGN in content marketing. Share your favs and we will curate in.


more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

Make Web Designs Welcoming Don't Say Welcome via @Scenttrail [Before and After graphic]

Make Web Designs Welcoming Don't Say Welcome via @Scenttrail [Before and After graphic] | Design Revolution | Scoop.it

Working with a team at UNC Emergency Room trying to make their website more engaging. As the BEFORE (on the right) image shows their current site "talks to itself about itself". Ways to fix that include:

* Hero image that heeds the sight line rule.
* Clear Calls To Action.
* Move Social from bottom left to upper right.
* Prominent Join Our List subscription form.
* Curate Customer / Patient content in (coming soon).

Your visitors' eyes follow the eyes of people in your photos. The image son the right show what NOT to do - make images that look like they are self referential. Never have people in an image on your site talking among themselves. Nothing says "we don't care about you" louder than images that are either too "smart", "exclusionary" or busy.

If people in your images don't look at the camera have their site lines pint to a Call To Action. Don't create ideas that are exclusionary either such as Leading, Teaching and Caring. That sounds like "selfspeak" to me.

OR, if you must have "selfspeak" then shore it with icons the way the UNC design lead did and use those icons to begin a conversation not a lecture about each of those ideas.

I LOVE text on a homepage for SEO, but it can be very exclusionary as the BEFORE image on the right proves. Tease the read with a few sentences and a "read more". BTW, the only time I use Read More CTAs is when I've teased something.

I prefer "learn more" since it feels more like we are learning together and less like work. Use closed loop CTAs when you are completing a proised action. All other times use CTAs that are more creative and fun.

The next step for this design, and the one that will make it really welcoming, is to curate in User Generated Content (UGC). When you include your customers (or patients in this case0=) you break down the THEM vs. US walls better than anything I can think of. Important to break down those walls since you need UGC and social shares to survive these days even if your have a .edu in your URL.

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

Good, Bad & Ugly of 2014 Web Design Trends: Large Hero, Responsive Design, Animated Storytelling - Intercore

Good, Bad & Ugly of 2014 Web Design Trends: Large Hero, Responsive Design, Animated Storytelling - Intercore | Design Revolution | Scoop.it

Web Design Example Intercore
There are a lot of things I like about this website design for the private equity firm Intercore such as:

The Good
* Responsive Design.
* Animated Storytelling (love the factoids fading in and out).
* Large Hero.
* Flat color palette (monochrome color schemes).
* Location of social media in CONTACT area.

The Bad
The biggest nit I have is the lack of social media, but that brings up an interesting choice too. I'm betting a private equity firm isn't dependent on the web either for customers or SEO so Intercore's decision to only have Facebook and to put that link low down on the contact page reflects their business model better than it would most (who need customers from the web and care about SEO).

I Liked the company and there is confusing information on their abaout page. Don't feel compelled to play shuffle the deck in social media. If I was going to explain their corporate umbrella the Facebook About age is not where I would do it (lol).

Interesting and good ideas well executed to steal here. Whoever created this site knew what they were doing from a design and content architecture perspective.

The Ugly
By zooming out on my laptop I found their Twitter link. This is one of the perils of responsive design. The link is also broken directing into the home page so will share the fact their Twitter is broken on their Facebook page.

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

30 Compelling Examples of Visual Storytelling on the Web

30 Compelling Examples of Visual Storytelling on the Web | Design Revolution | Scoop.it
Storytelling is a powerful approach that can, when done right, compel users to convert more effectively than what any amount of optimization, crazy visual
Martin (Marty) Smith's insight:

My favorite example is Zensorium/Tinke http://www.dtelepathy.com/blog/inspiration/30-compelling-examples-of-visual-storytelling-on-the-web.

There are still a some rough edges to be cut off theidea of wrapping a website around digital storytelling, but deep inside these examples is a clear new trend...even if all the bugs haven't been quite worked out yet.

What about you? Do you have favorite examples of great visual storytelling online?

more...
No comment yet.
Rescooped by Martin (Marty) Smith from Educomunicación
Scoop.it!

Win Hearts & Minds With Design: Importance of EMOTION in Design

Win Hearts & Minds With Design: Importance of EMOTION in Design | Design Revolution | Scoop.it
To get an audience to commit to a relationship, you must show value, trust and possibly most importantly, create an emotional connection with them.

Via Soraia Ferreira, massimo facchinetti, Jose Cabanas
Martin (Marty) Smith's insight:

Now that our marketing must win hearts and minds finding ways to cut through clutter and engage emotions is critical.

more...
Michael Allenberg's curator insight, March 4, 7:47 AM

Emotion equates Experience!

Mike Donahue's curator insight, March 5, 8:51 AM

Good article with some very compelling insights into the important role emotions play in creating experiences that build brand loyalty.

Scooped by Martin (Marty) Smith
Scoop.it!

18 Pivotal 2014 Web Design Trends [+ Scenttrail take]

18 Pivotal 2014 Web Design Trends [+ Scenttrail take] | Design Revolution | Scoop.it

What web design trends do you think we'll see in 2014? I'm betting on more simplicity, more cleanliness, and more focus on smaller screen sizes, among other things.

Marty Note

1. Flat UI - AGREE and general agreement.2. 'Mobile first' - AGREE! & trying to wrestle that pig to ground now with CrowdFunde.3. Yet more scrolling - Agree and coming from mobile too.

4. More HTML5 goodness - Agree.

5. More HTML5 badness - Yes goes hand-in-hand with #4

6. Micro UX - New to me, can't judge yet.

7. Less text - Agree we are moving to the visual web and lean content (more infographics, arresting images and graphics less text)


.8. Minimalist navigation - Agree and this is coming from MOBILE (working CrowdFunde's "mobile first" design right now and navigation is expensive in mobile.


9. CSS replaces images - Agree CSS Canvas is going to make many images needless weight on the page.


10. Video / moving backgrounds - AGREE!


11. Richer content experiences - Agree especially video.


12. Making the most of one page - Agree, but don't agree with single page sites (we aren't there yet).


13. Varied typography - Agree there is a lot happening on the server side with type.


14. Monochromatic design - New to me, but more likely than


15. Hypercolour - Not Sure color is easy to do BAD online and more color can make a mess.


16. Cards / tiles - Fascinating and new to me, read why cards are future of the web

http://insideintercom.io/why-cards-are-the-future-of-the-web/


17. Bigger, better imagery (Agree, cloud caching and CDNs making this possible).


18. Fixed position content / navigation - Agree as social widgets already doing this

more...
Tyler Richendollar's curator insight, March 6, 10:38 AM

Some seriously great design ideas and trends for 2014 and forward.  Really a solid summary of what the web looks like today, and will evolve through. 

Rescooped by Martin (Marty) Smith from Social Marketing Revolution
Scoop.it!

Eye Tracking, Banner Blindness, Website Design & REI.com

Eye Tracking, Banner Blindness, Website Design & REI.com | Design Revolution | Scoop.it


An article on Banner Blindness which explains the physcology behind it and enlists common techniques to reduce it and improve ad revenues.

Marty Note

Interesting post and definitions that is true to my experience designing high converting ecommerce websites. There are ways to manipulate eye tracking with images and call-to-actions, but that area on the right the "strong fallow area" was a GUTTER.

REI is my favorite example at how to manipulate the "gutter" tendency to be a black hole or a roach motel (visitors check in but never out). REI takes a link they know everyone is looking for, their SALE link, they color it different than the rest of their menu (red).

REI defeats the "roach motel" aspects of the right gutter with intelligence and design. In my experience the SALE area shopper will ferret that link out no matter where you put it.

By taking an area that is normally a dead end and putting something the sale shopper will surely find they kill the proverbial two birds -

* Their SALE shoppers can beeline right to their favorite place to check BEFORE they do anything else.

* The SALE curios can easily find the link too so they lose nothing and gain an active link in an area that is typically weak. Just one reason why REI is one of the best-crafted ecommerce website:

http://www.rei.com


Via Peg Corwin, Martin (Marty) Smith
more...
Peg Corwin's curator insight, February 22, 3:51 PM

Take advantage of how people read web pages to get your message across with design, color, layout, etc.


If you like this scoop, would you consider a thumbs up or share?

Martin (Marty) Smith's curator insight, February 25, 4:48 PM

Interesting post and definitions that is true to my experience designing high converting ecommerce websites. There are ways to manipulate eye tracking with images and call-to-actions, but that area on the right the "strong fallow area" was a GUTTER.

REI is my favorite example at how to manipulate the "gutter" tendency to be a black hole or a roach motel (visitors check in but never out). REI takes a link they know everyone is looking for, their SALE link, they color it different than the rest of their menu (red).

REI defeats the "roach motel" aspects of the right gutter with intelligence and design. In my experience the SALE area shopper will ferret that link out no matter where you put it.

By taking an area that is normally a dead end and putting something the sale shopper will surely find they kill the proverbial two birds -

* Their SALE shoppers can beeline right to their favorite place to check BEFORE they do anything else.

* The SALE curios can easily find the link too so they lose nothing and gain an active link in an area that is typically weak. Just one reason why REI is one of the best-crafted ecommerce website:

http://www.rei.com