AtDotCom Social m...
Follow
Find tag "design"
37.1K views | +1 today
AtDotCom Social media
Great social media topics
Your new post is loading...
Rescooped by John van den Brink from Design Revolution
Scoop.it!

5 Web Design Ideas via @Curagami Evolution Of Web Design Infographic via Martin (Marty) Smith @ScentTrail

5 Web Design Ideas via @Curagami Evolution Of Web Design Infographic via Martin (Marty) Smith @ScentTrail | AtDotCom Social media | Scoop.it

5 Web Design Implications Evolution Of Web Design

Our @Curagami Evolution of Web Design Infographic broker daily view records for our startup site. Here are 5 Web Design Implications:


  • Leave Room For THEM (visitors & customers) - As User Generated Content (UGC) becomes increasingly important its important to build in ROOM for comments, reviews and other UGC. UGC needs an ASK and the room to curate and share results of the ask.

  • Every Single System & Process you build for YOU, build 2 for them. Can users follow each other? Can users share a profile? Can users share content ideas and content easily? What is your social reward system for content shares.

  • Social Graphics - there is a reason people in the army wear rank. Wearing "social rank" immediately says who someone IS with a single graphic. Easier to trust social avatars when they are similarly grounded with graphics earned and proudly socially displayed. Social graphics reward those who've earned them AND set the stage for the next generation of people aspiring to "be like them" so a double win.

  • Build an Ambassadors area - ambassadors are so important to creating and sustaining online community. Ambassadors are volunteers wiling to sacrifice to JOIN and ADVOCATE you and your ideas. One CSF our startup Curgami is working on is how to quickly identify a website's 1% Contributors and 9% Supporters. Once identified GIVE THEM JOBS and a special place to "hang out".

  • Curate & Collaborate More, Create Less = more "blank pages" - design is an important wrapper, but web design can become an obstruction too. If you curate a "Member of the Month" feature leave room to fill up as you go. Maybe this month's feature sits on top of 3 previous months. The more face-time you can build for THEM the more social shares and support your online community earns.


What about you? What design changes do you see ahead? As we move to "community" how can our design support and create trust?




Via Martin (Marty) Smith
more...
No comment yet.
Rescooped by John van den Brink from BI Revolution
Scoop.it!

Design A Blog With Personality By Using Neuroscienc

Design A Blog With Personality By Using Neuroscienc | AtDotCom Social media | Scoop.it
So, how can you harness this knowledge to your advantage? Let’s look at some of the most notable studies on the subject and how you can apply that directly to your blog


Scooped by @Martin (Marty) Smith .


Via Martin (Marty) Smith
more...
Martin (Marty) Smith's curator insight, April 19, 12:13 PM
Thought this was a cool mashup by Kissmetrics. Write to the psychology of the browser is similar to how we use personas in email.
Rescooped by John van den Brink from Design Revolution
Scoop.it!

10 Visual Web Design Mistakes To Avoid

10 Visual Web Design Mistakes To Avoid | AtDotCom Social media | Scoop.it

Don't Make These 10 Web Design Mistakes

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

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

7. Bad link colors.

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

9. Tiny font size.

10. Long paragraphs especially problem longer the post.  


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

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

Rescooped by John van den Brink from Design Revolution
Scoop.it!

Website Design Projects Timeline From Research To Testing [infographic]

Website Design Projects Timeline From Research To Testing  [infographic] | AtDotCom Social media | Scoop.it
This great infographic takes you through the initial engagement stages for new website design work, through research, landing page design, coding, validation onto final launch and search engine optimi

Via Martin (Marty) Smith
more...
Martin (Marty) Smith's curator insight, February 6, 9:06 PM

Cool way to visualize web design process and true to my experience of creating more than 100 websites.

Katja Tschimmel's curator insight, February 14, 11:35 AM

Design Thinking applied to Web Sites. Very nice graphic!

Rescooped by John van den Brink from BI Revolution
Scoop.it!

"6 "Could Tell You, But Have To Kill You" Internet Marketing Secrets Shared" - via Haiku Deck

"6 "Could Tell You, But Have To Kill You" Internet Marketing Secrets Shared" - via Haiku Deck | AtDotCom Social media | Scoop.it

These secrets are hard to share not because of how SECRET they are, but because of how automatic they become after Internet marketing for almost 15 years.

6 Internet Marketing Secrets
* use WordPress Themes.
* Solve Brand Conflicts.
* Tease Clicks Don't Drown Them.

* Test Video Marketing.
* Align Website Nonverbals.
* People and Stories Sell not Cool Tech.

