web-dev-qa-db-fra.com

Meilleure façon de gérer les URL longues

J'ai une liste qui contient de longs liens, en termes de nombre de caractères, et je me demande si ma solution est une bonne solution en termes d'UX.

Ma solution est que si le lien comporte plus de 80 caractères, tronquez-le et après les 80 caractères ajoutez un '...'. En cliquant sur le lien, vous accédez toujours au lien d'origine complet.

Que pensez-vous des gars sur cette UX?

gui-designtextguidelinestruncation
28
irfan mir

C'est une bonne approche, mais je recommanderais de placer les ellipses au milieu de la chaîne raccourcie plutôt qu'à la fin. C'est généralement la dernière partie de l'URL qui la distingue des autres, donc en plaçant les ellipses au milieu, vous ne tronquez pas la partie utile de l'URL.

Exemple:

www.thisisalongdomain.com/section/category/really-long-page-one/
www.thisisalongdomain.com/section/category/really-long-page-two/
www.thisisalongdomain.com/section/category/really-long-page-three/

Ellipses à la fin:

www.thisisalongdomain.com/section/cate...
www.thisisalongdomain.com/section/cate...
www.thisisalongdomain.com/section/cate...

Ellipses au milieu:

www.thisisalong.../really-long-page-one/
www.thisisalong.../really-long-page-two/
www.thisisalong.../really-long-page-three/

Modifié pour ajouter un exemple de la façon dont Xcode gère cela:

XCode ellipses example

41
Charles Wesley

Je couperais au milieu, car dans la plupart des situations, le début (nom de domaine) et la fin (page) d'un lien sont les parties les plus intéressantes.

Comparez, par exemple:

http://ux.stackexchange.com/questions/40326/best-way-to-handle-l......exchange.com/questions/40326/best-way-to-handle-long-links/40328http://ux.stackexchange.com/q...best-way-to-handle-long-links/40328

16
Sebastian Negraszus

Une alternative à l'URL ellipsée comme @CharlesWesley et d'autres l'ont suggéré est de fournir des groupements ou des associations:

En utilisant les exemples de @ CharlesWesley:

www.thisisalongdomain.com/section/category/really-long-page-one/
www.thisisalongdomain.com/section/category/really-long-page-two/
www.thisisalongdomain.com/section/category/really-long-page-three/

Fournissez uniquement un regroupement du segment commun:

www.thisisalongdomain.com/section/category/really-long-page-
       one/
       two/
       three/

Ou ajoutez des variations et mélangez dans les autres stratégies:

www.thisisalongdomain.com/.../really-long-page-
       one/
       two/
       three/

www.thisisalongdomain.com/.../category/
       really-long-page-one/
       really-long-page-two/
       really-long-page-three/

www.thisisalongdomain.com
       /section/category/
              really-long-page-one/
              really-long-page-two/
              really-long-page-three/
5
JustinC

Si l'URL pourrait être de quelque chose, vous pourriez probablement mieux choisir de supprimer la partie centrale (comme d'autres l'ont noté). Si une URL a été correctement construite, la fin aura le titre de la page. La première partie est importante car elle indique la source. Ce serait une bonne raison d'essayer d'obtenir l'intégralité du domaine. Assurez-vous également d'afficher l'URL complète (ou autant que possible) dans une info-bulle!

De plus, vous pouvez modifier encore plus l'URL.

  • perdre le http: //. Les utilisateurs ne devraient généralement pas se préoccuper des différences entre http, https, ftp et autres. De plus, d'autres aspects de la représentation indiqueront clairement qu'il s'agit d'une adresse Web.

  • perdre le www .. Ce n'est pas un aspect différenciant d'une adresse et économise de l'espace pour 4 caractères plus intéressants.

http://www.smashingmagazine.com/2013/05/28/open-device-labs-why-should-we-care/

... devient

smashingmagazine.com...why-should-we-care/

Je voudrais aller un peu plus loin et récupérer le title des pages référencées. C'est un indicateur plus lisible de ce qu'est la page. Google répertorie principalement les titres des pages pour une raison;). Ajoutez bien sûr l'URL comme information secondaire. Les titres peuvent aussi être longs (j'ai vu des gens mettre tout le premier paragraphe d'une page dans le titre, probablement dans une tentative de référencement), alors tronquez-les à la fin.

Open Device Labs: Why Should We Care?... (smashingmagazine.com...ould-we-care/)

4
Koen Lageveen

Assurez-vous de conserver le premier et le deuxième niveau du domaine intacts.

https://ux.stackexchange.com/questions/40326/best-way-to-handle-long-urls
           ^^^^^^^^^^^^^^^^^
           this part

Si vous ne le faites pas, vous pouvez provoquer un problème de sécurité avec des attaquants capables de falsifier des domaines:

original url:
https://ux.stackexchange.com.notlegitstackexchange.com/questions/40326/best-way-to-handle-long-urls
shortened versions:
https://ux.stackexcha.../questions/40326/best-way-to-handle-long-urls
https://...ackexchange.com/questions/40326/best-way-to-handle-long-urls
1
usernumber