Le blog

Un nouveau design sur Nokians !

11421 views 92 Comments

Vous l’avez certainement remarqué, Nokians a un nouveau design ! Après 3 ans et demi sur le même visuel, nous avons décidé de faire un petit rafraîchissement de l’interface.

logo-nokians-2

Des modifications sont encore à venir, et l’application Windows Phone va également subir un petit rafraîchissement. Nous espérons que vous allez aimer ! :)

RELATED ITEMS
Author Bio

Julie

Co-Fondatrice de Nokians.fr || Nokia Champion 2012 / 2013 / 2014 // Blogueuse sur la marque depuis 2010 // MVP Windows Phone || Fan de cochons d'inde et de cuisine (www.recettesdejulie.fr)

92 Comments
  1. Massis

    19 février 2015 at 11 h 19 min

    Wow! Ça en jette! Félicitations pour ce nouveau design :)

  2. messhugoth

    19 février 2015 at 11 h 23 min

    Wow, ça en jette :-)

  3. sme

    19 février 2015 at 11 h 23 min

    Wow! dépaysement garanti 😀

  4. Ct

    19 février 2015 at 11 h 24 min

    Trop stylée,
    Pourquoi il y a un poisson a cote de Nokians ?

    • Julie

      19 février 2015 at 11 h 27 min

      C’est le premier logo de Nokia :)

      • Mithrill

        19 février 2015 at 11 h 39 min

        Bien pour le logo Nokia, en revanche le logo MS au dessus est de trop, il faudrait l’enlever je pense, surtout que Nokia est présent sur quasi tout les OS désormais.
        Avant on avait des rubriques spécialement pour, on pourrait avoir ça de retour au moins sous la forme de TAG je pense, WP – Android – iOS – etc.

        • Julie

          19 février 2015 at 11 h 52 min

          Je vais remettre les rubriques en place. Un moment, on fait encore quelques modifs en back-office là :)

          • Mithrill

            21 février 2015 at 0 h 20 min

            Super les modifs, j’adhère ! C’est bien mieux maintenant, plus lisible et j’ai désactivé la barre WordPress au dessus qui masquait les menus du haut quand on scrolle sur Desktop.

            Juste une dernière chose qui me gène, lorsqu’on est connecté dommage que « Connexion » ne se change pas en « Notre-Pseudo », ce serai juste parfait, la cerise sur le gâteau en somme ! 😀

            GG Julie 😉

          • Julie

            21 février 2015 at 1 h 01 min

            T’es mignon mais là le « connexion » c’est juste un lien dans le menu… si je fais ton truc ça veut dire que je dois développer un contrôle spécifique et modifier le thème. Plus compliqué et plus risqué…
            En tout cas merci pour ton commentaire et pour l’idée :)

          • Mithrill

            21 février 2015 at 15 h 33 min

            Ok, de toute façon c’est déjà un très agréable changement et c’est sympa maintenant, à bientôt pour de futurs com’s ! 😛

    • Sthocs

      19 février 2015 at 13 h 33 min

      C’est un message de Nico pour dire que le successeur de Meego-Harmattan est maintenant SailfishOS.
      Cool pour la version mobile sinon, par contre le menu sandwich ne fonctionne que quand on est en haut de page.

  5. messhugoth

    19 février 2015 at 11 h 26 min

    Difficiles les calculs : huit + ? = dix-sept

  6. Ct

    19 février 2015 at 11 h 28 min

    Ah ok

  7. Ct

    19 février 2015 at 11 h 28 min

    J adore quand on s approche des news elle commence a s’agrandir

  8. Mithrill

    19 février 2015 at 11 h 33 min

    « Des modifications sont encore à venir »
    Comme par exemple le Read More par « En savoir plus », la barre de partage à gauche avec à priori digg et del.icio.us de quasi inutiles je pense ? Voilà ce que j’ai remarqué de suite, si ces suggestions peuvent servir…

    Je ne suis pas très fan pour le moment de ce nouveau design, qui plus est il me semble plus lourd que l’ancien (scroll plus difficile, peut-être à cause du texte défilant) mais bravo pour l’effort. 😉

  9. Ctoi

    19 février 2015 at 11 h 35 min

    Sur l’application on pourrait avoir un raccourci pour vous envoyer directement un Email a partir de l’application

  10. William

    19 février 2015 at 11 h 36 min

    Vous avez osé mettre un menu sandwich ??? Sérieusement ! Suis sacrément déçu par vous là !

    • Julie

      19 février 2015 at 11 h 52 min

      Oui on a osé !

      • Pierre-Alex

        19 février 2015 at 12 h 06 min

        Où ça le menu sandwich ? Perso, moi qui ne l’aime pas vraiment je n’y pas prêté attention

        Perso, j’allai justement vous demander si une MAJ était prévue pour windows phone (depuis le débat sur le style des applis). Vraisemblablement, elle va arriver vite ^^ Beau boulot

      • grandfroid

        19 février 2015 at 23 h 01 min

        Et bah suis triste :(. C’est caca, je me croirais sur le site d’Apple en bleu … (Je troll un peu mais j’ai vraiment du mal avec ce design sans l’expliquer, qui sais ça viendra peut etre avec le temps)

        • Julie

          20 février 2015 at 0 h 13 min

          Le bleu de Nokians a toujours été là, il est simplement un peu plus présent 😉

    • Nicolas

      19 février 2015 at 12 h 02 min

      Très beau design ! 😀 J’aime beaucoup. Quelques améliorations à effectuer, probablement déjà en cours, courage !

      @William : le menu sandwich lors d’une réduction de taille d’une page web est un standard mis en place depuis des années, qu’il plaise ou non. Nous ne sommes pas dans le cas d’une application Windows Phone, mais d’un site web. Bonne chance pour faire un élément pivot sur une page web ;). Nous sommes dans l’ère de l’adaptif camarade, le site s’adapte à l’écran, avec un menu sandwich quand il ne peut pas afficher toutes les infos, pour plus de lisibilité. 😉

  11. romu

    19 février 2015 at 11 h 36 min

    Moi je dis bravo ! J’aime vraiment beaucoup, beau boulot ! ☺

  12. Pierre-yves

    19 février 2015 at 11 h 54 min

    Il n’y a pas à dire, c’est stylé !

  13. Matt625

    19 février 2015 at 11 h 56 min

    Aaah cool ca, impatient de voir ça 😉 …

  14. Jay

    19 février 2015 at 11 h 56 min

    Design sympa, bravo !
    Hormis le petit logo Nokians (à gauche du mot accueil sur la barre bleue).
    Hâte de voir les prochaines modifs.

  15. cyril

    19 février 2015 at 11 h 58 min

    Bravo pour le nouveau design du site .
    Un coup de fraicheur ça fait du bien :)
    Par contre un petit soucis et une remarque pour les dev :)
    – Freez de l’écran au moment ou le menu passe en « fixed »
    – Limité les articles populaires à une semaine voir le mois et pas de tous les temps :)

    • Julie

      19 février 2015 at 11 h 59 min

      Ok bonne idée, je vais regarder ça :)

      • Nicolas

        19 février 2015 at 12 h 30 min

        Si je peux me permettre, il faudrait fixer l’image à la une dans la page d’accueil :)

        • Julie

          19 février 2015 at 13 h 34 min

          C’est du parallax <3

  16. Réms

    19 février 2015 at 12 h 17 min

    Le « Pondre » me fait bien marrer :)

    • Joejoe

      19 février 2015 at 13 h 58 min

      J’ai mis du temps à comprendre que le ré- était sous l’icone de l’utilisateur. On va gentiment supposer qu’une petite correction du code rétablira la situation, c’est à dire virer le « ré- » et laisser « pondre », ce qui serait tout à fait compréhensible et bien original 😉

      • Julie

        19 février 2015 at 14 h 11 min

        ah mince, je n’avais pas vu ! Chez moi tout est OK à ce niveau.

        • Réms

          19 février 2015 at 14 h 16 min

          J’avais pas vu le « ré » non plus, je trouvais aussi le « pondre » original et sympathique :)

        • cyril

          19 février 2015 at 18 h 16 min

          Cela me le fait aussi sous Firefox windows 35.0.1
          Il faut rajouter en css un « display:inline-block » à la classe des liens répondre « comment-reply-link »

          • Julie

            19 février 2015 at 18 h 19 min

            J’ai fait les changements que tu as proposé. C’est bon pour toi maintenant ?

          • cyril

            19 février 2015 at 18 h 25 min

            Nickel chez moi :)

          • Julie

            19 février 2015 at 18 h 28 min

            Super, merci :)

  17. lehulk

    19 février 2015 at 12 h 30 min

    Beau et frais.ça fait du bien

  18. ceriboo

    19 février 2015 at 12 h 34 min

    l »appli vous allez la mettre à jour?

    • Julie

      19 février 2015 at 13 h 33 min

      Oui l’application va être mise à jour également !

  19. Faint 77340

    19 février 2015 at 12 h 35 min

    Il est au top le site maintenant.

  20. Nokia678

    19 février 2015 at 12 h 35 min

    Moi y a rien qui a changé Julie… :'(

  21. Nokia678

    19 février 2015 at 12 h 36 min

    Ah, c’est le site qui a changé ou l’application?

  22. grofbd

    19 février 2015 at 12 h 50 min

    Design réussi… On se sent en revanche moins dans le monde « Microsoft »… c’est plus personne, plus Nokians peut-être. En somme, j’aime beaucoup !

  23. Will91

    19 février 2015 at 12 h 50 min

    J’adore 😀

  24. derpat

    19 février 2015 at 13 h 00 min

    Sympa de 1er abord. Allez vous laisser les mots anglais ou vont ils être traduits???

  25. michael

    19 février 2015 at 13 h 05 min

    Ca date de quand ce changement ? Moi la dernière maj nokians date du 14 et y a rien de nouveau

    • Julie

      19 février 2015 at 13 h 32 min

      C’est uniquement le site sur ordinateur qui a changé.

  26. Doume

    19 février 2015 at 13 h 23 min

    Sympa, cette nouvelle interface.
    Encore quelques traductions à faire (comments, read more, breaking news, author bio, random articles, related items, related articles, social counter, view, by, in….) Juste des exemples :p

    • Julie

      19 février 2015 at 13 h 32 min

      Oui, on va essayer de s’en occuper rapidement mais ça ne nous semble pas urgent :-p

      • Doume

        19 février 2015 at 16 h 46 min

        Oui c’est sur que ce n’est pas le plus urgent.
        Sur chrome j’ai ce truc qui s’affiche juste au dessus de « laisser un commentaire » : « Vous pouvez utiliser ces balises et attributs HTML :

        "

      • Doume

        19 février 2015 at 16 h 48 min

        arf on voit pas tout le message, le voici sans les «  » : « Vous pouvez utiliser ces balises et attributs HTML : a href= » » title= » » abbr title= » » acronym title= » » b blockquote cite= » » cite code del datetime= » » em i q cite= » » strike strong »

  27. Sufian

    19 février 2015 at 14 h 08 min

    Si possible changé le Nom et Mercii

    • Julie

      19 février 2015 at 14 h 10 min

      Non pas possible désolée :p

  28. Henri

    19 février 2015 at 14 h 27 min

    Sympa comme présentation ! Bravo !

  29. zboul

    19 février 2015 at 15 h 10 min

    ouch… joli… Mais un peu chargé et fouilli :-/
    et… question bête mais… on se connecte où maintenant pour ne pas retaper ses infos à chaque commentaire? :-/

    • Julie

      19 février 2015 at 15 h 11 min

      Dans « Le blog » tu as le bouton « Connexion »

      • zboul

        19 février 2015 at 15 h 22 min

        yep, merci, j’ai fini par le trouver…
        Un bouton « Connexion », en général, c’est sur le bandeau principal, toujours visible, c’est pour ça que j’étais perdu 😉

        Par contre, je ne sais pas si ça vient d’Opera, mais les menus sont un peu épileptiques chez moi… c’est voulu cet effet « menu sous red bull »?

        • Doume

          19 février 2015 at 16 h 49 min

          Idem, j’ai cherché un peu avant de trouver

  30. zboul

    19 février 2015 at 15 h 25 min

    ça serait plus lisible aussi de réduire les sur-espacements entre les commentaires qui donnent une impression que ceux-ci flottent au milieu de la page, et aussi entre les différents éléments du module de commentaire (la première fois, je n’avais même pas vu les champs obligatoires, ils étaient « au dessus » de la zone affichée)

    Bref, il y a du bon, mais il y a encore du travail : bon courage 😉

  31. Yzakhiel

    19 février 2015 at 15 h 55 min

    Oulah! Bravo à vous pour le changement, pas sur de m’y habituer rapidement, mais va falloir s’y faire…
    C’est joli! Par contre je sais pas si ç a été dit, mais la version mobile pour L925 n’est pas parfaite, cela ne rentre pas entièrement dans l’écran.

    Sinon ça en jette!

    • Julie

      19 février 2015 at 16 h 00 min

      Normalement la version mobile aurait dû rester la même qu’avant. Je vais regarder ce qu’il se passe…

    • Bruno

      19 février 2015 at 18 h 10 min

      Sur un iPhone et un Nexus, le site en version mobile est juste impeccable, la faute à IE Mobile..

      • zboul

        19 février 2015 at 22 h 19 min

        Sur IE également, il faut simplement faire attention à être en version mobile 😉
        Même si la version bureau est fonctionnelle… La preuve, je réponds à ce commentaire en version bureau sur mon Lumia…

        • Julie

          20 février 2015 at 0 h 13 min

          C’est bizarre, chez moi la version mobile est restée la même que l’ancienne. Je vais essayer de voir d’où ça peut venir.

          • zboul

            20 février 2015 at 8 h 17 min

            La version mobile est restée la même… Sauf si on affichait la version bureau sur son mobile 😉

  32. mika

    19 février 2015 at 16 h 27 min

    Il est temps!!!
    C’est beau, félicitations pour le design …

  33. Sufian

    19 février 2015 at 16 h 58 min

    Magnifique !!

  34. RedOne

    19 février 2015 at 17 h 06 min

    Ce changement est le bienvenu, c’est sympa :) félicitations !!

  35. neintofave

    19 février 2015 at 17 h 53 min

    « read more » en Français ca donne « lire plus »… et ca prend la même place dans la petite case 😉
    Ce petit coup de frais est bienvenu.

    • Julie

      19 février 2015 at 17 h 54 min

      Ne t’inquiètes pas on va s’en occuper.

  36. inazuma

    19 février 2015 at 17 h 53 min

    Test

  37. demonoffire

    19 février 2015 at 18 h 11 min

    dsl pour ce test mais mon premier message n’avait pas marché O.o
    bref je trouve ce nouveau design trés joli mais … euh …
    les images sont trop grosses ce qui rend la navigation impossible et le visuel pas pratique… perso je pense qu’en réduisant les images on aurait plus de visibilité =)
    un truc dans ce genre :
    http://hpics.li/aa5db77
    (fait en 10 mins sur ps :s )

    • Julie

      19 février 2015 at 18 h 15 min

      C’est une bonne idée, je vais voir dans quelle mesure on peut modifier le thème sans tout faire bugguer… ce n’est pas aussi simple ici que sur Photoshop malheureusement, et là tu as agrandi la zone ; ce qui veut dire qu’il faut que je réduire à la fois les élements, la sidebar, et que j’adapte le reste pour que ça colle bien partout.

      • demonoffire

        19 février 2015 at 18 h 29 min

        oui je sais que wordpress est pas simple non plus a utiliser =) et je l’ai fait en speed. Après ça reste une idée mais je pense qu’on y gagnerait =) mais fais ce que tu veux et peux =) sinon pour le reste très beau taf =)

  38. Yazid

    19 février 2015 at 18 h 30 min

    Rien à voir, mais mon application 6snap (que je n’avais pas désinstallé) me permet de nouveau de me connecter et de récupérer mes Snap. Suis-je le seul dans ce cas ??

  39. air-dex

    19 février 2015 at 18 h 37 min

    Cela fait bizarre la première fois mais au final c’est sympa. :)

    Par contre vous avez confondu le logo et la bannière quand le header se réduit dans la barre du haut. On ne voit presque pas « Nokians » et c’est très moche.

    • Julie

      20 février 2015 at 0 h 14 min

      Oui il y a un bug, je vais corriger ça.

  40. Kaelvin

    19 février 2015 at 18 h 41 min

    C’est moi ou rien n’a changé ?

  41. rwanito

    19 février 2015 at 19 h 34 min

    Salut !
    C’est propre !
    Comme dans le commentaire juste au dessus, je trouve que le site est trop « gros ». Les images trop grandes. Pour une bonne visibilité, il faudrait pouvoir percevoir une partie des article directement au chargement de la page, sans avoir a scroller.
    De plus, une petite optimisation du site en général, car c’est pas très fluide tout ça ! kraken.io est un bon site pour optimiser des images à un taux très élevé. En partie, c’est les images qui peuvent améliorer le chargement. Après, je ne sais pas, mais une optimisation des animations. En gros, tout va ce passer dans le CSS.
    Avec ça, expliquer à quoi servent les balises HTML, parce que, ici, tout le monde ne connaît pas forcement ce type de langage. Même si au fond, c’est compréhensible.
    Bon, c’est pas mal tout ça !

  42. thierry

    19 février 2015 at 23 h 53 min

    Vu sur Safari sur ios… Impossible de voir les articles… Read more ne fonctionne pas! Heureusement qu il y a l appli Windows phone….

    • Julie

      20 février 2015 at 0 h 12 min

      Je vais essayer de tester ça demain sur mon iPad au bureau :)

  43. willis

    20 février 2015 at 8 h 56 min

    Super le nouveau design … Me like ..

  44. mousse04

    20 février 2015 at 15 h 14 min

    Très bien ce nouveau designs :). J’aime beaucoup, même si je préfère le mode liste dont tu as parlé sur twitter Julie 😉

  45. OEIL

    23 février 2015 at 1 h 29 min

    Sur PC , la présentation est bonne , mais un peu trop espacée , trop de blanc .
    Sur tablette ANDROID , c’est nul de chez Nul ; on perd du temps à scroller ! trop d’ espaces et de carrés de couleur , beurkkk !
    Ou sont passées les archives Meego et Symbian ?

  46. air-dex

    23 février 2015 at 16 h 59 min

    Qu’avez-vous fait des boutons de partage ? La colonne à gauche était pourtant parfaite. Là il n’y a plus de boutons et c’est juste chiant pour partager les articles ! Que cela gêne certains (genre anti-Facebook, Twitter), ok. Mais ce ne sont pas les seuls lecteurs du site et si la présence de ces boutons déplait alors qu’ils utilisent Ghostery ou Adblock pour les retirer. 😕

  47. Matt625

    24 février 2015 at 11 h 59 min

    M’enfin l’appli n’a pas changée ?????

    • Julie

      24 février 2015 at 13 h 16 min

      Pas encore, mon développeur était très occupé ce weekend sur un autre projet. Il termine ce fameux projet et il s’occupe de Nokians, il m’a promis ! :)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *


× sept = 56

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.