Design Revolution
Find tag "tips"
42.5K views | +7 today
Design Revolution
Design Is Revolutionary
Your new post is loading...
Scooped by Martin (Marty) Smith!

65 Best Responsive Web Designs 2014 via

65 Best Responsive Web Designs 2014 via | Design Revolution |

Responsive Web Designs
Responsive design, forming a website's information so it looks great on any device, is becoming mission critical. Here are 65 of the best responsive designs in 2014 via

Martin (Marty) Smith's insight:

I like Salesforce and SquareSpace and was surprised I didn't hate the Microsoft design.

Helen Stark's curator insight, September 30, 3:53 AM

Unusual and creative responsive designs that look great on a huge monitor and a tiny smartphone screen - that's great

Scooped by Martin (Marty) Smith!

10 Website Design Tips for Your Small Business

10 Website Design Tips for Your Small Business | Design Revolution |

Learn what to include in your website design before you build and find out the 10 ‘must-haves’ to drive more traffic to your site.

1. Incorporate Keywords.

2. Multiple points of contact.

3. Consistent branding.

4. Call To Actions.
5. EASY to read (font size, short paragraphs, bullet points).
6. EASY to navigate.

7. Important above fold.

8. Load time (faster is better).

9. Build credibility & trust.

10. Social

Martin (Marty) Smith's insight:

Great tips every one of these. My faves are clear CTAs and keywords are your friends :). M

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

Genius Transitions In User Experience Design - Smashing Magazine

Genius Transitions In User Experience Design - Smashing Magazine | Design Revolution |
This article looks at some examples of interaction design in which smart interaction, defined by subtle animation, gently improves the user experience. We’ll share some lessons drawn from various models and analyze why these simple patterns work so well.

Martin (Marty) Smith's insight:

add your insight...

David Swaddle's curator insight, August 31, 7:28 PM

This article got me thinking. It's about transitions in user interface design with some very nice animated examples.


Are the transitions shown here useful in a learning context, or are they merely window dressing that detracts from learnability? Personally, I think that while they look nice the first time, most of these transitions become annoying with time, simply delaying users. Mayer and others have shown how eye-candy can often be detrimental to learning.


Is it time for some generous academic to re-evaluate the situation in light of recent UX designs, preferably in a corporate setting? Or, maybe somebody already has and some kind soul could post here and point me in the right direction?

Scooped by Martin (Marty) Smith!

Contests Are KING - Web Design For Contests Example Inspires via @HomesDotCom

Contests Are KING - Web Design For Contests Example Inspires via @HomesDotCom | Design Revolution |

Designing For Contests
I love home doesn't kid around. They create CONTESTS not CONTENT. Why? Because contests have the added value of helping to create community too.

Erica Campbell Byrum How To Create Contests Video (start at 1:41) VIDEO

Contest and games are FAVORITE engagement tactics because:

* They work (more new people come to play and share their playing).
* They are inexpensive WINNING is the main thing not the prizes.
* Contests have a LONG shelf life.
* Contests help unearth power Contributors and Social Supporters.

That last bullet speaks to the Gladwellian "Mavens, Salespeople and Connectors" tribes within your visitors. When you create a contest you will be visited by "contest trolls" and Ms. Byrum discusses how to deal with them in her video (link above).

This link is to's Contest Page. This is a "Contest Splash" Page that shares the many simultaneous contests they run. I would add an ask for their "Blogger Ambassadors Program" too. They use contests to unearth their bloggers, but why not cut out the middle man and ask for those Ambassadors straight out?

Doesn't hurt to do both and I like have a page that explains the elite nature of our "buzz team". Don't think I'm saying is missing it. They clearly GET the value of contests and you should STEAL the "ditch digging" design they do to "Splash Page" their contests.

Highly recommend watching Ms. Byrum too as her video is nothing if not comprehensive

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

Hero Marketing: Heroes Write Like This 40 Great Headlines

