background preloader

Bonnes pratiques web

Facebook Twitter

JPG, PNG and SVG on the web: A beginner's guide. Nowadays, images are an indispensable part of the web.

JPG, PNG and SVG on the web: A beginner's guide

However it wasn’t always like that. Only in 1993 the Mosaic browser would introduce images along with content in web pages. Some formats, like GIF and JPEG, already existed in that time and others like PNG and SVG, would only appear in the 90s. Images are used for multiple purposes, like showing pictures, branding, illustrations, charts and many other things. Love (and hate) at first sight: how carousel banners influence first impressions in eCommerce. Carousels.

Love (and hate) at first sight: how carousel banners influence first impressions in eCommerce

Sliders. Rotating banners. Whatever you call them, we all know them. They inhabit the home pages of most eCommerce and corporate websites, much to the chagrin of experts and the annoyance of users everywhere. How to Create a Perfect Color Scheme [Infographic] - Designmodo. Nothing can make a project stand out or identify your brand or business like color.

How to Create a Perfect Color Scheme [Infographic] - Designmodo

Just think: What would the “Golden Arches” of McDonald’s be without the signature red and gold? When it comes to creating the perfect color scheme, there are plenty of things to consider. Established branding is important and should be honored if colors already exist. But if not, the world of color is open for you to explore. Much of the design theory involved in creating a great color palette starts with the color wheel. There are plenty of ways beyond theory to create great color schemes as well.

The colors you choose can impact the meaning of projects. How To Create a Web Design Style Guide - Designmodo. Creating websites is getting more and more complex and is usually not a one person job.

How To Create a Web Design Style Guide - Designmodo

It is important to ensure that design is consistent and optimized to meet business objectives and create enjoyable experiences for users. One of the ways to ensure that team is on the same page when designing separate parts of the website or saving designs from developers is to create design documentation or a web design style guide. It is beneficial to have a style guide in order to create a cohesive experience among different pages. Also it helps to ensure that future development or third-party production will follow brand guidelines and will be perceived as part of the overall brand. How to successfully design for the confusing way people buy. 7 Design Mistakes That Can Ruin Your Content. 7 Design Mistakes That Can Ruin Your Content Design mistakes can happen to anyone.

7 Design Mistakes That Can Ruin Your Content

Maybe you’re trying to finish a project too quickly, or you’re working on a complex site design where something simply gets overlooked. But, when they happen, you have to fix them… immediately! Best Practices For Website Header Design. Everyone knows: there is not the second chance to make the first impression.

Best Practices For Website Header Design

In the sphere of digital products, this eternal truth works in terms of high competition and incredible diversity. No doubt, some zones of the webpage or mobile screen are particularly important and effective in this aspect. Today we are going to discuss one of them in deeper focus: the header of the website. Bonnes pratiques emailing. 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. Email newsletter design, however, is more technical than it is creative, which is why we could all use some extra tips and email campaigns best practices when working on our projects. Email design best practices and examples of newsletters can help us cope with the growing importance of branding in the corporate environment. The core of this process is in fact very simple – the best newsletter design is the one that communicates a clear message potential customers can understand, it is placed in a strong and memorable framework, and attracts attention with striking appearance.

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. 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. As a general principal in typography, it’s usually better to stick with a serif or sans-serif font for body text. 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. 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. 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. Very soon. The default approach used by many designers when designing for a mobile device is still to scale down their (desktop) website and make it responsive. 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. 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? 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. 8 bons exemples de newsletters (EN) Newsletters are a staple in the email marketing world because they simply work. Web Designers Checklist — Liste à cocher pour un bon design (EN) Guide sur l'optimisation de la performance web (EN) 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.

How Creativity Can Kill a Good Website Design - Rafal Tomal. Ethical Web Development.