Skip navigation
iDsteven
iDsteven Calculating status...
Currently Being Moderated

Wish List

Jun 5, 2012 7:43 AM

Tags: #suggestions #proto #adobe_proto #wish_list

I've long been looking for the perfect wireframe/prototype app.  I think Adobe Proto will be it (I have faith in you guys!), but there are some things missing in my opinion.  Here's my wish list for the perfect app:

 

  1. Link to external files - both as a nav option and as a notation option (eg, say I want to link to a certain jQuery plugin demo so that the client or developer fully understands how the element should behave).
  2. Arrange Order - set the z index of objects, like in all other Adobe programs (and most other prototype programs).
  3. External Images - (or pull in images from your creative cloud?) some clients just can't deal with a wireframe if it doesn't have their logo in it ;-)  There are plenty of other useful reasons for this though.
  4. UI elements - it would be great to drag and drop more UI elements, especially when prototyping for mobile.  A good start would be:
    1. Slider
    2. Search Bar
    3. Mobile/Tablet keyboard
    4. Pagination elements
    5. Multi Picker / App-style select lists
    6. Calendar elements
    7. Map element
    8. Tooltip element
    9. Handy UI icons to quickly convey functional elements (like multimedia, camera, social networks, etc)
  5. Tables - I rarely use tables in programming, but they are handy in prototyping so that you can set up a quick grid for things like products in a store.  Any type of column interface would help
  6. Mix up Lorem Ipsum - it doesn't look so good when I put 3 colums of identical Lorem Ipsum side by side.
  7. Simple Shapes - there are times when it is useful to visualize something other than a rectangle (circle, triangle, rounded rectangle)

 

I think this program is an awesome start, and I definitely work much faster in this program than other prototype programs, which is why I wanted to bring every suggestion I could think of.  Good work!

896 Views   2 Replies   Latest reply: iDsteven, Jun 5, 2012 2:40 PM
 
Replies
  • Takashi Morifusa
    87 posts
    Nov 12, 2008
    Currently Being Moderated
    1. Takashi Morifusa,
    Jun 5, 2012 11:50 AM   in reply to iDsteven
    Report

    Thanks for the suggestion.

     

    Actually, we have way to create table by gesture. draw like + will create table on canvas. please refer to Gesture Guide.

     

    Regarding some of the UI elements, it could be mixed up typical static wireframe application.

    We try to focused on Interactive wirefame. Therefore, that is not directly fit as current scope. However, when you place form element and view in preview mode, you can invoke keyboard. Same thing for the search field. When you create mobile layout wireframe and preview in iPhone or smart phone, you can verify how keyboard function with those form element.

     

    For the version 1.0, we focused on stripped out design factor, such as adding photo, changing color, editing <p> text to focus on communication for information priority of the contents.

    Based on the user's voice, we will prioritize new feature sets for near future version's of Adobe Proto.

     

    We are interested in what kind of wireframe you typically create and want to create.

    If you can share your design, we really appriciate that!

     

    Thanks,

    Takashi

     
    |
    Mark as:
  • iDsteven
    Currently Being Moderated
    2. iDsteven,
    Jun 5, 2012 2:40 PM   in reply to Takashi Morifusa
    Report

    Thanks for the quick feedback, Takashi!  Good to know about the table gesture, somehow I missed that one. 

     

    I definitely understand the 1.0 priorities that you mentioned, and I love that the focus was to create an interactive wireframe.  My list was a "perfect world" list that would escalate the app to "can't-live-without-it" status in my book.  I do think everything in the list is valueable in communicating ideas quickly though.  In version 1.0, a lot of notes need to be added (or use of the Text Title as a label) in order to explain anything beyond basic layout.  A simple way to do this is to have annotations that can link to external samples.  For example, if I wanted to have an image scroll pane and use iScroll on the mobile version for touch gesture simulation, I would have a hard time getting this idea across to the client using only image boxes and the Title Text feature.  If I could place the image pane and then link to an external example (like this one) in an annotation (like a pin or "i" icon that sits directly on the element), that would pretty much solve the problem.

     

    Display order or z-index editing is a must I think.  This has caused me several frustrations already where an element would end up behind something that it shouldn't be and I had to delete it and start all over.

     

    Everything else would improve convenience.  Certain UI elements are so common that it would be nice to have a quick way to place them (like scroll bars, pagination, social network icons, etc).  Being able to include external images, like a client logo, will always make the client happier when they review the wireframe.

     

    Unfortunately, I've only been using Proto a short time, so I don't have a good example of what I would like for it to do in a dream scenario (I still have to use other tools for that), but you can take a look at this wireframe and see some of the elements I'm talking about (labeling an image as a map, social icons, UI elements like the forward and back buttons on the image scroller).

     

    Hopefully that helps clarify a little.  Once again, I love where this is headed and thanks for your time!

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points