Vital Checklist for Website Redesign

Author(s) : Khrysti Nazzaro,

WEBSITE REDESIGN
 
Redesign site
 

All companies need to do a redesign of their website. There is a website created all 30 minutes. So, you must stand in order to attract users on the website. The appearance and content of a website are two very important elements. That’s why the director did a search on the website redesign. He has established several questions that every company should ask in order to have the best website redesign.
What are the important elements to make website redesign?

For a good plan of a redesign website, all steps should be taken into account. Any part may escape. There must be an answer to all the questions in the document. This is a project that requires time, concentration and money. Firstly you must have a budget for this project and calculate an exact time to achieve this. Have a specific target for this project.
We have there three different parts for a redesign website :


-the technical part: a list of tools and add functionality to the website can increase the website. Have a good code and be adapted to W3C rules. More website has content or tools, it becomes more interested for the user what he’ll want to return it.
Then, analyze default and good things about their old website. Keep all elements which have a good performance in order to add in the redesign website. Know what kind of public target you want to adapt the website. Compare with the competition websites and look for the interesting things.
The director also asks how you collect informations about clients, how you send newsletters.
The fact of interest to our customers allows their loyalty to the company.
Ask the question about CMS, if you have, what do you want to add. Or not, do you want a CMS for edit, for update for the future website. Today, social media, multimedia content, blog or forums are here to get close to clients and to response to all their questions.

-the graph part: The design is an essential part of a redesign website project.
Because the design is the first thing the user sees and notices when he goes on the website.
We need to know if the design of the old website corresponds to our expectations or not.
We need a design that pleases everyone (men and women). Typography plays an important role so it must choose the best font, spacing of letters and the layout.

-the new technologies part: have a list of keywords that corresponds to the website in order to place the website in a good ranking in search engines. And analyze if old keyword are good .Use the responsive web design for adapt all website with any technologies

1. I think any company must do a website redesign.

A website redesign is necessary a need for all company. Because all company wants to be modern. The world is changing so people are changing too. So you must innovate your website for attract people and push them to buy something.
 I found “68% of marketers said they redesigned their website in the last 12 months, 34% in the last 3 months an
d 34% from 4 to 12 months ago.”

graph1

For example, take Google Analytics technologies are evolving so Google is developing also. The user needs much more features, a need to be fast and have an easiness to use. I think websites are like a software, they should make update to adapt for users who don’t want spend much time looking or complicated to use a tool.

NEW SITE:
image1
OLD SITE:

 img

But for some companies, they don’t need to do a redesign of their website because they have a large number of visitors and they don’t have time for this. They prefer to focus for sell more products and get more customers instead of redesign. You know even large companies like Amazon, Facebook, wordpress, have doing a redesign.

GO TO SEE: Biggest website redesign

2. I suppose all company that makes a website redesign have entire satisfaction.

There are approximately 67% of satisfaction companies that have made a redesign website.
43% are somewhat happy and 24% are extremely happy. Against 1/3 of marketers are not happy for their redesign website.
 These are companies that establish a good project plan for their future website. So they took into account all the steps necessary for their project.
graph2

When a company redesign their site because their visitors leave the website home page. There is a rate used to determine whether the user visits the complete website: it’s the bounce rate. This rate is a percentage of users who have visited a page.
This rate is applicable for companies because it explains that the user did not want to go further on the website. That is why every company opted to redesign their website.
As you can see in the graph, on November 15 you have the bounce rate reduced by 35% and Average time on site grows by more 80%.
So it’s demonstrated a redesign website can attract more people and can give a good image of the website for users.
graph3

In conclusion, the website redesign is essential for every company that wants to move. The world of the web continues to develop. It’s necessary that companies are able to attract users. Every user is different, it’s necessary that all websites are suitable for everyone. If a company does not have enough visitors to its website, the redesign website all 1Year or 2years is required to be the trend of the moment.

Biography of Khrysti Nazzaro:

 

photo

Senior Director of Optimized Services
MoreVisibility
January 2012 – Present

Manage Search Engine Optimization and Social Media Marketing teams.
Director of Optimized Services
MoreVisibility
September 2007 – December 2011

Manage Search Engine Optimization and Social Media Marketing teams.
Manager of Client Strategy
MoreVisibility
March 2007 – September 2007

Managed team of Client Strategists responsible for clients’ online marketing accounts. Served as coordinator with Optimized Services (SEO) team.
Client Strategist
MoreVisibility
September 2006 – March 2007

 

Responsive Web Design

Author(s) : Ethan Marcotte

The Responsive Design

 

Internet, and its interface is growing very rapidly and create innovations every day. However, they must confront regularly to various constraints.

