It appears to be a GUI design tool (sort of a middle-ground between Visio and Inkscape. See also Pencil) with a real-time collaboration backend similar to Google Docs or Etherpad.
This is a much nicer set up. I really like the look of the diagrams. A tool called Balsamiq was used to create the roadmap.
I found a similar tool called Pencil Project to create charts/roadmaps.
Edit: fixed link.
You can wireframe it using a free GUI tool like Pencil. I've done this a bit and it helps me visualize the layout, which REALLY helps when I built out the page using CSS/Bootstrap/etc.
Visio.
Anyone interested in free options can also use things like Pencil, Dia (Bit old but still works), yEd, or one of the multitudes of web based options out there.
Often when this question comes up here I sometimes see people say "Excel" and I am always like WTF???? How the frick do you use Excel for that kind of thing???? I mean I am sure there is a way, but it's not intuitive or easy.
You can find a lot of those online. I personally like Pencil, it's a free, open source tool that you install on your PC. If you'd like something web-based, there are tools like Balsamiq. However, if you're comfortable doing something in Paint or PowerPoint or drawing it by hand, that's totally fine. You can use anything you like. The only thing that matters is that you have a clear, understandable plan that you can show your developer.
Heya, check this UI drawer https://pencil.evolus.vn/
BTW in new UI will be fixed that odd bug with alt+tab order? After alttabing to somewhere else alttabing focus is not on mremoteng window.
I personally like Pencil, it's a free, open source tool that you install on your PC. If you'd like something web-based, there are tools like Balsamiq. However, if you're comfortable doing something in Paint or PowerPoint or drawing it by hand, that's totally fine. You can use anything you like. The only thing that matters is that you have a clear, understandable plan that you can show your developer.
I'm fond of Pencil (https://pencil.evolus.vn/). It's free and open source. BTW, I wrote a doc on planning awhile back where I use Pencil to demonstrate with as a marketing tool, PM me with your email if you'd like a copy.
Wireframes are excellent. You can create one using Pencil for free, but there are many other (paid and free) options available.
Add user stories for additional detail where appropriate.
Does it need to be one of those applications? I would use a UML tool like Pencil - those are made for flowcharts and branching paths. Otherwise MS Word has a textbox feature too, but I don't know if you can connect those with arrows or something.
Linux and macOS user here. I agree that macOS has a wider selection of industry standard tools. But if you’re a Linux user, you probably like trying things out 😁
Here are some apps to try before drop $$$ on a Mac (or attempt a Hackintosh): the Pencil Project, Alva, Akira (still in development but looks like a competitor to Sketch). Figma is another option — it’s web-based and has been becoming more mainstream.
Also, you already have spreadsheets in LibreOffice and flow symbols/connectors on Inskscape. That’s like 80% of your UX work right there.
The hardest part is file types. Dev shops are used to getting PSDs that they can sort through, and diverging from that can be a hard sell. In any case, good luck and let me know if you have questions!
Figma and Adobe XD show up in the workplace every now and then. But I’m so sick of being beholden to the high-priced Adobe ecosystem. Try some free and open source stuff like Pencil Project and Alva.
Shoot, try InVision Studio too( it’s free, and although it’s part of an ecosystem like Adobe, it’s thankfully not Adobe). Or lay down the one-time cost for Sketch and call it a day.
I like Pencil (https://pencil.evolus.vn/). It's free and open source. BTW, just a general tip for mobile app design: wherever possible, steal from other apps. Take a look at the interfaces of big apps like Yelp and imitate them-usually that will mean an app interface that follows the conventions that your audience has come to expect. BTW, I have a planning doc I wrote awhile back as a marketing tool, if you'd like a free copy of the draft PM me your email address and I'll send you a pdf.
I'm old fashioned so I use pen and paper a lot.
For making diagrams (generic block diagrams, class diagrams, flowcharts, ERDs etc.) I have long been a fan of Dia. It may seem a bit dated to modern users but I still haven't found a diagramming program that suits me better.
Another great program for diagramming and GUI design is Pencil.
I actually do plan out /structure and design my projects ahead of programming. Coding more or less becomes a "fill in the blanks" exercise after that.
I have not gotten the chance to use it productively but Nodebox is so sweet. https://www.nodebox.net/
draw.io https://about.draw.io/integrations/#integrations_offline
pencil https://pencil.evolus.vn/
>Either way you'll be replacing that killer card lol.
lol! Actually in my previous laptop that had also a similar wifi card that couldn't be replaced easily I had created my own patch :p
But in my XPS, I replaced it obviously :)
>If it wasn't for MS Office (Visio....)
Have a look at Pencil. I use it for quickly designing ui prototypes but it seems to be able to replace visio for some type of diagrams. :\
20 years in software dev. One of the best first steps in getting a real-world sense of your application (web/mobile/whatever) is how people will use it. Without coding skills you can create a wireframe of the user interface. Tons of free wireframing tools out there like https://pencil.evolus.vn/Downloads.html
As a Software Developer I've used Balsamiq and had good success. Basically it has a drag and drop interface for creating the mockup and you can create links within the finished pdf to mimic the behavior you want the application to have.
Another one I've seen online is Pencil but I haven't personally used it.
The Pencil Project sat stagnant for a couple of years, but it's recently seen some activity/updates, and it's worth a look if you're okay with the GPL2 licensing. If change your mind and are open to web-based options, I've switched from UXPin to Quant-UX. It's a free product sponsored by Vodafone Power Labs.
Edit: Fixed the links due to rusty Markdown skills.