Quelle est la meilleure façon de développer votre site Web en version mobile friendly ? J'ai besoin d'une version mobile de mon site. Merci de partager des informations de qualité.

Eh bien, la réponse courte serait de mettre en œuvre certains principes de "conception réactive".

Cela signifie que la mise en page et le contenu de votre page doivent s'adapter et répondre aux changements de taille de la fenêtre ou de la taille de l'écran de l'appareil, et vous permettre d'afficher votre site Web de manière ordonnée sur mobile.

Par exemple:

Je ne peux pas vraiment vous donner une leçon complète de responsive design (principalement parce que je n'y connais pas grand chose sur le côté technique), mais personnellement je pense que vous devriez envisager d'adapter votre site pour les utilisateurs mobiles en 3 étapes :

Optimisez votre contenu - vous avez un très bon site Web, mais il est très occupé avec toutes sortes de choses qui se passent, et beaucoup à lire et à voir.

Même si vous parvenez à tout mettre dans un écran de 1136 x 640 pixels, c'est tout simplement trop de choses à assimiler. Alors déterminez ce que vous devez conserver et ce dont vous pouvez vous passer.

Grilles flexibles et media queries - Les structures de grille flexibles sont la base d'une conception réactive. Si vous n'utilisez pas déjà quelque chose comme ça, il est temps d'y réfléchir. Il y a beaucoup de lecture que vous pouvez faire sur le Web ( ici et ici par exemple), et si vous pouvez également regarder des tutoriels sur Code Academy ou Treehouse.

Si vous voulez un raccourci, vous pouvez toujours utiliser un modèle ou un thème "prêt à l'emploi".

Tester sur différents appareils - Même lorsque tout semble bon lorsque vous regardez votre code, il est toujours important de tester les choses sur un certain nombre d'appareils et de navigateurs.

N'oubliez pas qu'il ne s'agit pas seulement de passer du bureau au mobile - vous devez également vous soucier des différences de taille d'écran et d'affichage sur tous les différents appareils mobiles.

Bien que vous souhaitiez plaire à tout le monde, il est souvent plus judicieux de vous concentrer sur votre cœur de marché.

Alors ne vous inquiétez peut-être pas des appareils mobiles ou des navigateurs obsolètes qui ont initialement une petite part de marché.

Tester et retester est le meilleur moyen de s'assurer que vous avez tout implémenté correctement, et cela vous permet également d'avoir une fenêtre sur le point de vue de l'utilisateur qui est très utile lorsque vous passez des heures à regarder du code.

Cass a donné la réponse définitive, mais si cela dépasse votre expertise technique, il existe encore des moyens de la contourner.

De nombreux fournisseurs proposent des sites Web prêts à l'emploi qui vous permettent de les modifier facilement pour les appareils mobiles. Wix est l'une de ces entreprises. Je les utilise depuis environ dix-huit mois.

Vous pouvez les trouver ici : http://www.wix.com/

Bien que j'aie travaillé avec de nombreuses sociétés de marketing Internet, j'ai obtenu des services satisfaisants uniquement de Thinsquare. Le personnel de Thinsquare a un talent énorme !

La version actuelle d'un
site Web adapté aux mobiles est celle qui correspond à la taille de l'écran du mobile. Aujourd'hui, les téléphones
mobiles ont considérablement évolué, de sorte qu'ils sont dotés d'une
puissance de calcul et d'une mémoire solides . Cela dit, les navigateurs Internet sont capables de gérer
des sites Web lourds, mais ce qu'ils ne peuvent pas faire correctement, c'est de bien les rendre sur la
taille d'écran limitée. Pour surmonter ce défi, vous n'avez pas besoin de développer une
version distincte d'un site Web pour votre mobile. Toute entreprise de conception de sites Web que Dubaï a à offrir vous fera savoir qu'avoir
plusieurs versions de sites Web n'est pas une bonne idée à l'ère d'aujourd'hui. Au lieu de cela, vous
pouvez simplement opter pour des sites Web réactifs.

Que
sont les sites Web réactifs ? Ce sont des sites Web qui ont une mise en page fluide, ce qui
signifie qu'ils prennent la forme d'un écran, qu'il s'agisse d'un ordinateur de bureau, d'un ordinateur portable, d'une tablette ou d'un
smartphone. Cela dit, le site Web apparaîtra de manière uniforme sur tous les
appareils. Et cela est fait intelligemment avec l'utilisation de réglages dans CSS, en utilisant des
images de taille variable et des mises en page de planification qui apparaîtront bien sur toutes les
tailles d' écran .

Un site Web réactif est conçu pour être
adapté aux mobiles, ce qui signifie que vous pouvez faire les mêmes choses sur un appareil portable
que vous feriez autrement sur un ordinateur de bureau. Vous n'avez pas à vous soucier de
l'apparence du site Web, une fois que vous avez contacté un concepteur de sites Web de Dubaï pour modifier le site Web existant afin de le rendre
réactif. De plus, vous n'avez pas besoin de dépenser beaucoup d'argent pour concevoir et héberger une
version mobile du site Web, et de réfléchir à son contenu, son référencement et d'autres
paramètres. Un design réactif élimine tous les soucis.