background preloader

UX UI

Facebook Twitter

(re)Brander sa startup – papernest. 8h02, mardi 17 octobre 2017, le coup d’envoi tant attendu est donné — c’est officiel et c’est dans le Journal du Net : Souscritoo lève le voile et devient (enfin !) Papernest. Après 6 mois de travail acharné, de briefs créa, de moodboards, de pixel-perfect et de weekends passés sur Slack, notre jeune pousse germée en avril 2015 pouvait enfin éclore et fleurir dans un glorieux #5A52FF. C’était certes un moment de grande fierté, mais c’était également un grand soulagement, après avoir accumulé les retards et connu les affres du doute et de la frustration.

Car pour une startup early stage, l’exercice du branding n’est pas facile : on sait qu’il est important, mais on sait que c’est un effort de long terme, et que les résultats s’en mesurent mal. On sait qu’il est structurant, mais que si jamais on pivote, il peut nous coincer. On veut rester lean, mais on sait qu’une plateforme de marque, ça ne s’A/B-test pas du tout comme une landing page. 1. Et il y en a tant d’autres. 2. 3. Ernesto : 1. 2. UX Design Defined. By Ritch Macefield Published: June 18, 2012 “In the field of user experience, people often confuse terms like information architecture, interaction design, visual design, usability engineering, and UX design.”

Unfortunately, in the field of user experience, people often confuse terms like information architecture, interaction design, visual design, usability engineering, and UX design. In some cases, people use these terms almost interchangeably. This article provides a lexicon of these terms and more clearly defines the role of the user experience designer. Information Architecture Information architecture (IA) focuses on the organization of data—that is, how data is structured from a user’s perspective, as opposed to the system, or technical, perspective.

At the level of an entire Web site, or application, information architecture determines what data is on each page and how pages relate to each other. “Information architecture (IA) focuses on the organization of data….” Interaction Design. The Do’s and Don’ts of Dark Web Design. Dark web designs are very popular and can have an elegant and creative appeal. They are also perfect for many types of client work however, they are not suitable for every website and should be used only when appropriate. In spite of the striking visual impact that these dark designs can have, many designers don’t know how to effectively pull them off without turning off the visitor. With a dark design comes less readability, less appeal for most readers and less opportunity for conventional design elements. In this post, we’ll discuss a few tips to make your next dark website design appeal to a broader audience, while letting you, the designer, express your creativity.

A recent poll suggests that light designs are preferred by the general web-going audience by a whopping 47%. By contrast, 10% of those surveyed said that they always preferred dark backgrounds for websites, while another 36% said that the best choice would depend on the type of website. So, what’s the right answer? Can I use... Support tables for HTML5, CSS3, etc. Why You Should Build A Sitemap Before Designing Your Site. Designing a new website can be a daunting process, only made more complicated by the volume of information that sometimes needs to be organized and incorporated. Sure, designers might create wireframes and mockups to plan out the site before they get started, but what about non-designers?

How do you get the structure of the site figured out before you turn everything over to your designer? A sitemap can be an effective planning tool for both designers and non-designers alike. It’s a centralized planning tool that can help organize and clarify the content that needs to be on your site, as well as help you eliminate unnecessary pages. And a sitemap, because it’s basically just an outline or flow-chart of the content your site needs, can be created by anyone, regardless of their design skills. Clarify Your Site’s Purpose and Goals Every website should have a goal and a purpose.

