0

I'm, new to UX and I want to ask you as experts to help me. I need to create interactive prototype and I found many great options but not many support hover effects, and I believe it is important to have this effect in prototyping.

So can you suggest some tools that support hover effect.

Thank you :)

6
  • 1
    Depends on what kind of prototyping you're doing. Invision doesn't let you do many advanced interactions or effects, but it does support hover states. Its trial is free, so you can try it out.
    – Tin Man
    Commented Jun 23, 2018 at 19:46
  • can you recommend tool for interactive prototyping? thanks
    – OFH
    Commented Jun 25, 2018 at 15:26
  • Asking for tool recommendation is off topic
    – Rob
    Commented Jul 1, 2018 at 11:04
  • This question can be answered objectively as true/false and is not solely opinion based. It’s a UX tool that supports hover interactions out of the box. Unless there’s a software recommendations SE just for UX tool discussions, this seems like the logical place to get that answer quickly.
    – Luke Smith
    Commented Jul 1, 2018 at 14:13
  • Axure allows mocking up hover effects. Commented Jul 5, 2018 at 13:12

4 Answers 4

4

Axure models web interactions so you can make use of :hover and many other browser events in your prototypes.

It’s pretty intuitive, this inspector window shows the :onclick event but :hover is in the same menu:

https://d2v8ggac1o0f6z.cloudfront.net/gsc/HGGQY3/18/32/18/183218e2a33644fb913738c1330f98ea/images/interactions/u17243.png

0

Here is a sample from Atomic.io that demonstrates a hover (& click) effect:

https://app.atomic.io/d/c6fzUzyNKfoZ

You can copy this sample into your own account, and modify it for your own use.

Here is an article on hover & other gestures in Atomic.

0

Framer supports hover. However, the easiest method is sometimes building an html/css prototype to illustrate a hover state. Codepen is great for stuff like that.

0

Here's a list of prototyping tools I know that support hover:

Simple interaction

Advanced interaction

As Luke Smith mentions, you may also try the complex prototyping tool Axure. Or you can go a whole different direction and use a presentation tool like PowerPoint for your prototype (here's an article about its hover effects).

2
  • Does PowerPoint support hover?
    – Luke Smith
    Commented Jul 1, 2018 at 18:48
  • @LukeSmith I don't have PowerPoint, so I can't check, but it seems like it does based on the article I linked to.
    – Tin Man
    Commented Jul 1, 2018 at 20:21

Not the answer you're looking for? Browse other questions tagged or ask your own question.