background preloader

Bonnes pratiques web

Facebook Twitter

Email Newsletter Design Best Practices. Email marketing design has never been more important than today.

Email Newsletter Design Best Practices

In order to expand their reach to new audiences, and keep current users satisfied, businesses nowadays rely on email newsletters to promote their events and upcoming projects, share company info, or any additional news relevant to their followers. Great Alternatives to Hamburger Menus – UX Planet. This is a much debated topic and while designers, developers mostly agree on when it is a good idea to use a navigational drawer and when not there are still a lot of mobile apps that rely on this pattern.

Great Alternatives to Hamburger Menus – UX Planet

It usually boils down to the fact that there is no place to put navigation on a small screen, because it lacks a well thought out information architecture or just because of the sheer amount of content. If your app gets too complex, think about unbundling. Look at what Facebook did with Messenger. They broke out functionality around key actions and put it in their own separate app. Hamburger menus drive engagement down, slow down exploration and confuse people. Tabs Tabs help organize content in categories, like you would under a navigational drawer. Bottom navigation. UX Myths. Limitations of HTML Email Design - Email Width and Size. It was already almost 10 years ago when I first had to deal with editing an HTML email.

Limitations of HTML Email Design - Email Width and Size

Back then, I had no idea what it was exactly and what could go wrong if I changed some parts of the code. I'm not a software developer or a site builder, just an online marketer who needs to take care of many things - sometimes overwhelmingly too many - on his own. Do you know the feeling, when you make minor text changes to your HTML email template and everything breaks? I bet you do, if you ever needed to modify an HTML email using a classic WYSIWYG editor or the HTML itself.

Thankfully, these days there are great email builders out there that take care of the code editing part for you, but it's still essential to know what's behind the scenes. This article - and others in the series too - guide you through the ins-and-outs of email design and help you understand the limitations of HTML email. Glance into email history Email is roughly as old as the Internet itself.

IRC, some websites and email. Your Body Text Is Too Small – Medium. Optimizing Bigger Body Text When designing body text for websites, it’s important to realize there is no one-size-fits-all, because it all depends on factors such as the typeface design, the background/foreground color, and viewport dimensions. 1.

Your Body Text Is Too Small – Medium

Design The Body Text First Above all, when designing a web page we should design the body text first, usually before anything else in the layout. It’s the most common element and its appearance will have an evident effect on the rest of the composition. 2. Well Designed CTA Buttons. Charte de référence pour résolution iOS. Astuces pour design mobile iPhone 6 (EN) September 8th, 2016 by Kyle Larson Apple updated its iPhone a bit ago making the form factor much bigger.

Astuces pour design mobile iPhone 6 (EN)

The iPhone 6 screen size is both wider and taller and the iPhone 6 Plus also has a higher pixel density. This is an update to my previous post about designing websites for the iPhone 5. It’ll cover these new screen sizes and try to clarify how this all works. Update: Apple has released the iPhone 6s and iPhone 6s Plus. Update 2: Apple just announced the iPhone 7 & 7 Plus. iPhone Screen Measurements There are a few different values to consider when looking at the iPhone screen sizes. iPhone Display Size (inches) – This is diagonal measure of the screen, from corner to corner, just like you’d measure a TV. iPhone Screen Size (points) – These points are the size that the device is using for coordinates. iPhone Rendered Pixels – This is the full number of pixels that are being rendered. iPhone Physical Pixels – This is the actual screen’s pixel resolution. 7 bonnes pratiques pour le design d'UX mobile (EN)

In the last 3 years desktop Internet usage has fallen from 90% to 60%, while mobile usage has increased to 40%.Following this trend, mobile devices are set to upstage desktop Internet access soon.

7 bonnes pratiques pour le design d'UX mobile (EN)

Very soon. 7 éléments d'un processus de redesign (EN) Shopify Plus, the enterprise version of our hosted ecommerce platform, launched in February 2014 and was still in its first iteration when I asked if it was time for a redesign.

7 éléments d'un processus de redesign (EN)

It’d been just over a year, but we had a better understanding of our customers and who we were. The old brand just didn’t fit anymore. We didn’t follow any particular process, but doing the following 7 things in tandem helped us get where we wanted to be. 1. Interviews. 6 éléments essentiels d'une bonne page d'accueil (EN) Have we forgotten about homepages?

6 éléments essentiels d'une bonne page d'accueil (EN)

It seems as if every article on web design, content marketing, or CRO focuses on landing pages. While these pages are certainly important, your homepage is essentially the flagship of your website. Give it the care and attention that it deserves by making sure that these 6 elements are present. Relevant Images It’s hard to determine which is worse, a homepage that has no images or one that uses images that have absolutely nothing to do with the products or services being offered. 8 bons exemples de newsletters (EN) Newsletters are a staple in the email marketing world because they simply work.

8 bons exemples de newsletters (EN)

When business owners were asked what kinds of emails they send, newsletters topped the charts, followed by promotional and welcome emails. Why have newsletters stood the test of time? Web Designers Checklist — Liste à cocher pour un bon design (EN) Guide sur l'optimisation de la performance web (EN) Why Performance Is Important Web performance optimization is important because it directly impacts user experience and page metrics.

Guide sur l'optimisation de la performance web (EN)

You can pack as many micro-interactions, animations and beautiful images you want into a page — if the page is slow, the user will likely never see them. This is exacerbated by connection speeds on mobile devices, which is now the predominant method people all around the world are accessing the internet. All to often, we tend to forget that the fast internet connections we enjoy while designing experiences for the web is not the norm for those whom will visit it. Why Every Artist Should be a Great Storyteller. So you’re a visual artist and you rely on the visual element of your work to sell it and captivate viewers in a single glance. But while art does indeed speak for itself, it only tells part of your story. The other, often-overlooked part is “Who is the person behind the signature scribbled on this amazing piece?”

While it’s impossible to pinpoint a tangible career-elevating payoff to telling your story, there are clear benefits. How Creativity Can Kill a Good Website Design - Rafal Tomal. Ethical Web Development.