A sitemap can help you clarify what your site’s goals are before you start designing or creating content. The dirty dozen of e-commerce. The dirty dozen of e-commerce Written By: Jeremy Swinfen Green , Managing Director At the User Experience conference in Brighton yesterday Harry Brignull ( was talking about underhand online design tricks some of which he has started to list at darkpatterns.org . Well, I won’t pretend that I agreed with all his examples – some, such as preventing people from comparing prices easily, seem to be legitimate standard marketing practices while others, like intertia marketing, are commonplace, if aggressive, tools.

But he came up with some interesting examples in his talk and, importantly, suggested that it would be beneficial to agree a set of best practice guidelines that “ethical” websites could follow. Perhaps some form of kitemark could then be awarded to sites that comply with the guidelines. It’s a good thought. But there are other areas of web marketing – in particular e-commerce – where a set of best practice guidelines might well be helpful.

13 E-Commerce Website Mistakes - 13 Bad Habits of eCommerce Stores. 3inShareinShare3 E-tailers have a lot to learn from traditional retailers. It seems that well-known eCommerce sites get away with atrocious usability mistakes simply because the internet as a shopping medium is growing so fast. Web managers may think that because sales numbers are up they must be doing everything right. For many online stores, nothing is further from the truth. Requiring Login to Order: I would agree with Get Elastic’s Linda Bustos that this is one of many e-tailers’ favorite usability mistakes. No Calls to Action: Don’t just assume your visitors will click on your image maps or “Click Here” links. I’m sure I didn’t mention everything, so be sure to leave a comment with your thoughts or experiences.

Like the tips listed above? About PWM Justin Palmer offers expert eCommerce consulting and SEO consulting in Orange County, California. Related Posts: How to Design a Mobile Responsive Website. To build a mobile site or not to build a mobile site; this is a question at the forefront of many a discussion. There is, however, another option: responsive web design. When, why, and how should you go about designing a responsive website? With mobile internet users set to surpass desktop internet users in the US by 2015, with tablets becoming more popular, and even with TV internet usage increasing, it’s important for companies to provide a great user experience for all their visitors no matter what device they’re on.

How does responsive design help us do this? Why should you design a responsive site? There are many options to consider when a client asks for a mobile solution for their website, and the suitability of these options depend on the business requirements and budget; it’s also important to consider any existing solutions or sites they already have. So why would you decide to create a website this way? You’re starting from scratch You want to keep costs low The process. 5 Tips to Improve Email Open Rates - Email Marketing Essentials. Is your message blending in or standing out in an inbox filled with emails? Email marketing has become an essential part of engaging and targeting prospects and clients online.

In fact, eMarketer reports that 97% of small businesses use email marketing to connect with customers. There are many aspects that make up an effective email marketing program, but today I’ll focus on how marketers can increase their campaign open rates. Email content is essential, but getting people to actually open your email is a hurdle many marketers find hard to overcome. As marketers we must ask ourselves: If I received this email from another company, would I open it? #1 – Make a Good First Impression What are the two things that email recipients see before actually opening an email? The Sender: Recent studies have shown that adding a personalized feel to the email can be key in increasing open rates. The Subject Line: If ever there were an opportunity to convince your audience to read this is it.

10 Bizarre Things That Influence Customers Online. We know there are a lot of psychological factors that influence purchase behavior online and offline. Here are just a handful of funny things that influence customers to behave the way they do: Bigger Buy Button It’s 2011, and by now you would think web users would be confident that every ecommerce site has an Add to Cart button, right? Why does color, size and even irregular shape have a proven, measurable impact on products added to cart, checkout initiation and checkout completion? The most likely answer is that big, bold, funky shaped buttons stand out and put the “call” in call-to-action. Steve Krug was right: “don’t make me think.” I mean really, don’t make them think! Mixed Case Ads According to testing by Mind Valley Labs and others, This Simple Tactic of capitalizing the First Letter of each word in your PPC headlines can Boost Click-Through Rate by 80%. Up To… Is it better to send an email promotion with “Sale!

Why? Free Shipping Are we there yet? Oof. The Eyes Have It Kill Will. Twitter / Accueil. 30 e-commerce sites worth seeing. In this day and age, if you are not selling your product online or at least making it available online, you are missing out on a ton of money. Unfortunately, the makers of these sites are most interested in making a dollar rather than making sense (did you catch the pun?). At any rate, some folks get the job down. They understand that design is a way to communicate and get their point across, rather than something that needs to be pushed to the side in order to get people to buy. Good companies understand good design can mean a better bottom line. If you need inspiration for your upcoming e-commerce site or you just like this type of thing, we’ve put together some sites that get their audiences moving—not just through pretty decorations and design but through good usability, interfaces and interactions. 1.

I don’t think there are a ton of exciting ways to present bikes (unless it’s some super mountain bike) and you’re typically only bike shopping if you really want or need a bike. 2. 3. 31 Extremely Impressive Web Icon Sets for Free. 31 Extremely Impressive Web Icon Sets for Free 13,185 views In Freebies by Sheila Mahusay Sep 28th, 2011 2 Comments Icons are one of the fundamental components of Graphical User Interface (GUI). In web applications, icons serve as an intuitive representation of hypertext links and quick navigation from a web page to another.

Creating icons can be very protracted since certain design specifications are to be considered such as its color, shape, design, size and scalability. So, why squander much of your time creating them when you can avail free high quality icons in just a few clicks. You may also want to read the related article below. Don’t forget to Subscribe to our RSS-feed and Follow us on Twitter — for recent updates. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 10 Free Useful Icons for Designers 11. iPad 2 Icons 12. 13. 14. 15. 16. 17. 18. iCandies Icon Set 19. 20. 48px Web Icon Set 226 icons 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 16px Glyphs 31. You like this post? Author Sheila Mahusay 2 Responses. Kiss.ly/rrITv1. Kiss.ly/qFeYen. What Impacts Web Form Conversion? There are many things you can do to improve the design of Web forms. But what can you do to really boost conversion? Here’s a few case studies that illustrate how the removal, clarity, and even indication of requirements can have a real impact on form conversion.

Removal of Requirements Every question you ask someone within a Web form forces them to decide what you are asking, come up with an answer, and then enter their answer into the affordance (form input) you have provided. Removing a question removes all of these considerations. A comparison study (PDF) of two Contact Us forms illustrates the point. The impact of removing questions further underscores Caroline Jarrett’s mantra of form design: keep, cut, postpone, or explain. Too often Web teams put their effort into deciding between single page, multiple page, or dynamic versions of their forms.

Clarity of Requirements Addressing these issues of perception is another common way to boost Web form conversion. 5 Ways To To Squeeze More Cash Out Of Your eCommerce Website. You have your shopping cart up and running, you’ve uploaded all your products and the website is finally starting to hum along nicely. Orders are coming in. But chances are, your e-commerce website can generate even more revenue. Here are five ways to make it happen. 1) Site speed In late 2010, Google announced that it would start to take the load time of your site into consideration when ranking your site in the overall organic search results. Along with announcing this change, Google also launched Page Speed Online.

