Skip to content →

Tag: design

Before starting your website Avant de commencer votre site Web

If you are planning to get a website for yourself or your small business in the near future, there are a few things that you need to know before engaging in this important extension of your business.

  • Be prepared to be actively involved,
  • Brand yourself: your domain name, logo, and slogan,
  • Find what you like,
  • Static or dynamic website,
  • Have your content ready,
  • Get a good Web Hosting provider,
  • Consider social networks,
  • Maintenance,
  • Ask questions.

Be prepared to be actively involved

You must consider the pre-production process as well as the eventual post-production life of your site. Having a successful website demands a consistency and a certain dedication from everyone involved, but especially from the owner of the website. This is particularly the case for any personal or small business website. You will be required to make decisions, sometimes quickly, be receptive to learn a few things along the way and communicate your desires efficiently.

Brand yourself

Branding is essential. Naming yourself or your small business is intertwined with a potential domain name. Do a brainstorming session of what your business represents and find keywords that you like. When you have a couple of potential names, go to www.godaddy.com to make sure that the domain name you like is not already taken. Once you bought your new domain name, invest in a good graphic designer that will create a logo that represents you or your services. Your graphical identity will potentially be a crucial part of your website. In addition, you should think of a slogan or motto for your website. This will be useful for search engine optimization (SEO), more information for Google, Bing and others to better reference your site on  searches people do online.

Find what you like

If you don’t have a crystal clear idea of what you want your website to look like, take the time to look at other websites that offer similar services as you. Think about the colours. If your logo has colours, look at web pages that have similar colours. Note what you like, what you don’t like. There are many design styles so take your time. For quick inspiration, take a look at sites that have an endless selection of web templates like iWeb Templates or Dream Template. A good web designer will be able to conjure something up that respects your budget.

Static or dynamic website

If your budget is tight, you might want to go with a static site. This means that the content of your site will rarely change. A dynamic site refers to a site that has interactive content like a blog with regular articles, a forum, or even a picture gallery. You have to know how much time you want to dedicate to your website. The more interactive your site, the more your potential client will get out of it and the more they’ll be inclined to contact you. Regardless of the frequency of the changes you plan to make, you should opt for a content management system (CMS) that allows you to change any content on your site, anytime, anywhere through the Internet. Initially it might cost a bit more, but in the end you won’t ever have to depend on another person to edit a line, paragraph or misplaced period.

Have your content ready

If you want the production process to take as little time as possible, have your content ready in both languages. Have some idea of what pages you want to include: About me, Contact me, etc.

Get a good Web hosting provider

There’s an abundance of Web hosting providers out there, some better than others. Ask around! Before purchasing your hosting plan consult with your web developer to make sure that the hosting provider has all features needed to run your website.

Consider social networks

Social networks like Facebook, Twitter and the like increase your web presence since more people have a chance to find you. They can be very time consuming because you have to keep adding content. Since there are so many social networking tools, you will probably find one that suits you best.

Maintenance

If you opt for a CMS, you must expect some kind of maintenance at least once a year.  Maintenance will ensure that the CMS of your choice stays secure from hackers and malware.

Ask questions

Please ask questions. No question is stupid. Really!

Si vous envisagez d’avoir un site pour vous-même ou votre petite entreprise dans un avenir proche, il y a des choses que vous devez savoir avant de vous engager dans cette importante démarche.

  • Soyez prêt à participer activement,
  • Votre marque,
  • Trouvez ce que vous aimez,
  • Site web statique ou dynamique,
  • Préparez votre contenu,
  • Obtenez le bon fournisseur d’hébergement Web,
  • Envisager les réseaux sociaux,
  • Entretien,
  • Posez des questions.

Soyez prêt à participer activement

Vous devez considérer le processus de pré-production ainsi que la vie de votre site après la production. Avoir un site Web réussi exige une consistance et un certain dévouement de tous les participants, mais surtout du propriétaire du site Web. Cela est particulièrement le cas pour un site Web personnelle ou d’une petite entreprise. Vous allez devoir prendre des décisions, parfois rapidement, être réceptif à apprendre en cours de route et de communiquer efficacement vos désirs.