We can now ask how the web, this new platform is based on our knowledge? But also how a site fits our various tools such as smartphone or tablet? 

These two hypotheses will help us to develop the concept of "Responsive Design".


On the one hand "The Web", this new digital world has its own codes. However, its principles are derived from real domains.

1. In a first step, we will look to its interface

The creator of the website has to choose his own canvas in order to spread its "desires", his work as an artist who expresses his emotions. The word "canvas" retains its full meaning here, we can even extend its sense and compare the "web" to a "cobweb" because it is composed of yarns that make up the network. This thread will allow the spider to catch its prey and live. The canvas of this website approaches this significance because the creator of a website will make every effort to ensure that his site is attractive and should be the subject of targeted research. That will generate the flow. Having special offers, they will push the consumer to buy. The site will live with his income.

 

Web


  • In addition, we can see that in a website, there are: titles, headings, paragraphs, etc.. These words impose real code to this flexible surface. By imposing this, website’s creators allow the user to simply understand their digital platform. The user will know by a a glance the theme of the site with his name, he has a brief description in the search page and will even offer to click on "sub-categories". This can be compared to a book, when the title is vague, the reader have to read the back cover to quickly understand the theme of his book. Here, the principles of the printing are applied.

 
Internet succeeded in democratize and simplify its interface by borrowing terms already known.


 2. Now we will look at the construction of the website to be visible by any tool.


  • The interface of a website is composed of headings, columns, tabs, banners etc.. All this, is set up through the work of webdesigner. He has a role of architect but specializes in ergonomics, aestheticism’s websites. Previously internet was dedicated "solely" to computers. Therefore, each page website could have a larger or smaller size according to the screen type and its resolution. It should be flexible in order to adapt to each screen to avoid bad ergonomics. It’s necessary that the user finds the site "fun" to watch. For example: if the site is improperly sized, the user must scroll the page from the left to the right in order to have a global vision of the site. This will be unpleasant, and he will leave very quickly the website.
structure of a web page
Today with our new technological devices such as smartphone or tablet, the question about the ergonomics of a website is crucial.
 
It’s at this level that we will talk about "Responsive Design": it’s an adaptation of a website’s interface for each device technology. 
 

There were in 2011 about 40 million users (Fevad, 2011) in France. Knowing that 12% of French (= 3 million) have already made purchases from their mobile. This figure is small today but tends to develop in several years. For this reason adapting a website for mobile and tablet is a real challenge, especially in terms of development for the company and optimization.