This last bullet is the hardest to convince #startups and #smbs. Real estate agents want to show their MLS widget, the same widget every other real estate agent has. Startups want to show their widget.

PEOPLE and STORIES are what makes great website content because we BUY with EMOTION and JUSTIFY with LOGIC.  


Via Martin (Marty) Smith
more...
No comment yet.
Rescooped by John van den Brink from Design Revolution
Scoop.it!

Website Design: 5 Working With Templates Tips - Marty Tips

Website Design: 5 Working With Templates Tips - Marty Tips | AtDotCom Social media | Scoop.it

Had fun creating CureCancerStore.org with my friends Eric and Cynthia Garrison's Agile7 template. As I worked I was reminded of a few tips that may help any web designer, and aren't we all web designers now, work with templates including:

* SEO Don't Forget it.
* Adjust YOUR Perspective Not Other Way Around.

* Get Creative and Modify What is THERE.

* Improve Shopping Cart LATER.

* Tables and old HTML are TOUGH.

This last bullet is important. The world is HTML5 and CSS3 and if you don't have CSS skills templates are both a Gift from God and a Curse from the Devil. If, like me, you still can write <tables> don't expect them to look like what you expect because their display is controlled by CSS (style sheets).

I tend to bull forward and do the best I can until a firm understanding of where and how we are making money. Once I understand how the site makes money I can invest intelligently in designers with more talent than me (not hard to find those btw lol).

This post should help anyone know how to work with templates better to design a website or blog and templates are in all of our futures because they are great, getting better and cheap.


Via Martin (Marty) Smith
more...
No comment yet.
Rescooped by John van den Brink from Design Revolution
Scoop.it!

20 Web Design Trends In 2013 From Responsive To Storytelling

20 Web Design Trends In 2013 From Responsive To Storytelling | AtDotCom Social media | Scoop.it
Predicting the future is tough, but with the fast-moving nature of the web, it’s good to know what lies ahead. Craig Grannell talks to top industry figures about the web design trends you should be mindful of over the coming 12 months.

Via Martin (Marty) Smith
more...
Martin (Marty) Smith's curator insight, September 22, 2013 3:51 PM

Web design is changing fast and here are 20 trends we've seen this year.

Jayde Ashlin's curator insight, September 24, 2013 10:03 AM

...it's changin' fast!

Raquel Oliveira's curator insight, September 24, 2013 1:54 PM

2 lovely subjects: Web designer and storytelling !

Rescooped by John van den Brink from BI Revolution
Scoop.it!

Why You Need User Experience Thinking - Kluge Interactive

Why You Need User Experience Thinking - Kluge Interactive | AtDotCom Social media | Scoop.it

My friend Dean Peters is right. YOU may have been your website's users at some distant point. Not so much now. Internet marketing teams look at their creation constantly. 

Let's call the resulting "snow blindness" Internet marketing blindness because the closer a team is to a website the less they see or can see. Great Tweet from IM Guru @DeanPeters.  

 

Here is Dean's note from LinkedIn: 

"*Why Do You Need #UserExperience Thinking* ? Because You are not your Users, and I quote: "Many people think they know their customer. Often, they don’t. In the User Experience (UX) Community, we are fond of saying ' _you are not your user_ .' Repeat that mantra over and over until you live it..

Be sure to follow Dean on Twitter. One of those rare people who every time you interact with him you LEARN something. M  


Via Martin (Marty) Smith
more...
No comment yet.
Rescooped by John van den Brink from visualizing social media
Scoop.it!

Responsive Website Design: Everything You Need To Know [10 Infographics]

Responsive Website Design: Everything You Need To Know [10 Infographics] | AtDotCom Social media | Scoop.it

These 10 infographics will teach you many essential elements to begin to know about Responsive Website Design- a major design trend for 2013.

Simply put, Responsive Website Design is a way for designers to create one website with a few style sheets, which allows the website to be seen on any device without having to create it from scratch for a tablet, mobile device, desktop device, etc.

With Mobile Search increasing rapidly, having a website that works for every device is a necessity and responsive design allows the site to reformat content appropriately.


Learn more at the infographic gallery at the article link...


Via Lauren Moss
more...
No comment yet.
Rescooped by John van den Brink from visualizing social media
Scoop.it!

26 Things to Note Before You Develop a Website – Infographic

26 Things to Note Before You Develop a Website – Infographic | AtDotCom Social media | Scoop.it

If you are just getting started on the journey of developing your website, you may feel overwhelmed with all the things you need to figure out and plan before you even get started. There are definitely enough details to consider that it’s worth making a list so you don’t forget any of them. Or, instead of making your own list. This infographic from Pixaal showing the basic things to note before someone or company develop a website...