Votre marque

Une marque est essentielle. Le nom de votre petite entreprise est liée à un éventuel nom de domaine. Faites un remue-méninges de ce que représente votre entreprise et trouver des mots-clés que vous aimez. Lorsque vous avez un couple de noms potentiels, aller à www.godaddy.com pour vous assurer que le nom de domaine que vous aimez n’est pas déjà pris. Une fois que vous avez acheté votre nouveau nom de domaine, il serait bien d’investir dans un bon graphiste qui vous fera un logo qui représente vous ou vos services. Votre identité graphique sera potentiellement un élément crucial de votre site web. De plus, vous devriez penser à un slogan ou une devise pour votre site web. Cela sera utile pour l’optimisation de moteur de recherche, pour que Google, Bing et d’autres obtiennent plus d’informations pour mieux référencer votre site.

Trouvez ce que vous aimez

Si vous n’avez pas une idée parfaitement claire de ce que vous voulez que votre site ressemble, prenez le temps de regarder d’autres sites Web qui offrent des services similaires à vous. Pensez aux couleurs. Si votre logo a des couleurs, consultez les pages Web qui ont des couleurs similaires. Notez ce que vous aimez, ce que vous n’aimez pas. Il y a de nombreux styles donc prennez votre temps. Pour de l’inspiration rapide, jetez un oeil sur les sites qui ont une vaste sélection de gabarit web comme Template Monster ou  Dream Template. Un bon concepteur Web sera en mesure de vous faire un gabarit qui respecte votre budget.

Site Web statique ou  dynamique

Si votre budget est serré, vous pouvez faire un site statique. Cela signifie que le contenu de votre site changent rarement. Un site dynamique est un site avec du contenu interactif comme un blogue avec des nouveaux articles régulièrement, un forum, ou même une galerie de photos. Vous devez savoir combien de temps vous voulez consacrer à votre site Web. Le plus interactif votre site, le plus votre client potentiel consultera votre site et le plus qu’il ou elle sera enclins à vous contacter.

Indépendamment de la fréquence des changements que vous prévoyez faire, vous devriez opter pour un système de gestion de contenu (SGC) qui vous permet de modifier n’importe quel contenu sur votre site, à tout moment, n’importe où via l’Internet. Initialement, il pourrait coûter un peu plus, mais à la fin vous n’aurez plus jamais à dépendre d’une autre personne  pour modifier une ligne, un paragraphe ou même une virgule mal placée.

Préparer votre contenu

Si vous voulez que le processus de production prenne le moins de temps possible, essayez d’avoir tout votre contenu prêt dans les deux langues. Prévoyez les pages que vous souhaitez inclure: à propos, me contacter, etc.

Obtenir un bon fournisseur d’hébergement Web

Il y a une abondance de fournisseurs d’hébergement Web, certains mieux que d’autres. Demandez autour de vous! Avant d’acheter votre d’hébergement consulter avec votre développeur web afin de s’assurer que le plan d’hébergement a toutes les fonctionnalités nécessaires pour gérer votre site web.

Envisager les réseaux sociaux

Les réseaux sociaux comme Facebook, Twitter et d’autre du genre augmente votre présence sur le Web puisque plus de gens ont une chance de vous trouver. Maintenir vos réseaux sociaux peuvent prendre beaucoup de temps parce que vous devez continuellement ajouter du contenu. Comme il y a beaucoup d’outils de réseautage, vous trouverez probablement celui qui vous convient le mieux.

Entretien

Si vous optez pour un SGC, vous devez vous attendre à une sorte d’entretien au moins une fois par an. Cet entretien de votre site veillera à ce qu’il reste à l’abri des pirates informatiques et les logiciels malveillants.

Posez des questions

