Honestly, I try to bypass wireframes if I already have a design pattern library. (assuming the interaction is fairly straight-forward) But it really depends on the complexity of the project. This one is an annoying beast. ;)
@Pin-Bo Tsai I hear you. Maybe after this new feature/flow is live I'll post a rebound.
But to give a hint, its built in FW with hot-links to pages in a high fidelity prototype in InVisionapp.com, as well as links to short videos of example animations & transitions.
Then I export to PDF so the team can view and interact with the links.
I love it when people post flows like this, it's nice seeing the process of interaction. But if we bypass wireframes, it usually means that there is a white board somewhere full of rough sketches at least :P
@Anthony Lagoon - You mentioned using InVisionapp to create prototypes. Do you have any other suggestions on easy/great wireframe tools and clickable prototypes? (I see you also mentioned FW) Any insights would be appreciated!
@Ryan Wheaton Yeah, I'd say InVisionapp is at the top of the list for quick stuff. I really haven't found anything better than that for quick prototypes. I know you can also use http://www.axure.com but its costly, and from what I've seen, is complicated enough that I'd probably just create HTML prototypes. Plus, in creating HTML prototypes, you escape some of the tangled mess of links that can sometime happen with invisionapp. Hope this is helpful :)
@Anthony Lagoon Yes :) Thanks man. I have looked at InVisionapp and it looks cool. I just started playing with wireframe apps as opposed to doing it all in AI. I came across Pencil, which is a plugin for FireFox. It makes things super quick, easy and look good. (although doesn't have interactive elements I don't think)
28 Responses (page 1 of 2)
Pro
Underbelly (via Anthony La...
Working up some wireframes for my pal @Nicholas L. Eby
9 months ago
Pro
Kerem Suer
Don't bother with wires and stuff, here's how I work with him. He's used to it :)
9 months ago
Pro
Giorgio Pia
is this AI?
9 months ago
Pro
Underbelly (via Anthony La...
@Kerem Suer AAHAHAHAHARR! ;)
@Giorgio Pia no, its FW
9 months ago
Dude, great works. Looks like a lot of thought went into this. Do you use a specific wireframe kit I'm not aware of? :)
9 months ago
Pro
Eddie Lobanovskiy
them wires look clean mate!
lawl @Kerem Suer
9 months ago
Pro
Jason Wu
@Kerem Suer did you just say forget about wireframe? I thought that was your thing.
9 months ago
Pro
Greg Beck
I'm a sucker for the clean design behind a clean design. Looks good.
9 months ago
Pro
Kerem Suer
@Jason Wu it still is my thing, not with @Nicholas L. Eby :)
9 months ago
@kerem I hate you.
9 months ago
Pro
Kerem Suer
and submits the app without a launch screen.
9 months ago
Pro
Charles Riccardi
The conversation happening is one of the reasons I liked this shot :)
9 months ago
Pro
Charles Riccardi
How long do you usually take to do wireframes @Anthony Lagoon?
9 months ago
Pro
Underbelly (via Anthony La...
@Charles Riccardi I know right! lol
Honestly, I try to bypass wireframes if I already have a design pattern library. (assuming the interaction is fairly straight-forward) But it really depends on the complexity of the project. This one is an annoying beast. ;)
9 months ago
Pro
Waseem Arshad
looking awesome
9 months ago
wow! i wish i followed this too! :P
9 months ago
Pro
Pin-Bo Tsai
It would be great to see the whole flow, barring that its not under NDA. I'm always interested in how other people wireframe and annotate.
9 months ago
Pro
Underbelly (via Anthony La...
@Pin-Bo Tsai I hear you. Maybe after this new feature/flow is live I'll post a rebound.
But to give a hint, its built in FW with hot-links to pages in a high fidelity prototype in InVisionapp.com, as well as links to short videos of example animations & transitions.
Then I export to PDF so the team can view and interact with the links.
9 months ago
Pro
Dustin Pace
I love it when people post flows like this, it's nice seeing the process of interaction. But if we bypass wireframes, it usually means that there is a white board somewhere full of rough sketches at least :P
9 months ago
Adobe Fireworks for the win!
9 months ago
Pro
Michal Mervart
Hard work
9 months ago
Pro
Joe Padilla
Who doesn't love a solid wireframe?
9 months ago
Pro
Ryan Wheaton
@Anthony Lagoon - You mentioned using InVisionapp to create prototypes. Do you have any other suggestions on easy/great wireframe tools and clickable prototypes? (I see you also mentioned FW) Any insights would be appreciated!
7 months ago
Pro
Underbelly (via Anthony La...
@Ryan Wheaton Yeah, I'd say InVisionapp is at the top of the list for quick stuff. I really haven't found anything better than that for quick prototypes. I know you can also use http://www.axure.com but its costly, and from what I've seen, is complicated enough that I'd probably just create HTML prototypes. Plus, in creating HTML prototypes, you escape some of the tangled mess of links that can sometime happen with invisionapp. Hope this is helpful :)
7 months ago
Pro
Ryan Wheaton
@Anthony Lagoon Yes :) Thanks man. I have looked at InVisionapp and it looks cool. I just started playing with wireframe apps as opposed to doing it all in AI. I came across Pencil, which is a plugin for FireFox. It makes things super quick, easy and look good. (although doesn't have interactive elements I don't think)
7 months ago