What is Reddit's opinion of Whimsical?

From 3.5 billion Reddit comments

1. Personas might help in setting your goals with real users in mind. I find this helpful often times.
2. User-flows and touchpoints (maybe a sitemap as well)
3. Paper sketches and then mid-fi wireframes
4. Prototypes with wireframes to sort out the pain points.
5. Then jump into sketch/Figma and do the final UI

Jumping straight into sketch is tempting and all the other steps look like a waste of time but I feel these steps are more like breaking down the product design into manageable modules that lead up to the final UI.

For user-flows you could try draw.io or whimsical.co (personal fav). For wireframes, maybe Balsamiq.

I really like using whimsical.co. It's a lot prettier than draw.io, and I think the connections are easier to mess with. That being said, you won't be able to export to SVG like you can with draw.io -- you can only do PNGs I believe (though you can have a transparent background, which is nice)

Not sure I have an answer for you in terms of your setup, but I just wanted to recommend Whimsical.co for stuff like this. I mapped my setup pretty thoroughly and found it super easy to use and keep things organized. I didn't go and add pictures, but you could do that too.

>https://whimsical.co/

Thanks, I actually found them all on Google, but I was looking for the exact same tool/ kit he used, including the wireframes and stuff. I really like the design. Others, such as Overflow, doesn't provide wireframes.

Hey Nox, 2mal — Daniel here, founder of UX Tricks — thanks for sharing my RWD article.

​

From my experience of designing mobile navigation, it’s been clear that not every case is the same, so some usability testing is in order. If you have a user base, there’s actually a sweet tool called Userlook which lets you conduct user tests with your existing users for free (you only pay if you want Userlook to find user testers for you), so swap a moment of their time in exchange for a freebie of some sort (to sweeten the deal).

​

But that being said, there are a few tidbits of UX that all users respond to.

1. Nobody cares about animation unless they’re really subtle and communicative
2. Mobile users hate to interact (even w/scrolling), so display the key stuff upfront
3. Avoid hamburger if you can. Hamburgers should be a last-ditch attempt for the user to find what they want, what’s better is contextual navigation (showing what’s needed on a case-by-case basis — or screen-by-screen, rather). If you feel uninspired, try to think of navigation as not just a bar that sits at the top of the screen — use a tool like Whimsical to experiment with some ideas. Tap targets that are in the middle of the screen are easier to access (i.e. the main body of content), so don’t obsess too much about getting everything into a "bar."
4. Also, think about where users expect things to be. For example, users tend to expect things like Contact, About, FAQ, Privacy, etc, to be in the footer — it’s fine to have more than one navigation. Consider using usability testing to help determine which navigational items are the most important.

Hope this helps, feel free to reach out. Btw, I’m updating my book this week to include even more details about usability and more, you can find it using the UX Tricks link that Nox shared above. Good luck mate.

For an easier learning curve, you are going to have to sacrifice features. I've found two that work very nicely with this tradeoff:

https://whimsical.co (works REALLY well for flowcharts but also does wireframes)

https://marvelapp.com (awesome DEMO mode options)