hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Vitrine des conceptions de l'interface utilisateur Beautiful Box

C'est assez commun sur Internet où - si nous n'obtenons pas ce que nous cherchons sur un site Web, nous avons recours à la recherche. Le champ de recherche a toujours été une partie essentielle d'un site Web. Si vous utilisez un site Web à forte teneur en contenu, c'est encore plus inévitable. Ils sont généralement placés dans les zones suivantes: en-tête, menu de navigation supérieur ou barre latérale (pli supérieur). Parfois, nous pouvons également en ajouter un autre en pied de page pour faciliter la recherche pour les utilisateurs.

Nous avons parcouru un long chemin depuis Web 1.0; La recherche sur le Web ne se limite plus à la saisie de mots clés et à la recherche de résultats . Les développeurs s'efforcent d'améliorer la recherche pour leurs visiteurs en améliorant et en ajoutant d'autres fonctions, par exemple le filtrage des recherches pour obtenir des résultats plus ciblés, en fournissant des mots-clés de recherche ou des historiques de recherche en cours de frappe.

Dans le post d'aujourd'hui, nous présentons quelques belles boîtes de recherche avec des fonctionnalités prometteuses que nous avons appris à connaître. Que vous cherchiez à réorganiser votre site web ou simplement à chercher de l'inspiration pour une meilleure boîte de recherche, ce post est pour vous. Liste complète après le saut!

PlaylistNow

En commençant par le préfixe «Je suis», ce module de recherche tente de faire correspondre et de lister intelligemment les résultats correspondant à votre requête au fur et à mesure que vous tapez.

Faites défiler le module de recherche

Proposé par le designer Nico Nuzzaci, ce champ de recherche créatif vous permet de rechercher en tapant ou en faisant défiler le panneau alphabétique.

TextboxList

Ce module de recherche a une combinaison de quelques fonctions: il enveloppe vos requêtes de recherche au format des balises, et vous permet de supprimer une balise de recherche spécifique. Il est également livré avec auto-complète. Ça vous semble familier? C'est similaire au module de marquage Facebook!

Rappelez-vous le lait

Similaire à la recherche YouTube, le champ de recherche vous indique instantanément si quelque chose correspond à votre résultat. Encore un autre exemple intelligent de fonctionnalité d'auto-suggestion.

Emplois authentiques

Je pense que les travaux authentiques ont déjà eu leur recherche avec des résultats instantanés fonctionnant avant Google.

Kontain

Le champ de recherche de Kontain permet aux utilisateurs d'effectuer une recherche générale ou de filtrer les résultats de la recherche sur "mises à jour" ou "utilisateurs".

New York Magazine

Similaire à Kontain, la recherche de NY Magazine permet un filtrage plus profond.

ThemeForest

Encore un autre exemple de filtrage dans le module de recherche pour aider les visiteurs à obtenir ce qu'ils veulent en un minimum de temps.

Rechercher, trier et filtrer

Le champ de recherche de Brian ressemble à un module de recherche avancée fait d'une belle manière; vous personnalisez l'apparence des résultats avant d'appuyer sur le bouton de recherche.

Tumblr

Module de recherche subtil et petit sur la barre latérale - soigné!

MenuPages

Si vous recherchez un module de recherche complet et que l'espace est une contrainte, cette approche peut s'avérer utile.

Quotezuki

Module de recherche juste après le logo, c'est vraiment difficile à manquer.

C Spire Wireless

Une grosse boîte de recherche qui apparaît seulement en survolant l'onglet de recherche; un autre bon moyen de faire usage de l'espace.

Spokeo

Recherche sélective avec filtrage fait magnifiquement.

VoucherCodes

En regardant sa nature commerciale, claquer le pli supérieur de la boîte de recherche et juste au centre est probablement la meilleure idée.

iStockPhoto

Semblable à d'autres sites, iStockPhoto offre une énorme quantité de ressources pour ses lecteurs, donc le filtrage dans la recherche est définitivement essentiel.

TasteBook

Boîte de recherche simple mais géniale.

Grooveshark

Grooveshark vous permet d'écouter et de partager de la musique en ligne; la première page se compose de rien mais juste une boîte de recherche pour vous de rechercher la musique que vous voulez. Cela a tout à fait du sens.

Gamers avec des emplois

Bel exemple de personnalisation de Google Custom Search.

David Torondel

Belle boîte de recherche sombre qui se marie bien avec la conception du site.

Plus

  • Création d'une boîte de recherche Rocking CSS3 (Hongkiat)
  • Concevoir le Saint-Boîte de Recherche: Exemples et Meilleures Pratiques (Magazine Smashing)
  • Beau tutoriel de formulaire de recherche CSS3 (Web Designer Wall)

Note de l'éditeur: Ce message est écrit par Salman Saeed pour Hongkiat.com. Visitez le site Web de Salman sur demortalz.com.

8 types de Selfies vous devriez arrêter de prendre

8 types de Selfies vous devriez arrêter de prendre

Ah selfies, nous semblons avoir une relation d'amour avec eux . Un moment, ils sont déclarés être un signe de désordre mental et le prochain ils sont considérés comme une expression de l'amour de soi. Peu importe le camp dans lequel vous êtes, les selfies sont là pour rester à long terme.Maintena

(Conseils techniques et de conception)

20 façons créatives d'annoncer la grossesse [PHOTOS]

20 façons créatives d'annoncer la grossesse [PHOTOS]

Avec tant de photos d'annonces de grossesse hilarantes et adorables flottant sur Facebook et Pinterest ces jours-ci, il pourrait être un défi de créer quelque chose de nouveau quand vient le temps de répandre les nouvelles que vous avez "un petit pain dans le four" .Les traditionalistes pourraient préférer envoyer des cartes postales par courrier pour partager une grande nouvelle avec des amis, mais les photos dynamiques et exceptionnelles qui racontent une histoire sont quelque chose de plus unique et personnel. Des

(Conseils techniques et de conception)