Tweak your site with the suggested changes and watch your site scoot like a cop to a doughnut shop. 2) Button text & color You think your product pages look great, but do your customers? It’s time for some old fashioned A/B testing. Find your call-to-action buttons on your product page and work on a few different colors that still match your overall site design. If you notice that there’s no real increase in conversions because of the color, try modifying the text. Who knows? The Anatomy of an Effective Homepage. As a general rule, your homepage will be the first encounter a visitor will have with your business. Great care, therefore, should be taken to design and structure your homepage so that readers will digest and act on your business message.

Below we’ve identified certain qualities that compose an effective homepage. We recommend you spend a few minutes with this infographic to see if your homepage’s current state is effective. Special thanks to @keanrichmond and @onextrapixel. Click on the infographic below to view a larger image: View an enlarged version of this Infographic » Click here to download a .pdf version of this infographic. Simply copy and paste the code below into the html of your website to display the infographic presented above: Kiss.ly/qGmX3T. Why Rounded Corners are Easier on the Eyes. By anthony on 08/17/11 at 10:17 pm Designers use rounded corners so much today that they’re more of an industry standard than a design trend.

They’re not only found on software user interfaces, but hardware product designs as well. So what is it about rounded corners that make them so popular? Indeed they look appealing, but there’s more to it than that. Rounded Corners are Easier to Process Anyone can appreciate the aesthetic beauty of rounded corners, but not everyone can explain where exactly that beauty comes from. Some experts say that rectangles with rounded corners are easier on the eyes than a rectangle with sharp edges because they take less cognitive effort to visually process. Scientific research done on corners by the Barrow Neurological Institute found that the “perceived salience of a corner varies linearly with the angle of the corner. Which object is easier to look at?

We’re Conditioned for Rounded Corners Which object would you trust with your child? Conclusion References. Les fautes d'orthographe coûtent cher sur Internet. When to Use White Text on a Dark Background.