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.
Vitrine de 40 sites Web illustrés audacieux et beaux
Les illustrations ajoutent du caractère et de la vivacité à votre site. Les couleurs, les caricatures et la créativité traduites en illustrations audacieuses peuvent modifier l'impression d'un utilisateur sur votre site Web et, bien sûr, avoir un impact sur vos visiteurs de plusieurs façons. Les i
40 meilleures applications libres de commande de pouce (2018)
Les clés USB sont l'un des accessoires informatiques les plus importants et les plus utiles que vous trouverez. Ces petits appareils ne sont pas seulement utilisés pour transporter vos données, vous pouvez les utiliser pour beaucoup d'autres fonctions, y compris l' exécution d'applications portables, et même un système d'exploitation complet .Donc,