morphing search

This topic contains 3 replies, has 2 voices, and was last updated by  alex 1 month ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #3275

    alex
    Participant
    • 187 Posts
    @abourne

    Comparing this option to your existing search bar, I think it is highly desired and provides smoother UX

    https://tympanus.net/Development/MorphingSearch/

    #3276

    alex
    Participant
    • 187 Posts
    @abourne

    https://github.com/codrops/MorphingSearch

    Simple Morphing Search

    It seems to be a simple integration, by what they suggest. But I’ll let you be the judge 🙂

    #3354

    themosaurus
    Keymaster
    • 1250 Posts
    @themosaurus

    Hi @abourne,

    Thank you for sharing this great post. We’re also bug fans of Codrops! 🙂

    Could please tell us more about your request? What is exactly appealing for you in this morphing search form?
    – Is it the morphing effect?
    – Is it the full screen search mode?
    – Is it the pre-completed search suggestions underneath?

    Thank you for your reply.

    #3524

    alex
    Participant
    • 187 Posts
    @abourne

    Hello,

    Everything about it.

    The means of an entrance (morphing)

    The extremely minimal ‘one page, one intent’ of excluding everything else from sight, beside from the one singular action you want the user to do (search)

    Uses the space uniquely. Comparative to google, it occupies the same page space of a singular page, but the search is immersive, unlike a simple google text search filed from the 1990s.

    Liken it to Typeform.com and their immersive means of collecting input

    Auto complete/suggestive results is highly relevant also – maybe not so much for BP, but perhaps it could be crafted in a suggestive way like:

    which city____, (next screen) male / female, (next screen) age

    See typeform to see what I mean. But all a multi step input, rather than substandard search fields.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.