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 :)

closed as primarily opinion-based by Shreyas Tripathy, Andrew Martin, Pectoralis Major, Matt Obee, Ken Mohnkern Jul 5 '18 at 13:12

Many good questions generate some degree of opinion based on expert experience, but answers to this question will tend to be almost entirely based on opinions, rather than facts, references, or specific expertise. If this question can be reworded to fit the rules in the help center, please edit the question.

  • 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 Jun 23 '18 at 19:46
  • can you recommend tool for interactive prototyping? thanks – OFH Jun 25 '18 at 15:26
  • 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 Jul 1 '18 at 14:13
  • Axure allows mocking up hover effects. – Ken Mohnkern Jul 5 '18 at 13:12
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).

  • Does PowerPoint support hover? – Luke Smith Jul 1 '18 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 Jul 1 '18 at 20:21

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