Hero Marketing: Heroes Write Like This 40 Great Headlines | Design Revolution |
Depending on your brand and message some can be very professional and straight to the point, and others a bit more relaxed and playful. Here is a collection of taglines and intro messages from freelance designers and design agencies around the world for your inspiration.

Martin (Marty) Smith's insight:

Tomorrow is Hero Marketing Day. Writing a post for about discovering hero marketing the ahrd way, creating lists of favorite hero curators and gurus and asking YOU  to share your hero stories as Phil Buckley, Curagami Co-Founder did on G+ ).

Whose Your Hero?

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

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" | Design Revolution |
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
Martin (Marty) Smith's insight:

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.  

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

5 Web Design Ideas From A Non-Designer

5 Web Design Ideas From A Non-Designer | Design Revolution |

Graphic Designers ROCK
I have more than tremendous respect and admiration for graphic designers. The ability to use tools like Photoshop and Illustrator to create MAGIC is something I will always envy. I know enough to know just how magical those skills truly are, so thank you.

I would LOVE to convince gifted visual marketers of the need to fix five mistakes I see over and over, mistakes that can HARM a websites bottom line and ability to scale.

I confess to making some of these mistakes myself. Easy to do when caught up in the NEW chase. I got so I printed out this list and keep it in view so it smacks me as a reminder while creating ideas for a new design.

Despite the list being omnipresent I forgot a subscription option on two months ago, so EASY to forget these ideas:

** Email Subscription
Any websites lifeline is the LIST of supporters and subscribers they OWN. If Google changes their algorithm and PPC goes bankrupt you can always may your own list, so making sure the ability to opt in to that list is omnipresent is a CSF (Critical Success Factor).

** Keywords In Category Names
Think, "Do we want to win that keyword," when reviewing your navigation. You may select to have your URLs rewritten to be more keyword specific, but those internal links play an important role with Google's spider and SEO so KEYWORDS are a must.

** Research Keywords
My CrowdFunde co-founder Phil Buckley asked me if I thought attorneys or lawyers would be the most searched term. "Lawyers," I answered confidently knowing I was wrong (you never win these who will win questions lol). Attorneys is the winner and by a large margin. Don't write copy to what you THINK when it is so easy to do a little research and KNOW.

** The Tricky Part To Web Analytics
Here's the rub to web metrics. They operate in a constant seesaw dance with one another. Attorneys may be the most searched, but maybe that is because the Mass Tort guys have crushed the deck in some way (have no knowledge of that only using it as an example so please don't sue me lol). When you DESIGN with numbers you design better, but be sure to ask your SEO contact where the rubs are in the numbers. Rubs are numbers that LOOK one way but actually ARE another. Trust me you NEVER want to spend the kind of time in Google Analytics knowing where the rubs are requires, so ask.

** 80/20 Rule
One Internet marketing FRACTAL we discovered is 20% of the links, traffic, pages always get 80% or more of the value. Your job is to build a flexible framework so when your managing team SEES the emerging 80/20 rule you can easily shift the presentation to favor the 20 over the 80.

Now please take these practical, money making ideas and make them beautiful and THANK YOU for your dedication to BEAUTY in design and life :). Marty

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

Great Video + Web Design = HARD as Award Winning Videos / Web Designs Prove

Great Video + Web Design = HARD as Award Winning Videos / Web Designs Prove | Design Revolution |

Fantastic Video Website Designs for Inspiration. Selection of Awwwards winning video websites. Video is widely used in today's web design. Video is one of the most powerful tools of visual communication.

Video Online is Harder Than It Looks
These award winning video demonstrate a clear truth - creating a great video experience online is TOUGH. My favorite of all of these examples is Dick's Sporting Goods baseball videos. I like the visual storytelling of the Dick's videos.

I have a real feel for "being there" with Dick's. Problem is as Dicks makes the turn toward home and starts down the positions they lose me. They might lose a die hard baseball person less, but Dick's demonstrates some of video marketing's strengths and liabilities:

