Live data from Hacker News

Napkin - A Rapid Web Prototyping Tool

napkin.noodletalk.org

11–20 of 39 posts

Re: Napkin - A Rapid Web Prototyping Tool

#11
post #6

An overlay requiring me to "Sign in" before I can even know what the hell the site is about? No thanks.

So many times this. You'd think the bounce rate for something like this has to be around 95%. Either way, I didn't bother and anyone who values their time wouldn't either.

Re: Napkin - A Rapid Web Prototyping Tool

#12
Looks interesting, but I think it could use more explanation of how it works and what it creates.

If anyone is interested in other tools, I built a Twitter Bootstrap prototyping tool called Jetstrap (http://jetstrap.com/). It lets you build bootstrap pages with a lot of control.

Re: Napkin - A Rapid Web Prototyping Tool

#13
Think of it as a prototyping app that you can create a functioning standalone app out of.

With Balsamiq, you can create wireframes but they aren't responsive nor can you do any real workflow out of it. In the Napkin project, our attempt was to experiment with the idea of combining wireframes with scaffolding - then you can export the app and continue development (design/more backend work/frontend/etc) or just port it to your preferred language/framework.

This was a project that came out of 3 months of development and planning and although it's still an early project, we hope it influences those interested in combining rapid prototyping worlds to contribute or build their own :)

Re: Napkin - A Rapid Web Prototyping Tool

#14
I imagine this is not meant for UI Designers. The layout creation process feels impractical and the drag and drop with the side menu to add internal elements is a bit confusing.

Overall, its got some cool ideas. I like the export to Node.js feature. Anyway, it may be easier to pick one design pattern ( i.e. Drag and Drop or control by side menu)the mixture is kinda clunky.

The cross-hairs on the draggable elements is also kinda confusing as that is not conventionally what it means. I recommend the closed hand icon for that ( a quick Google search of "drag cursor") will get you on your way.

Overall not bad, but I can't see myself using it for prototyping.

Re: Napkin - A Rapid Web Prototyping Tool

#15
post #6

An overlay requiring me to "Sign in" before I can even know what the hell the site is about? No thanks.

As a quick overview, Napkin is a wireframing tool inspired by Balsamiq, Mockingbird, and Axure. It allows you to quickly mock up individual pages, known as screens, by means of a drag-and-drop interface. What sets it apart from the competition is its interactions. Rather than creating a prototype and telling others where a certain link leads to or that some page requires authentication, you can directly show them. Th…

I'd be interested in knowing what your bounce rates are - do you have anything in place measuring that?

Re: Napkin - A Rapid Web Prototyping Tool

#17
I like the app. I would prefer a freeform mode though where I can place my objects where I'd like instead of being forced to conform to a grid no more than three wide (and no way I can see from altering the spacing/size of the cells).

Re: Napkin - A Rapid Web Prototyping Tool

#19

I like the app. I would prefer a freeform mode though where I can place my objects where I'd like instead of being forced to conform to a grid no more than three wide (and no way I can see from altering the spacing/size of the cells).

Adding the restriction of a grid gives us a few key benefits:

- Ability to export to clean code (no absolutely positioned divs)

- Easy to add responsiveness

- Support for mobile devices due to the last point

- Prevention of infeasible designs that could stem from free-form flexibility

I do, however, see your point about the lack of more grid options. That'll likely be something to iterate on.

Re: Napkin - A Rapid Web Prototyping Tool

#20

Looks interesting, but I think it could use more explanation of how it works and what it creates. If anyone is interested in other tools, I built a Twitter Bootstrap prototyping tool called Jetstrap ( http://jetstrap.com/ ). It lets you build bootstrap pages with a lot of control.

I like this a lot. Please keep developing it.
Post reply on HN