The boundary we've just created, right - is less than or equals - ], means that the dynamic panel's right edge can only move to X values that are less than or equal to the X value of the line widget's right edge. In the upper field of the dialog, enter: ] (This bracketed expression refers to the X value of the line widget's right edge.) In the middle dropdown, select is less than or equals. (This refers to the X value of the dynamic panel's right edge.) In the new boundary row that appears, select right in the first dropdown. The Right BoundaryĬlick Add boundary again. In other words, it cannot move any farther left on the page than the line widget's left edge. The boundary we've just created, left - is greater than or equals - ], means that the dynamic panel's left edge can only move to X values that are greater than or equal to the X value of the line widget's left edge. In the upper field of the dialog, enter: ] (This bracketed expression refers to the X value of the line widget's left edge.) (This local variable refers to the line widget as a whole.) In the first field of the new local variable row, name the variable LineWidget. In the middle dropdown, select is greater than or equals.Ĭlick the fx icon to the right of the third field to open the Edit Value dialog.Īt the bottom of the dialog, click Add Local Variable. (This refers to the X value of the dynamic panel's left edge.) ![]() In the new boundary row that appears, select left in the first dropdown. Visit or follow Twitter.You can learn the specifics of how movement boundaries work here: Move Action Boundaries.Ĭlick More Options at the bottom of the Move action. Billings is a Project Manager with Truematter. Kendra Schaefer is an Experience Designer/Front-End Developer and Meghan E. Truematter is an interactive usability consultancy dedicated to creating, reviewing and testing websites, apps and mobile experiences. Intermediate users: Will Hacker offers up some great pointers on using the Axure RP 6 prototyping tools ( ) About the Author(s) In addition to Axureland, here are a few choice offerings.įor beginners: Download the official Mobile Site tutorial pack from ( ) We recommend starting with these:įor a detailed run-down, the Axure community has made available some fantastic tutorials on how to get started setting up and generating your prototypes for mobile. There are many helpful Axure forums to get one started prototyping for mobile. ![]() Needing to spice up your mobile prototype? We recommend the following widget libraries: To get around this, specify that your prototype loads /home.html-or whatever you named your home page-to load it without the navigation panel. On a mobile device, the panel takes up almost the entire view and is a bit obnoxious to close every time your prototype loads. On a desktop, there’s enough real estate that this doesn’t cause a problem, and often the page-navigation panel is extremely useful. When loading the generated prototype in a browser, if you don’t specify any particular page to load, the prototype will default to index.html, which includes an Axure-created page navigation and notes panel on the left-hand side of the screen. Load the home.html page to hide Axure’s left-hand navigation panel: When you generate an Axure prototype, both a home.html page and an index.html page are created. Practically speaking, what this means is that you’ll need to prototype at the width of one target device, and when loading the prototype on other devices, you’ll need to first load it, and then zoom in or out to the correct width. But in Axure, a 300px-wide box will always be a 300px-wide box. ![]() In other words, on your real site, you’ll be able to specify a width of 70% so that no matter the mobile device you’re on, the display will seamlessly scale to fit. It isn’t set up to define item widths in screen size percentages. Relating to the example prototype, what are some sample questions we asked? (after politely asking if they had some time to help me and handing them the phone)ĭevice widths on a prototype: Axure is a WYSIWYG tool. ![]() This is when you get the most useful information. Their perspectives and actions can provide great insight that is sometimes difficult to notice when in the minutia of project. The benefit is that you are talking to real people, end users of the product and project outsiders. For an interactive usability consultancy such as ours, user testing is part of our genetic make up, but we realize that not everyone practices user testing before beginning site development.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |