Expertiential Design
41.3K views | +5 today
Follow
Expertiential Design
The art of designing engaging and meaningful user experiences for customer development.
Your new post is loading...
Your new post is loading...
Rescooped by Michael Allenberg from Design Revolution
Scoop.it!

No Bait & Switch Parallax Ecommerce Designs PLEASE

No Bait & Switch Parallax Ecommerce Designs PLEASE | Expertiential Design | Scoop.it

Bait & Switch Parallax
Earlier today we shared a Scoop on ecommerce web design trends (http://sco.lt/5bADXl ). CycleMon is a good example of falling in love with an idea, parallax scrolling, and forgetting ecommerce basics such as 1. DON'T MAKE ME THINK and 2. You have 9 Seconds to tell me what you are all about.

http://www.cyclemon.com/mobile/

Cyclemon forces customers to scroll to the bottom of a long list of designs BEFORE they proceed to a Cafe-Press like store. WRONG. Don't be so impressed with your designs you make me spend precious TIME scrolling through ALL of them.

OR if you do so ask me a question. What design best describes you? Cyclemon could use a tag or make their images clickable to clue their customers faster. Don't FORCE your customers to follow YOUR line through the forest of your products.

And, don't bait and switch. When Cyclemon LOOKS one way during the scroll and another after the click they violate the scenttrail rule - whatever is on the other side of a click must resemble and amplify what is on the other side.

Cyclemon violates the rule because they leave the ecommerce to after a long scroll and click. This is like inviting an insurance salesman to lunch. Be more clear upfront and you won't violate the Scenttrail Rule.

Oh and one more thing. The Cyclemon page defined our laptop as mobile. Make sure your sniffer is reading correctly before you expose it to the world or you lose trust and legitimacy both things needed if customers are going to open their wallets.


Via Martin (Marty) Smith
more...
Wes Thomas's comment, April 11, 2015 9:23 PM
Thanks for the insight
Rescooped by Michael Allenberg from Design Revolution
Scoop.it!

10 Trends Sure To Change Web Design in 2015

10 Trends Sure To Change Web Design in 2015 | Expertiential Design | Scoop.it

Updated! Some of the web's smartest thinkers reveal what they believe will transform the web.

Summary & Marty Notes

1. Huge Background Images (Agree, but hard to do well in responsive design).
2. Card Based Design (Agree and need to know more about this since cards = responsive and responsive i.e. platform agnostic is the way to go now).
3. Digital First Branding (Agree and this will be a big shift for many who think of their websites as additions not the MAIN THING).

4. Open Data (Need to know more about this).
5. Responsive Design...Evolved (Agree, Agree, Agree).
6. Privacy (not sure about this one, think that ship has sailed).
7. Isomorphic Java Script (Need to know more about this).
8. Iteration (Agree, we will make MVPs, ship them and then watch and improve them).
9. Vibrant Design (not sure about this one, the example made my eyes hurt).
10. Web Components & Adaptive Design (this is Internet of Things and I agree).


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

Clean & Simple Website Design Trends In 2014

Clean & Simple Website Design Trends In 2014 | Expertiential Design | Scoop.it
Like the World Wide Web itself, the world of website design is constantly in flux as technologies change and design standards evolve. What worked in 2013 may

 


Via Martin (Marty) Smith
more...
Martin (Marty) Smith's curator insight, July 29, 2014 2:30 PM

Worth revisiting some of these web design trends. What is the engine behind these trends? Social / Mobile web. Like the "winners" and "losers" organization here.

Carlos Polaino Jiménez's curator insight, July 29, 2014 2:59 PM

En el momento en que me lo estoy planteando

Rescooped by Michael Allenberg from Design Revolution
Scoop.it!

RETHINK Web Design: Unusual Web Navigations Inspire | AWWWARDS

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

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

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

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

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

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

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

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

Rescooped by Michael Allenberg from Design Revolution
Scoop.it!

13 Whitespace in Web Design Examples Inspire

13 Whitespace in Web Design Examples Inspire | Expertiential Design | 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,

Via Martin (Marty) Smith
more...
Martin (Marty) Smith's curator insight, March 2, 2014 12:45 PM

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.

Rescooped by Michael Allenberg from Design Revolution
Scoop.it!

Web design trends for 2014 | Infographic + @ScentTrail Trend Predictions

Web design trends for 2014 | Infographic + @ScentTrail Trend Predictions | Expertiential Design | Scoop.it

What do we predict will be the web design trends in 2014? Here is an infographic with our predictions

Marty Note
Here are my thoughts on web design in 2014.

1. Code Free = Disagree, not in 2014, I have tried Webydo and it is as hard to master as code so why bother, until there is a tool that is EASIER than code we will continue to code.

2. More CMS based site - Agree and this is another way of saying more blogs acting like websites. Good idea to read my Websites vs. Blog post on Curatti.com earlier in the week to know how to keep the things that matter from a "website" as your blog fills both shoes: Websites vs. Blogs Which One Is Better and Why http://curatti.com/websites-vs-blogs/ .

3. Single Page Sites - Disagree - I GUESS you could have a robust enough social presence that a single page site would be fine, but you give up a lot and you are asking a single page to accomplish a lot. Google doesn't rank websites they rank web pages, so pagespread (# of pages in Google) can help build traffic via SEO (that is left of it anyway).

A single page website is only viable for strong mobile or social players and somewhere there has to be an engine generating NEW out into the world. If you use a single page, push NEW out and then wipe it clean that is simply CRAZY with the way traffic is parsed and how we gain authority today. Oprah could have a single page site, how an average website could achieve all that is needed with a single page is beyond me.

4. Interactive Infographics - Agree with this one. The Infographic has legs, or should say the idea of visualizing content has legs. The infographic is an expression of a larger movement - our desire to understand things FAST.

Other 2014 Web Design Trends I see include:

* Lean Design - This movement plays off of #4 and the strength of the marketing visualization movement. Creating more understanding faster is a trending trend.

* Social Net Tapestry - Website designs MUST be social and agnostic about social nets. Including Facebook, Twitter, GPlus, YouTube, Scoop.it, StumbleUpon and 10 more I can't think of right now in ways that make sharing easy, rewarding and not overwhelming is a trend no one has figured out all that well yet, but we will begin to see novel ideas that build on the social media  "widget" idea in 2014 (only much better let's hope).

* Content Curation - we must build websites in 2014 that are focused on KEY CONVERSATIONS and become agnostic about where those conversations happen. Own the conversation, own the traffic.

 

Curating content INTO a website (or blog) is an important trend no one has quite figured out yet either. Start with traditional ORM (Online Reputation Management) tools. Use ORM to crack some APIs so when something relevant happens to your company, brands or products out there in social media's north forty you

Know about it.Filter it into your content by having ways (filters) to attach curated content into existing themes. Gamify contributors so reward is generous, immediate and competitive.


* Appification of Everything - the Mobile Revolution is not about the phone. It is about redesigning our THINKING about how information creates interaction, engagement and conversion (so a small thing lol). Thinking of everything we do online as an app we will be improving is a very "Mobile First" way to think. Those who understand the "Appification" of everything will win BIG as the rest of the world catches up in 2014.

* Gamification - If your website design doesn't find ways to profile, reward and share (curate) content from contributors you will fall hopelessly behind in 2014. The social web is here, despite few understanding the breadth of that that means, and websites need to promote an ever increasing amount of User Generated Content (UGC). Best way to do that is by using game theory to create web design.

 


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

7 Crucial Web Design Trends in 2015 via WebDesigner.com w/ @Scenttrail Notes

7 Crucial Web Design Trends in 2015 via WebDesigner.com w/ @Scenttrail Notes | Expertiential Design | Scoop.it

While many design trends are fleeting, a select few are natural evolutions of the industry. As the range of devices on which we view websites continues to grow,

Our Notes

1. Typography Will Be Flexible (agree).

2. The Decline of Web Coding (disagree, after spending a few weeks at The Iron Yard learning CSS & Java feels like CODE is going up not down, but we understand the point since it is possible to do a lot with templated WordPress these days).

3. The Evolution of Responsive Design. (Agree, responsive will need to permeate data architecture, website navigation and functionality too). 

4. Flat Design will Conquer Every Pixel (agree)

5. Bigger = Better for Images
(depends on the site, but agree mostly)

6. Revamped Scrolling Animations, Parallax Effects and Microinteractions (agree).

 

7. The Dawn of Webgraphics (agree).



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

Future Of Web Design: End Of Boxes & Borders via @HaikuDeck

Future Of Web Design: End Of Boxes & Borders via @HaikuDeck | Expertiential Design | Scoop.it

Web Design
Cha Cha Changes are ahead for web design. Our social / mobile / connected world is blowing up our wireframes. and that's a good thing.


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

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

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

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

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

 

* Tells a better story.

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

* Emotionally more powerful.

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

* Lowers BOUNCE & encourages sharing.

* Looks great on all devices (mobile included).

* Lower cost to develop.

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

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

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


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

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

Why The New World is FLAT: What Is Flat Design? | Expertiential Design | 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?

Via Martin (Marty) Smith
more...
Martin (Marty) Smith's curator insight, March 14, 2014 6:00 AM

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.  

Rescooped by Michael Allenberg from Design Revolution
Scoop.it!

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

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

2014 We Design Trends

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

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

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

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

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

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

8. Personal Portraits - Agree and Like

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

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

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

12. Customized Image Galleries - cool and we need.

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

14. Expanding Search Bars - cool and will use.

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

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

17. HTML5 Canvas - cool and new to me.

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

19. Quick Registration via social - AGREE!

20, CSS3 Keyframe Animation - Cool, want one.



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

Here are some current WEB designing programs.