Design Revolution
Follow
Find
30.6K views | +47 today
Design Revolution
Design Is Revolutionary
Your new post is loading...
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

 

Scooped by Martin (Marty) Smith
Scoop.it!

Magic of the GRID: 60+ Website Grid Design Examples Inspire

Magic of the GRID: 60+ Website Grid Design Examples Inspire | Design Revolution | Scoop.it
There is no doubt that currently almost everything on the internet is becoming image-driven. If you think for a moment, it is only really catching up with print
Martin (Marty) Smith's insight:

Little did I know how prescient I was. In 1999 when I created FoundObjects.com (now gone sadly), one of the first B2B and B2C specialty gift sites,

I decided to use a Mondrian Grid that you can see on the WayBackMachine: http://web.archive.org/web/19991127134326/http://www.foundobjects.com/

I used Mondrian's grid because it was brand aligned to the FoundObjects.com's museum store customers. The grid also helped organize a lot of information. Organizing a LOT of information in an easy to understand pattern is the advantage of using a grid in your web design as these more than 60 examples show.

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

25 Examples of Flat Design Inspire | Vandelay Design

25 Examples of Flat Design Inspire | Vandelay Design | Design Revolution | 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. 

Martin (Marty) Smith's insight:

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.

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

Skills Required For Web Design | Infographic via Visual.ly

Skills Required For Web Design | Infographic via Visual.ly | Design Revolution | Scoop.it
Take a look at the top skills that you require if your designing a website .
For more information visit http://websitedesignn.com/
Martin (Marty) Smith's insight:

I would add patience, ability to work in a team and a generosity of spirit :). M 

more...
lorrinda's curator insight, February 19, 8:04 AM

...plus the skill of copywriting is most helpful.  lorrinda

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 !!!

Scooped by Martin (Marty) Smith
Scoop.it!

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

Web Design: 20 Hottest 2014 Trends [+ Scenttrail Take On Each] | Design Revolution | 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.


more...
Monica S Mcfeeters's curator insight, February 22, 10:05 AM

Here are some current WEB designing programs.

Scooped by Martin (Marty) Smith
Scoop.it!

3 Design Tips From an Infographic Pro

3 Design Tips From an Infographic Pro | Design Revolution | Scoop.it
We asked Randy Krum, Founder and President of InfoNewt, an infographic
design company, and editor of the Cool Infographics website, to share some
of his insights from working with and reviewing infographics.
Martin (Marty) Smith's insight:

Don't be fooled by infographic naysayers. Yes there are BAD infographics, yet when I tracked the top 10 for my 125,000 views on Scoopit Infographics owned more than half of almost every feed's top 10. Translation - we need to create infographics and other forms of data visualization.

Here are 3 great tips from an Infographic design pro:

* Keep It Clear.
* Be Iconic.
* Know the rules.

Come to think of it those tips apply to pretty much anything we lucky few Internet marketers do :). M

more...
aanve's curator insight, February 20, 9:52 PM

www.aanve.com

 

Tyler Richendollar's curator insight, March 6, 10:30 AM

If 8 tips weren't enough, here are 3 more.