We will develop the concept of "Responsive Design".


  • A website is "Responsive" when it adapts to any screen (resolution), either a computer screen, smartphone or tablet.

 

  • Responsive design
  • resolution

     

     

     

    •  The user must be able to navigate without a problem. When this is not effective, the user can not feel any pleasure and will be restricted. Some web designers decided to create a website for each tool, but when users want to share the mobile URL with a friend or colleague who receives it in his mailbox. He will be confronted with the ergonomics "mobile" on his computer. Reading the site will require more effort for the person and she will be incommoded by the format.
    • Mobile webpage on a computer

    • Then, the site is "Design" because in addition to adapt to any type of resolution, it must be ergonomic. The navigation will be different between a computer and a smartphone. Thus, columns, headings and other tabs have a different position. It is necessary for user interface is attractive, but also ergonomic.

    responsive design

    Finally, by joining the two words: "Responsive + Design" we access a concept that simplifies the user experience and enables businesses to be seen and read anytime, anywhere.

    To conclude, the "Responsive Design" comes of the adaptation of our internet tools. As explained earlier internet has its codes. Then, the sphere must be flexible, able to adapt a second time to new technological devices.
     
    Now internet is available anytime but especially anywhere with any tools.


    Synthèse Field Guide Mobile Messaging

    Author(s) : ExactTarget

    Field  Guide TMobile Messaging

     

    webmarketing
     
     
    Hypothesis:
     
    Companies must take advantage of this trend and focus their communications to their consumers by using mobiles.
    Results:
     
    The usability of mobiles increased for few years with Smartphone. People are always connected to the Internet regardless the place, the time, they are no longer in front of their computer. Firms changed their approach of communication with customers. 
    What have they done to adapt?

    In the first time, they are grown their email subscriber list and build a SMS subscriber list. The aim of this practice is to touch a lot of people and make sure that the message which is sent is read. If people don’t receive the message on their e-mail address (or email program) they can receive it by a SMS. 
    “According to BI Intelligence, 99% of all mobile devices sold today are capable of receiving SMS messages”. 
      
    webmarketing
     
    Other system as account activity alerts allow firms to send convenient updates to their customers mobiles phones. They can then request specific message types like automatic payment, overdraft alert. This type of alert has become a mode of communication for many organizations like investment firms, retailers.
    In order to reach as many people as possible and to have a successful campaign, a company must diversify its channels. We saw that a company can use Emails, SMS but can also use, for example, the cross-channel for a campaign or social networks like Twitter and Facebook. 

    Moreover, mobile apps (on Android market and App Store for Apple) are one of the newest communication channels available to marketers. There is a new way to connect with the customers for the companies which is called push notification.
    What is push notification ?
    Push notification allows an app to notify you of new messages or events without the need to actually open the application, similar to how a text message will make a sound and pop up on your screen. This is a great way for apps to interact with users in the background, whether it be a game notifying us of some event occurring in our game world.
     
     
     webmarketing
     
    Conclusion:
     
    We saw that mobile had an important place in a marketing campaign. Firms need mobiles to promote its products, services. The social network like Facebook is the most suitable location to develop a campaign of this type. There’s no doubt that today’s consumers are mobile. They’re constantly on-the-go, sending and receiving communications of all types. This is the best way to attract the customer and have the greatest number of responses. The mobile is the future.

    Author: Exact Target

    ExactTarget is a leading global provider of email marketing and cross-channel interactive marketing software-as-a-service solutions that empower organizations of all sizes to communicate with their customers through email, mobile, social media, and websites. 
    ExactTarget’s powerful suite of integrated applications enable marketers to plan, automate, deliver, and optimize data-driven interactive marketing and real-time communications to drive customer engagement, increase sales, and improve return on marketing investment. 

    Système de polices

    Author(s) : Julien Wieczorek – Mehdi Lakehal – Hugo Grillat

    WebFontConfig = { google: { families: [ ‘Stalinist+One::latin’ ] } }; (function() { var wf = document.createElement(‘script’); wf.src = (‘https:’ == document.location.protocol ? ‘https’ : ‘http’) + ‘://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js’; wf.type = ‘text/javascript’; wf.async = ‘true’; var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(wf, s); })();
    Les polices natives des navigateurs sont très pauvres, et peu originales (Arial, Helvetica, Times New
    Roman, Verdana, Trebuchet…).
    Dès qu’un webdesigner veut ajouter une typographie moins commune à son site internet plusieurs
    solutions existent :
    • Afficher son texte à partir d’une image, mais cette solution est lourde, et il faut refaire
    l’image dès que le texte change.
    La balise CSS @font-face depuis CSS 2 (1998) mais qui fut très peu incrémentée par les

    navigateurs, avec de nombreux problèmes et l’obligation pour l’internaute de télécharger
    préalablement la police.
    • Utiliser un service web externe type Google Web Fonts ou Font Squirrel qui extrait un code
    JavaScript pour pouvoir profiter de la balise @font-face
    • Ou un utilitaire, sorte d’émulateur de la balise CSS, fonctionnant généralement sous Flash et/
    ou JavaScprit

    Sur cette dernière solution il existe plusieurs utilitaires :
    • sIFR (Flash)
    • sIFR Lite (Flash)
    • FLIR ou Facelift (PHP + GD)
    • Typeface.js (SVG/VML)
    • Cufon (JavaScript)

    L’outil proposé par Google : Google Web Fonts, est très complet et très simple d’utilisation. Ainsi
    nous pouvons intégrer une typographie, un « compteur » nous montre la rapidité de chargement de
    la police sur notre prochaine page, et le code nous ait donné en Html, @import et JavaScript.

    Comment procéder pour mettre en place une typographie (police) sur un site :

    Pour cela nous avons choisie de prendre Google Web Fonts.

    1er Etape : Recherche d’une typo :
    Susceptible d’être changé par la suite, nous avons pour l’instant pris la typo « Redressed
    by Astigmatic »

    2e Etape : Test de la typo (taille, etc ..) :
    Permet de constater le rendu de la typo avec une phrase ou un mot, nous avons testé le mot « E-
    Commerce »

    3e Etape : Récupérer le code CSS :
    Un code CSS est fournit à la fin de la manipulation pour qu’il soit mis directement sur le site (non
    testé encore)

    Pourquoi nous avons pris Google Web Fonts ?

    • Un site web facile à prendre en main

    Le site « Google Web Fonts » met à disposition un lot important de polices qui vont servir pour
    construire son site.

    • Intégration facile de polices sur un site web

    Google offre la possibilité d’intégrer une ou des polices dans un site simplement en utilisant une ligne
    de code (qui est le CSS) et qui est à placer dans le .

    • Possibilité de télécharger les polices

    Nous avons la possibilité comme sur DAFONT.COM de télécharger des polices qui peuvent par la
    suite être réutilisé dans « Google Web Fonts » ou alors dans un autre comme « CUFON ».

    Nous pouvons constater que beaucoup de polices ne comporte qu’un seul style, ce qui limite les
    possibilités, notamment pour du print.

    Le choix d’une police passe aussi par sa lisibilité à plusieurs résolutions d’écran. Les internautes
    surfant avec Windows XP et n’ayant pas activé Clear Type par exemple, aurons du mal à distinguer
    les polices web.

    How smartphones and tablets are shiftingmedia consumption

    Author(s) : Linda Abraham, CMO comScoreRené Schuster, CEO Telefónica Germany

     Tablets and Smartphones

    Download the presentation (need to be logged with an google account)

    CONNECTED EUROPE

    How smartphones and tablets are shifting media consumption

    As presented in this report, today’s digital environment is evolving in Europe, helped by the rise of devices people use to consume content at home, at work and means of transport. Not too long ago, European consumers depended only on their desktop computer or laptop to connect to the internet at work and at home. Today, a growing number of consumers are greatly helped to access a variety of digital content across a multitude of devices like tablets and smartphones.

    Keywords :

    • The Rise of smartphones and tablets (42% smartphone penetration in UE5 and 39% in USA)
    • Key Players in the fragmented mobile ecosystem (Google’s Android, Apple IOS, Nokia’s  Symbian)
    • Mobile Media is booming (75% of smartphone users in the EU5 used mobile media in October 2011, an increase of 62% in the past year.)
    • Mobile commerce increase (Mobile retail is one of the fastest growing phenomena amongst smartphone users)

    ANDROID GOES MAINSTREAM

    In ending October 2011, Android had a better increase of users compared with its rivals, in fact the increase is 330.2% for Android system against  54.3% for IOS system (Apple)

    TABLETS NOT JUST FOR MOBILE USERS

    In the EU5 region, 6.6% of mobile phone owners also owned a tablet in October 2011.Spain is leading the charge in tablet adoption followed by Italy, France, United Kingdom while Germany is last.

    APPLE ECOSYSTEM TAKES TOP SPOT FOR TOTAL DEVICES IN USE

    Symbian and Android lead the smartphone market, but Apple takes the top position when combining smartphones, tablets and other devices with a 30% share of devices in use followed by Android with 27% and Symbian 26%.
    In the Tablet market Apple with IPAD leading the market followed by Android and Microsoft (Windows system for tablet).

    MOBILE LEADS BUT TABLETS GAINING STEAM

    In this analysis the UK led with the highest share of connected device traffic coming from non-computer sources (Mobile, Tablet, other) at 7.7%, the majority of this non-computer traffic is from mobile phones (5.1%) and tablets (2.0 %) in the UK.
    EU5 region computer usage accounted for 95.1% of all browser based page views,with mobile devices (3.2%) majority of the 4.9% of non-computer traffic, 1.4% of digital traffic for tablets, and 0.3% to other connected devices such as games consoles.
    France and Italy had the lowest share of traffic coming from non-computer devices, with 2.4% of non-computer traffic with mobile and tablet devices.

    TABLET USAGE SPIKES AT NIGHT

    On this diagram you can observed that during a day, smartphone and tablet usage experienced the highest relative percentage of its activity in the late evening between 9-11pm.  We can see than mobile and tablet consumption were quite similar with mobile traffic showing peaks during travel hours (around 7am and 6pm). Computer-based traffic had its highest relative consumption during working hours.

    DEMOGRAPHIC PROFILE

    In the EU5 region, men were 25% more likely than the average mobile owner to access mobile retail sites, we can see that mobile users between 18-24 years of age were twice more on mobile retail site as the average mobile consumer, whilethose age 25-34 were nearly 75%.

    SMARTPHONES OPEN UP A WHOLE NEW WORLD FOR CONSUMERS

    In this analysis we can see what services are accessed by Smartphone Users in EU5 region, people accessed  bank account from their device (20.3%), folowed by online retail with 13.9%, then electronic payment services to purchasegoods (12.1%).

    Conclusion :

    Thanks to this this document, we can see that Smartphones and Tablets are gaining on computers more and more, and that Mobile Media is booming since the last few years . The EU5 market is fragmented across three ecosystems IOS by Apple, Android by Google and the new partnership of Microsoft/Nokia.
    We can also said that consumers will continue to expect mobile commerce as a fact of life and will only accelerate their usage of mobile devices to conduct commerce transactions, that’s why e-commerce is  a growth sector and i think is going to be with us for a long time thanks to new devices like tablets and smartphones.
     
    Bibliography:
     
    CONNECTED EUROPE – How smartphones and tablets are shifting media consumption
    Linda Abraham, CMO comScore René Schuster, CEO Telefónica Germany