S’il vous plaît poser des questions. Aucune question n’est stupide. Vraiment!

Comments closed

Designing a website: Top 15 things to consider for web accessibility

Here are the main things to think about when designing a website:

  1. Maintain a design and layout consistency throughout the site,
  2. Avoid clutter,
  3. Include written transcript for any audio and visual media,
  4. Avoid multiple level menus. Do not have more than two levels,
  5. Include a sitemap when your site has embed pages,
  6. Avoid making the width of content too large,
  7. Any one link should have the same title,
  8. Make the titles of the pages clear,
  9. Content must be simple and to the point (Especially if your target audience is broad.),
  10. Do not add default value in form fields,
  11. Make sure that the colours of the background and foreground are well contrasted,
  12. Have a decent font-size. (14px is good.),
  13. Avoid images with text on them,
  14. Don’t use “Read more” links, instead use “Read more about THE TITLE OF THE PAGE”,
  15. All links in the content should be underlined.

Maintain a design and layout consistency throughout the site

I have rarely seen an effective switch in design or layout within the same site. If it is absolutely required, make all changed subtle. Having differences in webpages of one site can be confusing and frustrating for a visually-impaired person and even for a new visitor. A visually-impaired person often uses a screen reader to read the content of the site to them. If within the same site the structure of the site changes from one page to the other, it can be disorienting. The norm is to maintain the same look and feel throughout a site, your new visitor might feel lost when jumping to another page with a completely different look.

Avoid clutter

Keep the layout as clear as possible. This makes it easier for the visitor to find the destination they are looking for.

Include written transcript for any audio and visual media

It’s fair to say that this demand is not obvious to produce. But it’s not fair to those who do not possess all senses. Food for thought!

Avoid multiple level menus. Do not have more than two levels

Not only do multiple level menus often not work properly in different browser, especially older ones, but they are very hard to navigate by keyboard only. Next time you see a multiple level menu try going through the menu by click on the tab key on your keyboard. You’ll see, it won’t be easy to get to the third level or even the second level.

Include a sitemap when your site has embed pages

If your site does have many sub-pages within a page, make it easier for your visitor to get to those pages through a complete sitemap.

Avoid making the width of content too large

When the width of a paragraph is too long, it is often harder on the eyes. The reader gets tired more quickly. Those affected may include people with learning disabilities, newbies, but even people with no known deficiencies.

Any one link should have the same title

You should avoid having the same link with different titles. For example, the link to the contact page with the title “Contact us” should not named “Reach us” elsewhere. We want to avoid any type of confusion that the visitor may encounter.

Make the titles of the pages clear

Be as accurate as possible when naming your pages. Think that you will be using these titles as your page’s main heading.

Content must be simple and to the point

Do not be verbose. Use lists whenever possible. Keep your sentences short. Use words effeciently. Read the W3C Writing Style section.

Do not add a default value in the text input field

The label of the text input field should be enough as to determine the desired input.

Make sure that the colours of the background and foreground are well contrasted

Colour contrast can be measured with applications like the Contrast Analyser by The Paciello Group. Download the application, install it and with the pipette determine if your chosen background and foreground colours satisfy the required contrast ratio.

Have a decent font-size

Make it as easy as possible to read your content. For a font like Arial, use a font-size of 14px.

Avoid images with text on them

If you must have text in your images, make sure to describe the image in the alt attribut.

Don’t use “Read more” links

Instead of linking to your full page with the very commun “Read more” link or the like add the title of what you are linking to. So if the title of the page the link is directing to is called “The Greatest Article Ever” have your link be “Read more about The Greatest Article Ever”. It might be redundant for sighted people, but when you consider that these links might be read out of context by screen reader, then it makes sense.

All links in the content should be underlined

In terms of usability, we want to inform the visitor when a textual information is linked to another page. Making the link a different colour may be indistinguishable to visitors with color blindness.

Many of these points have other implications when implemented in practice. We’ll leave those for another post.

One Comment