Via Lauren Moss
more...
Laser Focus Coaching's comment, April 25, 2013 2:53 PM
Great point Jayne.
Josie's comment, April 26, 2013 1:59 PM
Great points! I definitely would incorporate them into my workshops for entrepreneurs who may be just getting started or wondering why their site does not work!
AndySernovitz's curator insight, May 3, 2013 3:44 AM

There are definitely enough details to consider that it’s worth making a list so you don’t forget any of them. Or, instead of making your own list. This infographic showing the basic things to note before someone or company develop a website...

Rescooped by John van den Brink from Ecom Revolution
Scoop.it!

12 Critical Homepage Elements Every Website Must Have [Infographic]

12 Critical Homepage Elements Every Website Must Have [Infographic] | AtDotCom Social media | Scoop.it

Via Martin (Marty) Smith
more...
Martin (Marty) Smith's curator insight, February 8, 2013 4:15 PM

Great checklist for B2B or B2C website homepage design.

AlGonzalezinfo's curator insight, February 11, 2013 11:35 AM

this works better for business sites than academic sites, but it is a very good resource.

Sección de Metodologías de la Universidad de Murcia's curator insight, February 12, 2013 12:19 AM

Interesante guía rápida que propone 12 elementos que debería tener la página principal de un sitio web

Rescooped by John van den Brink from BUSINESS and more
Scoop.it!

Responsive Web Design: The Ultimate Guide for Online Marketers

Responsive Web Design: The Ultimate Guide for Online Marketers | AtDotCom Social media | Scoop.it

As of February, the smartphone share in the United States has reached nearly 50%. 2012 is FINALLY "the year of mobile" and this means that you need to invest in a mobile user experience. Check your analytics — that mobile traffic share keeps growing!

 

With all of the hype that responsive web design is getting, what are the biggest implications for marketers and SEOs regarding its fit as the long-term mobile strategy?

 

First Of All, What is Responsive Web Design?

 

In a nutshell, responsive web design (RWD) is a technique which uses fluid layouts (which "stretch" to as much screen real estate as possible) in addition to the CSS "@media queries," which apply different style sheets (CSS) based on the current screen size of the device. With responsive design, your website will fit virtually any device with a full browser:

 

smartphones, iPad + other tablets (both landscape and portrait modes), and even TVs. It doesn’t matter that thr Galaxy Tab’s resolution is different from a Nexus S phone — your site will render beautifully, as long as responsive design was correctly implemented.

 

Read more: http://mz.cm/LI09iS


Via Martin Gysler
more...
John van den Brink's comment, June 8, 2012 3:48 AM
Thanks Martin, great post!
Martin Gysler's comment, June 8, 2012 4:31 AM
You're welcome John!
Rescooped by John van den Brink from Design Revolution
Scoop.it!

10 Beautiful Websites for Your Inspiration - Can Beauty Win As A Strategy?

10 Beautiful Websites for Your Inspiration - Can Beauty Win As A Strategy? | AtDotCom Social media | Scoop.it

Design Beauty As Online Strategy
Beauty has a problem online. Imagine a line with pretty pictures on one end and makes money / converts on the other. As website design travels away from the balanced center out to either pole something is given up.

Beautiful sites often feel solipsistic and self referential. Commerce sites feel transactional and much like an not very special commodity. As visual marketing commands more and more of our attention, efforts and communication arresting imagery is important.

You can't sell someone who doesn't stop long enough to know who you are. Is beauty an effective strategy in and of itself? No. Is commerce an effective strategy in and of itself? No. Truth lies in the magic promise of a balanced approach as these 10 examples of somewhat practical beauty share.

My favorite and the one most centered between those two poles?
Juliana Bicycles - I don't typically like group scenes that aren't open to the viewer as they can send an exclusionary message. This bicycle site doesn't because of the magic of place pictured and the ancient desire to warm next to a fire with friends.

Would NEVER have thought Juliana Bicycles hero could feel so beautiful, friendly and inviting breaking several key rules - but it does.


Scooped by @Martin (Marty) Smith


Via Martin (Marty) Smith
more...
malek's curator insight, April 25, 5:50 AM

One Unusual trend we ignore

In Digital strategy pay maximum attention to social media tools, digital tricks and marketing tips. But, we don’t always keep tabs on website design trends and evolution

Rescooped by John van den Brink from Design Revolution
Scoop.it!

Your 2014 Website Can't Be Too RICH, THIN or FLAT - 40 Web Design Examples