* Can tell a complex story simply and quickly.
* Holds attention better than reading.
* Creates more hooks to wind a story around.

* Easy to lose your way from a script / production / website integration standpoint (watch that Keecker and tell me if you don't get a little creeped out too).
* We watch a lot of video, so expectations are HIGH for both production quality and story strength.

* Video floats on top of websites more than it is actually part of them.

That last bullet in weaknesses is where the real design stress exists. How do we move back and forth between website and video without losing attention, being confusing or both losing attention and being confusing? Videos tend to dominate webpages.

When I was Director of Ecommerce we finally, after many tries, found a product page video size, style and length that significantly contributed to conversion. Problem is WE created those videos.

As we move into the User Generated Content social Media world of tomorrow we will need to create less and curate more. There is a way to create a web framework to support UGC videos and as soon as I see it I will be sure to share it (if you've seen a video website you think works WITH instead of against its videos please share).

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

Hot, Flat, Colorful: 33 Examples of Ultra-Hot Flat Web Design Trend

Hot, Flat, Colorful: 33 Examples of Ultra-Hot Flat Web Design Trend | Design Revolution |
Currently, one of the biggest trends in the web design industry is the flat design style. In case you are not yet familiar with the term, flat design is essentially design without the drop shadows, gradients, and textures that have been common in web design for some time. Flat design uses solid colors and often typography figures prominently into the design. In this post we'll showcase 33 excellent examples of the flat web design trend. Hopefully they can provide some inspiration that can be put to use in your own work. Buffalo
Martin (Marty) Smith's insight:

Mobile is the secret driver of many of 2014's hottest web design trends. One of the hottest is flattening out web design. Small screens can't handle shading and three dimensionality as well as bigger screens, so flat is one of the HOTTEST web design trends as these 33 examples share. .

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

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

Emotion in Web Design Is A Critical Success Factor (CSF) | Design Revolution |
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 -
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). 

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!

6 Strategies To Find Fresh Ideas via HOW Design & 10 Ways Scenttrail Stays Creative

6 Strategies To Find Fresh Ideas via HOW Design & 10 Ways Scenttrail Stays Creative | Design Revolution |
Shannon Stull Carrus shares six strategies that will help spark fresh ideas while working in-house.
Martin (Marty) Smith's insight:

Great post on how to keep your creative edge no matter where you are:

* Learn from examples.
* Forget the Mood Board, Create a Vision Board.

* Talk to people outside your in-house team.

* Practice sensory deprivation.

* Find creative inspiration at hone.

* Search For Creative Inspiration on Vacation.

Here are ways I stay creative:

* Go to art museums.
* Buy art and print magazines and raid them for ideas.
* Paste stuff up around the room (only take it down when new ideas start coming).
* Do something ELSE (riding a bicycle is a great way to do an active, physical thing that clears out cobwebs).
* Get PHYSICAL - use pieces of paper or something physical instead of digital THEN go back to digital.
* Keep applying occam's Razor - whatever we've created cut in half and keep doing that long past where you thought there would be nothing to cut.
* Video your thinking and share it.
* Share where you are stuck with your tribe online.
* Ask for ideas online.

* Travel (something about being in a hotel with room service hellps creativity).

No comment yet.
Rescooped by Martin (Marty) Smith from Learning Design Visualization!

What is Visual Language & How Comics Can Help Create It [graphic]

What is Visual Language & How Comics Can Help Create It [graphic] | Design Revolution |
Visual language Lab: Researching the structure and cognition of the visual language of comics

Visual Language Important For Internet Marketing
One undeniable trend is Lean Visual Marketing. We want videos and pictures and we want to understand complex ideas FAST. Scooplit is riding the crest of the lean visual marketing wave and exploding.

We know that there are some core ideas in this new "visual marketing revolution" including:

* Surprise helps but is had to create.
* Smashing expected visuals into unexpected can create surprise.
* Humor works.
* Arresting visuals only work once UNLESS aligned to their content.
* Without arresting visuals content marketing is doomed.
* The "visual language" of your marketing must be consistent with all other marketing or dissonance results.

I like the idea of studying comics to help achieve a sense of visual tone and for ways to connect images seamlessly with copy, tone ane theme.

Via Bucky Dodd
No comment yet.
Scooped by Martin (Marty) Smith!

What Cloud Computing Means For Web Designers • Inspired Magazine

What Cloud Computing Means For Web Designers • Inspired Magazine | Design Revolution |
Cloud computing is one of the latest technologies that have come to change the way people interact with the web. Cloud computing accords you the chance to
Martin (Marty) Smith's insight:

Solid post by Inspired Magazine on what the cloud means for web design. I got a first hand lesson when we created

The sophisticated file management of cloud computing allows more file size without crushing network performance. This means we won't have to create "lowest common denominator" designs that bore everyone to tears but load fast anymore (or that is the theory :). M

dhubdotnet's curator insight, January 19, 6:49 AM

Using cloud computing will make everybody's job on the internet easier. Logging straight into the server making amendments to the file system will be so much easier than using FTP.


For a web designer this is also a great step in the right direction to speed the design time up and any amendments needed to the website.


Cloud computing concept of shifting workloads from local computers too networked computers will help in many ways and will be less resources, hardware and software used.

Scooped by Martin (Marty) Smith!

Remarkable Websites For Boring Products: 5 Tips [Scenttrail Unburied Lead]

Remarkable Websites For Boring Products: 5 Tips [Scenttrail Unburied Lead] | Design Revolution |

Angela Jones, a freelance designer in St. Charles, Illinois, uncovers how 7 websites promote their products in exciting ways.

Marty Note - Great From Boring
Loved this post, but they bury the lead. Their tips aren't sub-heads but buried in the copy about the example. I liberated their 5 tips to create exciting sites for boring products:

* Employ imagery and icons that speak to the benefits (i.e. tell a story and match with cool visuals).
* Focus on HEADLINES that describe your benefits (i.e. use trusted sources and let THEM tell your story).
* Write creative copy (there are NO BORING PRODUCTS only boring stories lol).
* Minimal and easy to navigate (always a winner in my  book too, but especially if what you are selling is boring. YES I will spend 3x the time it should have taken to order the new iPhone despite the horrible web design, your product...not so much, so make it easy to buy.)
* Create Community & Let THEM (your customers) supply the amazing stories. When YOU tell your brand's story it is always more boring than the same words from a customer.
* VISUALS - boring products benefit from great visuals. Tilt your boring product, hang it from the rafters, find a way to depict excitement and excitement flows downstream to your product.

Martin (Marty) Smith's insight:

add your insight...

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

What is SEO? Content Tips For Graphic Designers - HOW Design & Scenttrail Note

What is SEO? Content Tips For Graphic Designers - HOW Design & Scenttrail Note | Design Revolution |

How strong is your content marketing strategy? What is SEO, anyway? Read 6 SEO tips and tricks to help you boost the visibility of your web content.

1. Strong Copy Trumps SEO.
2. Do Keyword Research.
3. Share Link Love (i.e. create great content).

Marty Note
Interesting to see how How Design explains SEO to graphic designers. I would take a slightly different tack. Let's reframe SEO in ways graphic designers can understand and adapt.

I create content daily and am learning SLOWLY how to make headlines sing and links flow in. As competition for links goes UP with the rising tide of content publishers are the right side of the bell curve where more than average links reside will learn a few tricks from graphic designers such as:

* Demand hierarchy.
* Clear Calls To Action (CTAs).
* Headlines that GRAB and HOLD.

Content that doesn't get read doesn't help. The first rule of getting your content read is find an ARRESTING related image you won't get sued to use. Haiku Deck ( is one of my favorite visual marketing tools. Need lawsuit free arresting images? Use Haiku Deck.

Demand Hierarchy is keeping demands on your visitors LOW. When I was a Director of Ecommerce we did extensive analysis of our 40+ homepage links and 5 mattered. Vicious 90%/10% rule in links. Key is to lower choice and eliminate the superfluous. 

CTAs don't have to be "buy now" anymore. We love asking a question with the link between the present page and the answer. Want To Be A Great Internet Marketer? Highlight and underline that sentence and it will get clicked because it is an IMPLIED CTA.

This doesn't mean we are above a good "Learn More", but too many "old style" CTAs can get boring and lose their punch.

Finally your HEADLINE or subheads matter. Headlines should set a hook. Subheads should organize the answer so readers can scan and skip sections. I try to live by the 7 word rule.

I read this rule about roadside billboards. Billboard creators limit their copy to 7 words because who can read more zipping buy at 60 mph. We all zip by at 100 mph on the web these days so short, punchy headlines that align with your arresting image and plant a hook work best.

We like KEYWORDS, Brands and questions in headlines too. Questions create curiosity. Keywords create scenttrail and brands create comfort and "like me" feelings of trust and security.

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

Finding Stories Inside Paintings via Tracy Chevalier TED Talk [+ 3 Find Your Story Tips via @Scenttrail]

Finding Stories Inside Paintings via Tracy Chevalier TED Talk [+ 3 Find Your Story Tips via @Scenttrail] | Design Revolution |

Storytelling & Content Marketing
Tracy Chevalier imagines the stories behind paintings:

* How did the painter meet his model?
* What would explain that look in her eye?
* Why is that man … blushing?

She shares three stories inspired by portraits, including the one that led to her best-selling novel "Girl With a Pearl Earring."

3 Find Your Story Tips
One of the most common "we can't do it" complaints we hear is, "Our content is boring and no one on out team knows how to tell a story".  There are no "boring" products or services and we are surrounded by stories. Here are 5 tips to help you find the magical content needed to wins hearts and minds online.

Story Finder Tip #1: Your Employees
You never need to look far for great stories. Stories of heroic efforts against great odds are sitting in your office now. There are cancer survivors, triathletes and parents with special children in your company as I write this.

You might think, "I don't want to invade their privacy," and we aren't suggesting it. We suggest explaining that any company really only exists in the minds of its employees. Since publishing costs are now zero you can afford to explain who you are by proxy - via your employees stories, passions and loves.

This is "Employee Story of the Month" instead of a banal award your customers learn about the journey your team members have experienced and so feel close to them, you and your brands and products. "I feel like I know you," a woman said hugging my ex at the Gift Show in San Francisco.

Our potential customer learned about Found Objects and Janet McKean from our monthly newsletters. Those newsletters led to the hug and made doing business together easy.

Oh, btw each month I included a short story about Janet's life, experiences and family. May be why I'm divorced (lol), because Janet hated sharing so much. "You married a storyteller, " I would say smiling and writing and well you can figure out how well that worked in our relationship. Worked GREAT with our customers though (lol).

Story Finder Tip 2: Be Like Tracy Imagine An Image's Story
Tracy wrote a best seller by imagining questions implied but not stated. Your online marketing uses images all the time, but what are the questions BEHIND the image.

If you have a picture from a company event who is there? What was being celebrated? What in the image doesn't make sense? Is there something that hints at a mystery o some enigma? Work backwards from an image. Begin like Tracy. Ask questions. The answers are your story.

Story Finder Tip 3: Ask For Customer Stories
Take the image in example #2 and ask your customers to share their questions, stories or answers to hidden riddles. Asking for a story may be too hard and intimidating, but asking what these people in the corner are doing could be fun and spark imaginations and lead to stories.

Once you have an "Ambassador" group of customers / advocates established ask them to help shape your ASK. Ask your advocates to help you know the best way to engage and hear stories your customers are itching to share.

Writing this tip reminds me of a story (of course lol). I left home for the first time. I was in the 10th grade and enrolled at The Choate School. My mom cried when she and my father dropped me off. Now I was sitting in my first English class.

Mr. Noland, a bearded thirty something teacher dressed not unlike every preppie in the room (straight leg corduroys, button down oxford shirt) asked, "Tell me the story of this pencil". He said this hold a pencil inches from his nose and staring at it as he rotated it and waved it up and down.

Dutifully I set out to describe the pencil. "Pencils down," Mr. Noland said asking a student he clearly knew to read his story first. "She couldn't tell why. All she could smell was stale cigar...." the novella this student wrote about a possible murder, broken hearts and a love affair gone wrong made me realize I wasn't in Kansas anymore.

If Mr. Noland's shill can write 500 words on a pencil, YOU can tell a captivating story online about you, your company, brands and products.

Web Design & Stories
Now that you know WHERE to find stories don't forget to DESIGN them in. Sharing stories online is tricky. You want to make readers do a little work to get to a place they can read and read.

Don't do like some and break your stories into tiny 200 word bites. Too much clicking ruins the "all in" feel of a good story. Make your readers click a couple of times to pan out readers from scanners and then let them read.

Will cover more "story design" tips in another post. First FIND your stories since that is often the hardest task. Next create a design that does the impossible - makes it fun to read online.

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

5 Quick Tips About Images & Web Design

5 Quick Tips About Images & Web Design | Design Revolution |

Hard Won Lessons
I spent almost a million dollars of OPM (Other People's Money) learning these five lessons about images and web design, so lessons learned the hard way:

1. Portraits Are Powerful
Portrait images where the model looks directly at the camera, are powerful "welcoming" images great for home, about and category "splash" pages.

2. Babies are DYNAMITE - Use Carefully
Thanks to our ancient caveman brain we can't NOT look at babies. Problem is that is not a secret so babies are now overused to hock insurance, tires and shampoo. If you use a baby my preference is to have the baby looking AT something.

Visitors eyes go where the eyes of people (or babies) are looking, so point your baby image directly at an important Call-to-Action and bet your conversions go up.

3. People Talking To Each Other = DANGEROUS
There may be context where it makes sense for you to have an image where people in the image are huddled together, but I doubt it. If you have two people huddled and a third looking directly out at the camera the image works better.

We respect a huddle. We don't want to intrude, so your web image is working against your online marketing purpose. Your image says we are here having a conversation and YOU (visitor) aren't invited. Not a good idea.

4. People Sell Better Than Widgets, but...
I  prefer to tell human stories even about the most widgety widget, but people bring "like me" problems too. Every visitor is looking for "like me" signals. If you know your archetype and tribe well enough to risk it use images of people consistent with your understanding.

If you have a wide variety of customers and members best to avoid single archetype "like me" images. This is yet another reason I like portraits. Portraits are "universal" meaning the welcoming look directly at the camera removes some of the "must be like me to engage" requirements.

5. In Action Shots Use The MOVEMENT
If your image is riding a bicycle POINT the movement at something important. I don't like movement images as heroes (largest images on a page is called a hero), but I love them in "sub-hero" images because movement creates excitement and allows me to direct the visitor's eyes where we want them to go.

Use these 5 hard won tips and your images won't fight your site's desire to connect, create community and convert visitors into buyers and members.

Martin (Marty) Smith's insight:

add your insight...

Michael Allenberg's curator insight, July 25, 8:48 AM

Having spent over a decade as a professional photographer, this is spot on! Of utmost interest to Experience Designers interested in persuasive design methodologies! 

Scooped by Martin (Marty) Smith!

25 Web Design Tips To Honor 25 Years Of The Web via Forbes

25 Web Design Tips To Honor 25 Years Of The Web via Forbes | Design Revolution |

25 Great Web Design Tips From Forbes

1. The 5 Second Rule **

2. Proper Messaging

3. Call to Action **

4. Building Trust

5. Keep it Fresh

6. Incorporating Social Media
7. Don’t Make Me Think **

8. Web 2.0 – It’s About the User’s Needs, Not About You

9. Video **

10. Don’t Reinvent The Wheel

11. Don’t Fall Behind – Your Competitors Will Beat You

12. Security

13. Start with SEO in Mind **

14. Avoid Long Page Forms
15. Don’t Make Me Squint

16. Be an Industry Leader

17. It’s No Longer Just About the Desktop

18. Don’t Attempt to Target Everyone

19. Monitor Site Performance

20. It’s Web Pages, Not Websites That Rank

21. Your Website is a Component of Marketing

22. Good websites grow businesses.

23. Flash is dead.

24. Respect text.

25. Future requires wearable tech integration.

All 25 are great web design tips. Our favorite 5 are highlighted in bold.

Martin (Marty) Smith's insight:

add your insight...

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

The White Album: 50 Fantastic White Web Designs Inspire

The White Album: 50 Fantastic White Web Designs Inspire | Design Revolution |
The color white is simple, elegant and peaceful and the use of this color is seen in lots of websites. Whether they're portfolios or online shops, people agree on...
Martin (Marty) Smith's insight:

The space between the notes may be the most defining thing about music. I think of web design as a form of music. Web designs, like music, need space between their notes.

This is what made Google so astonishing and easy to use. White page, search box and as few menu options as possible. There is even a person who stands sentry on Google's design saying NO much more than they say yes.

I love to study great WHITE websites to learn how to put space in to quiet and strengthen web design.

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

30 Web Design Tips Makes Life Easier

30 Web Design Tips Makes Life Easier | Design Revolution |
Every web designer has a secret or two. Hard-won workflows, hidden hacks, and insider knowledge that are the mark of true experience and the stuff that separates great web design training from good. Here, we've managed to persuade some of the web's busiest devs and designers to part with their most closely guarded tricks and tips.
Monica S Mcfeeters's curator insight, April 19, 8:50 PM

Here are tips to help you with your web designing.

Scooped by Martin (Marty) Smith!

10 Inspiring Portfolio Websites & 6 Web Design Tips ~ Creative Market Blog

10 Inspiring Portfolio Websites & 6 Web Design Tips ~ Creative Market Blog | Design Revolution |
Buy and sell handcrafted, mousemade design content like vector patterns, icons, photoshop brushes, fonts and more at Creative Market.
Martin (Marty) Smith's insight:

Many lessons can be learned from these 10 excellent portfolio websites including:

* Let your images BREATHE.

* Visual Storytelling is Key.
* Use creative juxtapositions to highlight key messages.

* Contrasts can make either side easier to understand.

* Manage colors (little goes a long way).

* Don't oversell, let your images do their job. 

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

The Art & Science of Social Login Design

The Art & Science of Social Login Design | Design Revolution |
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 ) 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

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.

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!

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 |

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.

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

10 Award-Winning Website Designs Inspire via Hubspot

10 Award-Winning Website Designs Inspire via Hubspot | Design Revolution |

Check out these 10 gorgeous websites to see what makes them so critically acclaimed.

Marty Note
Solid work here if somewhat on the heavy side for my taste. I do like Rdio. M

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

Dr. Dre's Web Design Tips

Dr. Dre's Web Design Tips | Design Revolution |

Beats By Dre Web Design Lessons
A friend shared the impressive NEWSJACK Dr. Dre and his Internet markeing team pulled off last week. Beats By Dre ( ) has some cool web design tricks to steal too such as:

* Consistent images across channels (the Richard Sherman image rode the crest of the wave created by his "controversial" statements after last Sunday's game).
* HUGE RED BUY NOW Call To Action on the home page.
* Hero moves but does so SLOWLY so it isn't jarring.
* They've programmed their Richard Sherman page so his picture matches to every style, something I bet the site does for all celebrity endorsements (cool and NEW).
* Their social buttons are a little low for my taste, but they are well labeled as the "Beats Army" and every major social net is there and they are robust and fresh on all social nets.
* I like how they handle the colors too via the small swatches.

All in all a great ecommerce site in support of one of the best NEWSJACKS I've seen (see my notes on Dr. Dre's multi-channel attack of the web here:

No comment yet.