Your 2014 Website Can't Be Too RICH, THIN or FLAT - 40 Web Design Examples | AtDotCom Social media | Scoop.it
Flat web design has been a huge topic in the web, even Apple is adopting flat web design style and you need to make sure you upgrade your site too!

Via Martin (Marty) Smith
more...
Martin (Marty) Smith's curator insight, April 15, 11:19 AM

Why so FLAT?
Mobile is the single word answer to why most websites are flattening out their designs. As phones outnumber desktops one of the manifestations of "mobile first" is we are adopting designs that look better on our phones and pads - FLAT designs.

Amazing how quickly this worm turned, but you won't have trouble finding hundreds of examples of great flat website design like these 40. My favorite is http://madebyfibb.com/ for its cascading windows feel and images that engage and point at CTAs.

Marty

Rescooped by John van den Brink from WebsiteDesign
Scoop.it!

eCommerce Websites Convert Better With Modern Web Design Techniques

eCommerce Websites Convert Better With Modern Web Design Techniques | AtDotCom Social media | Scoop.it

You probably heard about the modern web design term at least once, but how can be used correctly with an online shop? What are the requirements?

Marty Note (here is how I shake out on each of these recs)

Big Hero Or Sliders Agree With Caveat!
Depends on what you do immediately to the right or under your large hero. Hero's create HOT SPOTS on the right and immediately below, hot spots that convert and hot spots NO ONE uses (goofystupid). If you are running an ecommerce site you aren't selling the picture, but you do need the attention it can grab. Make sure you put a Call-To-Action to the right or immediately below. People don't like to click within a hero (especially a big one), so CTA below even if it is a restatement.

http://www.charitywater.org/
Does a good job with a large static hero and a "can't miss" CTA with 3 critical links almost directly below the hero. & I DO NOT like sliders.

Warmer Colors - AGREE!
Websites are inherently COLD so warming them up with strong accent colors is a must. Remember to figure in the images you like to include. You can use more warm color if your images always have white backgrounds. If not, you may achieve "warmer" with images instead of needing to modify your design.

Interesting Grids - AGREE!
Thanks to Pinterest the GRID is getting creative. Grids are a great way to share a lot of information fast.

Flat Design - Agree!
The web doesn't do 3D well (yet), so flattening out your design can help make buying decisions easier. Include zooms if applicable and remember to ask your customers to share pics of your products on them or in their homes (great User Generated Content).


Animation
Vine has me convinced there are ways to create animations that help and don't hurt, but be careful. An animation that doesn't stop (like Vine videos) can be obnoxious. I prefer giving control of animations to the click over auto-play. If someone ASKED to see the animation its different than if you just start playing it and it doesn't stop.


Mobile Friendly UI - Agree!
Your responsive design must master the swipe, spin and scroll of the mobile experience. If your site isn't FUN and easy to spin, snip and buy from your customers won't. Spoke with a friend at lunch in the craft space today and her traffic is now HALF mobile, so make sure your content is FUN to use on a phone or pad and takes advantage of the mobile UI.


Via Martin (Marty) Smith, Brian Yanish - MarketingHits.com
more...
No comment yet.
Rescooped by John van den Brink from Curation Revolution
Scoop.it!

Ready For The Visual Marketing Revolution? 12 Tips From Infographics Experts Column Five

Ready For The Visual Marketing Revolution? 12 Tips From Infographics Experts Column Five | AtDotCom Social media | Scoop.it

Making Warby Parker's Annual Report VISUAL
As Beyonce proved when she rethought her last album to be more visual the visual marketing revolution is here (Beyonce covered here http://sco.lt/7Pci1p). Here are 12 GREAT Visual Marketing Tips from Column 5 the Infographics experts:

1. Be Visual. 
2. Show YOUR Personality.

3. Only share NEWSWORTHY news.

4. Let People See Your Engine (able to look behind the curtain).

5. Focus on and Feature Your POEPLE.

6. Make IT Easy To Share (and IT is everything).

7. Present DATA in context.

8. Don't forget the TANGENTIAL. 
9. Share the LOVE. 
10. Product Tie-Ins should happen NATURALLY and ORGANICALLY.

11. Share VALUES.

12. Pat yourself on the BACK every now and again. 

My favorite is FEATURE YOUR PEOPLE. Clients ask me and/or complain they have no good content. Nonsense you have amazing content sitting at desks or on the shop floor.


Telling your product's story by proxy, by telling the stories of the people that work on it, is a brilliant way to create STICKY content that isn't self-serving and feels more TRUE.  

 


Via Martin (Marty) Smith
more...
No comment yet.
Rescooped by John van den Brink from Collaborative Revolution
Scoop.it!

6 "Could Tell You, But Would Have To Kill You" Internet Marketing Secrets SHARED

6 "Could Tell You, But Would Have To Kill You" Internet Marketing Secrets SHARED | AtDotCom Social media | Scoop.it

Happy Thanksgiving
As intriguing as the "cold tell you" title is the real reason sharing web design and Internet marketing secrets like these is difficult is how automatic the thinking becomes after 15 years.


Since it is Thanksgiving I wanted to SLOW DOWN and share 5 "inside baseball" secrets about how to create a new kind of real estate design for my realtor Stephanie Lane.

*Five Inside Baseball Website Design Secrets*
1. Use Wordpress Themes.
2. Solve the Umbrella Brand Problem.

3. Tease The Click Don't Drown it.
4. Test Video marketing.

5. Align nonverbals.

6. People and stories sell not cool tech.

Hope these ideas share the "inside baseball" reasons we start with a certain design to achieve objectives. Every idea BEFORE people are visiting a website is worth LESS the moment real people are clicking, so you want that day to happen as soon as possible.

https://plus.google.com/102639884404823294558/posts/aRn9V8dXVg4 

Happy Thanksgiving! 


Via Martin (Marty) Smith
more...
No comment yet.
Rescooped by John van den Brink from El Mundo del Diseño Gráfico
Scoop.it!

10 Useful Responsive Web Design Tools

10 Useful Responsive Web Design Tools | AtDotCom Social media | Scoop.it
As more and more people view the internet from mobile devices, the demand for responsive website design has intensified. Nowadays creating a responsive web design goes way beyond arranging things t...

Via Alvaro Díaz A.
more...
Alvaro Díaz A.'s curator insight, September 26, 2013 4:28 AM

Via Twitter: @bitanton

Rescooped by John van den Brink from Design Revolution
Scoop.it!

Web 3.0 Design Inspirations Pinterest Board From @Pupixel

Web 3.0 Design Inspirations Pinterest Board From @Pupixel | AtDotCom Social media | Scoop.it

Showcase of web 3.0 web sites (html5, css3, parallax, ecc...)

Marty
Great board from @Pupixel (an Italian web designer) sharing examples of web design leading the way to Web 3.0 - a semantic real time web.


Via Martin (Marty) Smith
more...
No comment yet.
Scooped by John van den Brink
Scoop.it!

How Your Website Can Become A Hero's Journey - ScentTrail Marketing

How Your Website Can Become A Hero's Journey - ScentTrail Marketing | AtDotCom Social media | Scoop.it

Most Internet marketers agree. Your website must be heroic, a quest of and for greatness. But how can your marketing make customers heroes? Here's How:

Ways To Make Your Customers Heroes Online

* Gamification (nothing like social kudos to reinforce a heroic journey).

* Curate and Use UGC (User Generated Content). 

* Contests (who has the best Tough Mudder Pinterest board etc...).

* Leaderboards (part of gamification, but a constant reminder that a game is going on NOW). 

 

Website design tips and several examples of "heroic" websites are included. If you know of great heroic online experiences please share so we can curate in.  

more...
Elsie Barone's curator insight, May 16, 2013 11:36 AM

Very Good Information;

Rescooped by John van den Brink from WebsiteDesign
Scoop.it!

10 Tips To Build A Responsive Website [Infographic]

10 Tips To Build A Responsive Website [Infographic] | AtDotCom Social media | Scoop.it

Want your website to look great on smartphones, tablets, PCs and even TVs? Learn how to go fully responsive.


The Web and the mobile browsers remain one of the top ways that users interact with websites and if they have trouble on their smartphone, there is a good chance they are not coming back.

That’s where responsive design can help.

Responsive design is a concept where you build your website once and then format it so it can adapt to any screen size that accesses it. Designers use HTML5 and CSS to build the sites and set parameters so the content will resize itself whether the user is in vertical or horizontal viewing mode, on a tablet, desktop or smartphone or even a screen as large as a television...


Via Lauren Moss, Brian Yanish - MarketingHits.com
more...
Filipe MS Bento's curator insight, April 18, 2013 7:30 AM

Excelent infografic (as graphic as you can get!):

Sue Myburgh's curator insight, April 18, 2013 3:09 PM

Wonderful - clear and brief.

Cori Zuppo's curator insight, April 21, 2013 6:23 PM

Right on!

Rescooped by John van den Brink from MarketingHits
Scoop.it!

Make your idea stick

Short explanation of Chip & Dan Heath's brilliant book 'Made to Stick' - Why some ideas take hold and others come unstuck. With the funny and sticky example by

Via Baiba Svenca, Brian Yanish - MarketingHits.com