[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-/blog/developing-the-subscription-update-to-the-axure-customer-portal":3,"all-blog-posts":90},{"id":4,"title":5,"author":6,"body":7,"categories":74,"date":77,"description":78,"extension":79,"featuredImage":80,"mainImage":81,"meta":82,"navigation":83,"path":84,"previewImage":85,"seo":87,"stem":88,"tags":80,"__hash__":89},"blog/blog/developing-the-subscription-update-to-the-axure-customer-portal.md","Developing the Subscription Update to the Axure Customer Portal","Axure",{"type":8,"value":9,"toc":70},"minimark",[10,20,23,36,39,42,49,52,55,58,61,64,67],[11,12,13,14,19],"p",{},"I figured that the ",[15,16,18],"a",{"href":17},"/c/blog/202-news-updates-axure-customer-portal-september-2016-edition.html","recent visual and UX design update to the Axure customer portal"," would be a good opportunity to take you behind the scenes at Axure to look at the life cycle of a similar project: our previous portal update, which went live this past April and coincided with the Axure RP 8 release. This particular update focused on adding tools for purchasing, renewing, canceling, and assigning subscription licenses of Axure RP.",[11,21,22],{},"We've been refining how we build software here at Axure since 2002, and by this point the process is pretty streamlined. But we don't adhere to any particular espoused philosophy of process management; we aren't a strict Scrum Agile shop, and we don't make use of a Kanban board. Our approach is informal by design, which makes it hard to encapsulate in a pithy five-point list or what have you. But what I can do instead is describe it by example.",[11,24,25],{},[26,27,28,29,35],"em",{},"(This article is adapted from a portion of a talk I gave in September 2016 at UC San Diego, organized by the extremely nice people over at ",[15,30,34],{"href":31,"rel":32},"http://www.meetup.com/s-d-x-d/",[33],"nofollow","San Diego Experience Design",". I'll be sharing more from the talk, which was about Axure's software design and development methodology, here on the blog over the next couple of months.)",[11,37,38],{},"Rachel, one of our product managers, ran the subscription update project, and she worked with Kevin, one of our developers. Victor—our CEO and our head of product management—was also involved because he was responsible for the change from the business side. The idea was to make subscription licenses, which were new to Axure RP 8, manageable via the existing license management portal. We needed this change for its own sake, but we also needed it a little ahead of the Axure RP 8 release so that we could test activating Axure RP with subscription licenses.",[11,40,41],{},"The scope was limited for this update; we knew what we wanted to accomplish, and we also had a set of things we wanted to avoid. At the time, we were planning for a comprehensive visual refresh of both Axure Share and the customer portal. The plan was (and still is) to unify those two properties so that they shared the same design language. We didn't have the new design patterns in April, so Rachel was instead prototyping using the then-current Axure Share assets so that we could begin to bring the two properties together in anticipation of the later visual and UX refresh.",[11,43,44,45,48],{},"We tend to start the process of developing a new feature pretty informally. The first prototype won't be very \"deep\"—just two or three screens. Victor will give feedback and clarify. Rachel will find some conflicts as she's incorporating the requirements and will present some possible resolutions, and Victor will weigh in. There wasn't much competitive analysis on this particular project, but in this case there was a fair amount of ",[26,46,47],{},"comparative"," analysis, where we looked at how other software products of all kinds have implemented subscription mechanisms.",[11,50,51],{},"Development can begin as early as when the main scenarios have been addressed in the spec (i.e., the prototype). If the prototype gets to that point and the developer is still wrapping up another project, Rachel will continue to flesh out the spec, and it'll be more complete by the time development starts. Either way is fine.",[11,53,54],{},"In the case of this particular project, once Kevin had wrapped up his previous development work and had come on board, communication was a lot of chat, via Slack, and a lot of face-to-face. Kevin had the RP file to work from and would generally ask questions via Slack first, some detailed, intended to stay on chat, and some short, followed by: \"hey, can I come over?\" (Rachel's desk happens to be next to mine, so I can confirm that Kevin was coming over a lot for a couple of weeks there. Which was nice for me, because I like Kevin.)",[11,56,57],{},"Because they built it, Rachel and Kevin are now the resident experts on the set of features included in this portal update—which at Axure means they're the point people for any bugs that come up. They'll switch back to the portal project and prioritize it when a bug needs fixing. This can put them behind on current projects, which isn't ideal, but it's a concession that we make in order to preserve our culture of work and ultimately boost the quality of our final product.",[11,59,60],{},"If we were doing strict Scrum Agile development, the Scrum Master might get concerned about the distraction of a portal bug fix and potentially push for Kevin to return to his current project. And poor Kevin would have to stand up the next day and admit that he didn't get anything done on the current project because he was fixing the portal.",[11,62,63],{},"Kevin takes deadlines very seriously, which is great. But if he were made to stand up and account for time spent on live fixes every day, it could be a recipe for anxiety and sleepless nights. Now, you might argue that that's a personal issue on Kevin's part, but we've found that happy, relaxed developers write better code, and so we prioritize that over sticking to a daily or weekly schedule.",[11,65,66],{},"The imposition of Scrum Agile on a team is, let's face it, a drastic measure. It's a step to be taken when your team has demonstrated a clear, compelling need for it. The subject of what constitutes a good reason for implementing Scrum Agile is beyond the scope of this article, but for now we're happy to concede that good reasons do exist.",[11,68,69],{},"In situations where a strict process management framework is called for, to avoid implementing one is to doom your team to inefficiency. But to impose one for its own sake, absent a compelling reason, is just as misguided. Ultimately, we've decided that a formal Scrum Agile approach—or any other formal approach to managing our software development life cycle—is unnecessary for the way we work today.",{"title":71,"searchDepth":72,"depth":72,"links":73},"",2,[],[75,76],"User Stories","UX Trends","2016-10-05T00:00:00.000Z","We've been refining how we build software here at Axure since 2002, and by this point, the process is pretty streamlined. But we don't adhere to any particular espoused philosophy of process management; we aren't a strict Scrum Agile shop, and we don't make use of a Kanban board. Our approach is informal by design, which makes it hard to encapsulate in a pithy five-point list or what have you. But what I can do instead is describe it by example.","md",null,{"src":80},{},true,"/blog/developing-the-subscription-update-to-the-axure-customer-portal",{"src":86},"/images/2016/11/axure-customer-portal-09-2016.jpg",{"title":5,"description":78},"blog/developing-the-subscription-update-to-the-axure-customer-portal","kiP7P1E8g21gsxIoVS1V1ld11lNxloaol2DLP-M46iA",[91,189,325,399,520,613,840,1020,1263,1400,1553,1682,1885,2021,2144,2266,2473,2750,3020,3118,3194,3392,3586,3692,3973,4057,4210,4311,4477,4629,4733,4807,4955,5097,5293,5462,5567,5772,5867,5932,5994,6119,6221,6311,6392,6488,6559,6702,6878,6954,7034,7117,7202,7304,7446,7485,7574,7628,7755,7916,7963,8030,8122,8207,8320,8385,8501,8665,8725,8786,8860,8933,9100,9148,9253,9462,9564,9654,9800,9915,10047,10191,10335,10414,10723,10942,11121,11373,11581,11745,11839,11949,12026,12108,12289,12420,12581,12774,12859,12925,13079,13184,13293,13368,13799,14115,14142,14187,14343,14507,14552,14675,14824,14981,15247,15414,15663,15736,15925,16111,16294,16557,16759,16937,17057,17130],{"id":92,"title":93,"author":94,"body":95,"categories":176,"date":179,"description":180,"extension":79,"featuredImage":80,"mainImage":181,"meta":182,"navigation":83,"path":183,"previewImage":184,"seo":186,"stem":187,"tags":80,"__hash__":188},"blog/blog/axure-documents-and-whiteboards-beta.md","Documents and Whiteboards are now available in Axure Cloud","justin",{"type":8,"value":96,"toc":170},[97,103,106,111,119,124,128,131,136,140,143,148,152,155,160,165],[11,98,99],{},[100,101],"img",{"alt":71,"src":102},"/images/2025/02/Hero-1.png",[11,104,105],{},"If you've ever wished that your Axure RP prototypes, product documentation, and online whiteboards could be in one place, you can finally make that a reality. Axure Documents and Whiteboards are now available in Axure Cloud. They are currently in beta and are free to use. So the next time you want to document product requirements or have a brainstorming session, give them a try! We've been using them for the past six months and can't imagine going back.",[107,108,110],"h2",{"id":109},"creating-documents-and-whiteboards","Creating documents and whiteboards",[11,112,113,114,118],{},"When you click the ",[115,116,117],"strong",{},"Create"," button in your workspace, you'll see options to create a new document or whiteboard. They'll be added to your workspace just like RP projects.",[11,120,121],{},[100,122],{"alt":71,"src":123},"/images/2025/02/Create-1.png",[107,125,127],{"id":126},"writing-product-documentation","Writing product documentation",[11,129,130],{},"Axure Documents are a great place to write, collaborate, and communicate with your team. Whether you're writing a PRD, creating a knowledge base, or keeping notes and checklists, you can use the building blocks to do it simply and efficiently. That includes embedding RP prototypes in your documents. When you create your first document, click on \"Welcome to Axure Documents\" for a quick tutorial.",[11,132,133],{},[100,134],{"alt":71,"src":135},"/images/2025/02/Document-2.png",[107,137,139],{"id":138},"collaborating-with-whiteboards","Collaborating with whiteboards",[11,141,142],{},"Axure Whiteboards are the perfect place to write, draw, and collaborate with your team. With a canvas and document side-by-side, Axure Whiteboards make it easy to brainstorm, diagram, and share ideas visually on the canvas while keeping agendas, goals, and other important information organized in the document. Try embedding an RP prototype on the canvas for a review session or to consolidate assets for development.",[11,144,145],{},[100,146],{"alt":71,"src":147},"/images/2025/02/Whiteboard-2.png",[107,149,151],{"id":150},"organizing-rp-projects-docs-and-whiteboards","Organizing RP projects, docs, and whiteboards",[11,153,154],{},"In the new Axure Cloud, you can organize your files the way you want. Just drag and drop files in the new sidebar or within a workspace to change the order of your files, add them to folders, and even make them children of each other.",[11,156,157],{},[100,158],{"alt":71,"src":159},"/images/2025/02/Reorganize-1.png",[11,161,162],{},[26,163,164],{},"Thanks for reading. We hope you give Axure Documents and Whiteboards a try and let us know how we can make them better for you. Happy prototyping... and documenting... and whiteboarding!",[166,167],"wp-primary-button",{"button-link":168,"button-text":169},"https://app.axure.cloud","Go to Axure Cloud",{"title":71,"searchDepth":72,"depth":72,"links":171},[172,173,174,175],{"id":109,"depth":72,"text":110},{"id":126,"depth":72,"text":127},{"id":138,"depth":72,"text":139},{"id":150,"depth":72,"text":151},[177,178],"Axure Cloud","What's New","2025-02-26T00:00:00.000Z","Axure Documents and Whiteboards are now available in Axure Cloud. They are currently in beta and are free to use!",{"src":80},{},"/blog/axure-documents-and-whiteboards-beta",{"src":185},"/images/2025/02/Featured-image-1.png",{"title":93,"description":180},"blog/axure-documents-and-whiteboards-beta","OjVKq3657AsSFRqfbh_lFBfVG0oZwMxtSHxcB7_E52M",{"id":190,"title":191,"author":94,"body":192,"categories":315,"date":316,"description":317,"extension":79,"featuredImage":80,"mainImage":318,"meta":319,"navigation":83,"path":320,"previewImage":321,"seo":322,"stem":323,"tags":80,"__hash__":324},"blog/blog/new-axure-cloud.md","Introducing the new Axure Cloud",{"type":8,"value":193,"toc":306},[194,199,204,211,215,218,223,226,230,233,238,240,244,247,252,254,258,261,266,268,296,300,303],[195,196,198],"h3",{"id":197},"a-modern-design-that-helps-you-move-faster","A modern design that helps you move faster",[11,200,201],{},[100,202],{"alt":71,"src":203},"/images/2024/11/Axure-Cloud-v3-Banner-1.png",[11,205,206,207,210],{},"We're thrilled to announce a major refresh to ",[15,208,177],{"href":168,"rel":209},[33],", featuring a fresh design and significant improvements under the hood. We've rebuilt key parts of the platform's architecture to ensure a snappier experience—making it easier than ever to manage prototypes, access files, and collaborate with your team.",[107,212,214],{"id":213},"enhanced-sidebar","Enhanced sidebar",[11,216,217],{},"Use the new sidebar to quickly find and access your work. You can get to your recent files at the top and jump to files in workspaces directly from the sidebar.",[11,219,220],{},[100,221],{"alt":71,"src":222},"/images/2024/11/WP_Sidebar.png",[224,225],"hr",{},[107,227,229],{"id":228},"quick-search-cmdk-or-ctrlk","Quick search (Cmd+K or Ctrl+K)",[11,231,232],{},"Finding a prototype or file is now just a keystroke away. Use the Cmd + K shortcut on Mac or Ctrl + K on Windows to quickly search for files, folders, and workspaces.",[11,234,235],{},[100,236],{"alt":71,"src":237},"/images/2024/11/WP_Search.png",[224,239],{},[107,241,243],{"id":242},"search-and-sort-comments","Search and sort comments",[11,245,246],{},"Now you can search and sort through comments on your prototypes to find exactly what you're looking for. Quickly find feedback, organize discussions, and follow up on unresolved threads.",[11,248,249],{},[100,250],{"alt":71,"src":251},"/images/2024/11/WP_Comments.png",[224,253],{},[107,255,257],{"id":256},"browse-and-join-workspaces","Browse and join workspaces",[11,259,260],{},"Use the new Browse Workspaces feature to easily find and join workspaces in your organization. You'll see a list of joinable workspaces in your organization and a button to quickly join the ones you want.",[11,262,263],{},[100,264],{"alt":71,"src":265},"/images/2024/11/WP_Browse-workspaces.png",[224,267],{},[269,270,271,278,284,290],"ul",{},[272,273,274,277],"li",{},[115,275,276],{},"Faster performance:"," This update isn't just about a fresh look—it's about speed. We've rebuilt parts of the underlying architecture to boost performance.",[272,279,280,283],{},[115,281,282],{},"Refreshed activity feed:"," The refreshed activity feed highlights important events, making it easy to stay updated. So you can quickly focus on important changes.",[272,285,286,289],{},[115,287,288],{},"Move workspaces:"," You can now move workspaces between organizations—a perfect solution for teams looking to consolidate their work into a single organization.",[272,291,292,295],{},[115,293,294],{},"Streamlined settings:"," All settings and account management are now centralized on one page, combining profiles and organization settings",[107,297,299],{"id":298},"coming-soon-docs-and-whiteboards","Coming soon: Docs and Whiteboards",[11,301,302],{},"This redesign modernizes Axure Cloud and paves the way for exciting new tools for product management and design including Docs and Whiteboards, expected to be in public beta early next year.",[166,304],{"button-link":168,"button-text":305},"Check out the new Axure Cloud",{"title":71,"searchDepth":72,"depth":72,"links":307},[308,310,311,312,313,314],{"id":197,"depth":309,"text":198},3,{"id":213,"depth":72,"text":214},{"id":228,"depth":72,"text":229},{"id":242,"depth":72,"text":243},{"id":256,"depth":72,"text":257},{"id":298,"depth":72,"text":299},[177,178],"2024-12-10T00:00:00.000Z","We're thrilled to announce a major refresh to Axure Cloud, featuring a fresh design and significant improvements under the hood. ",{"src":80},{},"/blog/new-axure-cloud",{"src":203},{"title":191,"description":317},"blog/new-axure-cloud","gtcx4a3_EOoAERwTNNF7vELYtb0eeSe65icOchLmVew",{"id":326,"title":327,"author":6,"body":328,"categories":387,"date":389,"description":390,"extension":79,"featuredImage":80,"mainImage":391,"meta":392,"navigation":83,"path":393,"previewImage":394,"seo":396,"stem":397,"tags":80,"__hash__":398},"blog/blog/iso-27001.md","New ISO 27001 Security Certification",{"type":8,"value":329,"toc":385},[330,335,338,341,355,368,370],[11,331,332],{},[100,333],{"alt":71,"src":334},"/images/2024/08/ISO-h.png",[11,336,337],{},"We are excited to announce that Axure is now ISO 27001 certified. ISO 27001 is an internationally recognized information security management system (ISMS) standard. It sets the framework for managing and protecting sensitive company and customer information. This certification demonstrates Axure's adherence to rigorous security practices and controls, ensuring that our data protection measures meet the highest global standards.",[11,339,340],{},"Achieving ISO 27001 certification required a thorough assessment of Axure's information security management system, including:",[269,342,343,346,349,352],{},[272,344,345],{},"Risk Assessment and Management: Identifying potential security risks and implementing strategies to manage them",[272,347,348],{},"Security Controls: Developing and implementing robust security policies and procedures",[272,350,351],{},"Internal Audits: Conducting regular internal audits to ensure compliance with ISO 27001 standards",[272,353,354],{},"Continual Improvement: Committing to ongoing improvements based on audit findings and evolving security threats",[11,356,357,358,362,363,367],{},"For more information about Axure's privacy and security policies, please visit the ",[15,359,361],{"href":360},"/security","Security"," page or contact our support team at ",[15,364,366],{"href":365},"mailto:support@axure.com","support@axure.com",".",[224,369],{},[11,371,372,375,376,375,382],{},[26,373,374],{},"Axure Cloud for Business gives you all of the features of Axure Cloud plus additional control of accounts and permissions including SSO. For hosting behind your firewall, check out Axure Cloud On-Premises. Please contact our sales team at"," ",[15,377,379],{"href":378},"mailto:sales@axure.com",[26,380,381],{},"sales@axure.com",[26,383,384],{},"for more information.",{"title":71,"searchDepth":72,"depth":72,"links":386},[],[177,388,178],"Axure RP","2024-08-20T00:00:00.000Z","We are excited to announce that Axure is now ISO 27001 certified, setting the framework for managing and protecting sensitive company and customer information.",{"src":80},{},"/blog/iso-27001",{"src":395},"/images/2024/08/ISO-P-1.png",{"title":327,"description":390},"blog/iso-27001","y5XV5ag8Ej6G0GqUwjzqLPX45tb3QQAco7J4ob4YS8k",{"id":400,"title":401,"author":6,"body":402,"categories":510,"date":511,"description":411,"extension":79,"featuredImage":80,"mainImage":512,"meta":513,"navigation":83,"path":514,"previewImage":515,"seo":517,"stem":518,"tags":80,"__hash__":519},"blog/blog/whats-new-april-2024.md","What's New in Axure RP - April 2024",{"type":8,"value":403,"toc":505},[404,409,412,416,419,431,436,440,443,457,462,466,469,477,482,502],[11,405,406],{},[100,407],{"alt":71,"src":408},"/images/2024/04/whats-new-april-Header-1.svg",[11,410,411],{},"Check out the latest updates in Axure RP that make prototyping a little bit faster. With these new features, you can quickly nest widgets within dynamic panels, easily select items on the canvas, and quickly align within parent containers.",[107,413,415],{"id":414},"_1-quickly-nest-widgets-in-dynamic-panels","1. Quickly nest widgets in dynamic panels",[11,417,418],{},"With a keyboard shortcut, you can effortlessly nest widgets within dynamic panels in Axure RP. By drawing a dynamic panel around your widgets, you can more easily specify its dimensions and how the widgets will sit within it. Here's how it works:",[420,421,422,425,428],"ol",{},[272,423,424],{},"Add widgets onto the canvas",[272,426,427],{},"Press 'D'",[272,429,430],{},"While holding Ctrl or Cmd, draw a dynamic panel that will contain the other widgets",[11,432,433],{},[100,434],{"alt":71,"src":435},"/images/2024/04/nest-dynamic-panels-2.gif",[107,437,439],{"id":438},"_2-easily-select-widgets-on-a-crowded-canvas","2. Easily select widgets on a crowded canvas",[11,441,442],{},"Using the 'Insert Selection Box' feature, you can draw a selection box starting from any point on the canvas even if there is a widget there. Instead of selecting and moving the widget, you will draw a selection box making it easier to select widgets on a crowded canvas. To get started:",[420,444,445,448,451,454],{},[272,446,447],{},"Place a large widget on the canvas",[272,449,450],{},"Place smaller widgets on top of the first one",[272,452,453],{},"Press the 'V' key on your keyboard and notice the cursor change",[272,455,456],{},"Click and draw from a point over the first widget to use the selection box to select some of the smaller widgets",[11,458,459],{},[100,460],{"alt":71,"src":461},"/images/2024/04/deep-select.gif",[107,463,465],{"id":464},"_3-align-to-parent-page-or-dynamic-panel","3. Align to Parent Page or Dynamic Panel",[11,467,468],{},"It's now easier to align objects relative to their parent container—whether it's a page or a dynamic panel. This is particularly useful when working with nested dynamic panels or editing widgets within a page with a fixed size. Here's how it works:",[420,470,471,474],{},[272,472,473],{},"Select a widget within a dynamic panel",[272,475,476],{},"Use the align options to align it to the center, middle, or any edge of the container",[11,478,479],{},[100,480],{"alt":71,"src":481},"/images/2024/04/align-in-container.png",[11,483,484,485,490,491,496,497,501],{},"You can download the latest version of Axure RP and view release notes at ",[15,486,489],{"href":487,"rel":488},"http://axure.com/release-history",[33],"axure.com/release-history",". We hope you enjoy these latest updates to Axure RP. Check out the ",[15,492,495],{"href":493,"rel":494},"http://docs.axure.com",[33],"docs"," or sign up for the ",[15,498,500],{"href":499},"/subscribe-to-newsletter","Axure newsletter"," for more tutorials, tricks, and shortcuts.",[11,503,504],{},"Happy Prototyping!",{"title":71,"searchDepth":72,"depth":72,"links":506},[507,508,509],{"id":414,"depth":72,"text":415},{"id":438,"depth":72,"text":439},{"id":464,"depth":72,"text":465},[177,388,178],"2024-04-18T00:00:00.000Z",{"src":80},{},"/blog/whats-new-april-2024",{"src":516},"/images/2024/04/whats-new-april-Preview.png",{"title":401,"description":411},"blog/whats-new-april-2024","HjquZFH135B-fcrEMQRwKHEwEisR2of3kNJcyNS0UJ4",{"id":521,"title":522,"author":523,"body":524,"categories":600,"date":602,"description":603,"extension":79,"featuredImage":80,"mainImage":604,"meta":606,"navigation":83,"path":607,"previewImage":608,"seo":610,"stem":611,"tags":80,"__hash__":612},"blog/blog/consolidate-cloud-organizations.md","Move Your Team to a Single Axure Cloud Organization in 3 Easy Steps","Connor",{"type":8,"value":525,"toc":598},[526,529,534,549,554,563,568,573,582,587,590],[11,527,528],{},"Orgs were introduced to you and your teammates can keep all of your workspaces and projects under one roof. If you and your team find that you have too many organizations belonging to various people, you can consolidate them to help keep all of your projects and workspaces organized, accessible, and secure. Here's 3 easy steps you can take to get started with consolidating and managing organizations in Axure Cloud:",[11,530,531],{},[115,532,533],{},"1. Choose a super admin and have them set up your team's organization",[11,535,536,537,542,543,548],{},"Every organization has a super admin, who is the primary administrator and can manage all system settings, users, and workspaces. Once you determine who on your team should be in that role, they can ",[15,538,541],{"href":539,"rel":540},"https://docs.axure.com/axure-cloud/reference/organizations/#creating-organizations",[33],"create a new organization"," (or use their existing organization), give it a name, and start ",[15,544,547],{"href":545,"rel":546},"https://docs.axure.com/axure-cloud/reference/organizations/#inviting-users",[33],"inviting users"," to join and set their permissions level.",[11,550,551],{},[115,552,553],{},"2. Create new workspaces",[11,555,556,557,562],{},"As a new feature in organizations, every invited member can now create workspaces in the organization. Once you have your organization set up, admins and members can begin creating ",[15,558,561],{"href":559,"rel":560},"https://docs.axure.com/axure-cloud/reference/workspaces/",[33],"workspaces"," to hold your team's projects. When you create a workspace, the workspace owner and members with edit access can join on their own and invite other users to join.",[11,564,565],{},[100,566],{"alt":71,"src":567},"/images/2024/01/create-workspace.gif",[11,569,570],{},[115,571,572],{},"3. Move projects from old workspaces to new ones",[11,574,575,576,581],{},"Now you can begin organizing your projects. If multiple people on your team have workspaces across multiple organizations, this can be solved by ",[15,577,580],{"href":578,"rel":579},"https://docs.axure.com/axure-cloud/reference/workspaces/#moving-projects-between-workspaces",[33],"moving projects"," from their current workspace, to a new workspace in your team's organization.",[11,583,584],{},[100,585],{"alt":71,"src":586},"/images/2024/01/Screen-Shot-2024-01-12-at-1.49-1.svg",[11,588,589],{},"Once you've moved projects as needed, everyone in your organization and the workspaces within it can continue to access and publish their projects with ease. As your team changes and grows, or as members move in and out of your department, you'll still have access to all of the projects and workspaces within your organization, making project oversight easier than ever.",[11,591,592],{},[26,593,594,595,597],{},"We hope these tips help you and your team stay organized and make the most of organizations and workspaces in Axure Cloud. As always, if you need any help or have any feedback, you can contact us at ",[15,596,366],{"href":365},". Happy Prototyping!",{"title":71,"searchDepth":72,"depth":72,"links":599},[],[177,601],"Tips and Tricks","2024-01-24T00:00:00.000Z","Orgs were introduced to you and your teammates can keep all of your workspaces and projects under one roof. If you and your team find that you have too many organizations belonging to various people, you can consolidate them to help keep all of your projects and workspaces organized, accessible, and secure. Read more!",{"src":605},"/images/2024/01/Orgs2-Header.svg",{},"/blog/consolidate-cloud-organizations",{"src":609},"/images/2024/01/Orgs2-Preview.png",{"title":522,"description":603},"blog/consolidate-cloud-organizations","78LviM9ZlVD_c4jDO-fyNcLoVgfOx0LVs_qCESkAr-g",{"id":614,"title":615,"author":6,"body":616,"categories":828,"date":830,"description":831,"extension":79,"featuredImage":80,"mainImage":832,"meta":833,"navigation":83,"path":834,"previewImage":835,"seo":837,"stem":838,"tags":80,"__hash__":839},"blog/blog/maximizing-figma-plugin.md","Getting the Most Out of the Figma Plugin",{"type":8,"value":617,"toc":826},[618,623,632,640,645,648,653,675,680,718,723,726,731,751,756,761,776,781,784,789,814,819,824],[11,619,620],{},[100,621],{"alt":71,"src":622},"/images/2022/04/Figma-Plugin-Header.svg",[11,624,625,626,631],{},"If you haven't downloaded the Axure for Figma Plugin, click ",[15,627,630],{"href":628,"rel":629},"https://www.figma.com/community/plugin/837098402230990991/Axure",[33],"here","!",[11,633,634,635,639],{},"Here at Axure, we understand that many of you use a variety of design tools across your organization. With the ",[15,636,638],{"href":637},"/blog/import-figma-designs-into-axure#:~:text=Cloud%20desktop%20app.-,Install%20the%20Axure%20plugin%20for%20Figma.,Project%20in%20the%20Project%20dropdown.","Axure for Figma plugin that we unveiled in 2020",", transforming your Figma files into rich, interactive prototypes is a breeze. If you're a Figma user who's looking to combine your design assets from Figma with Axure's powerful and interactive prototyping capabilities, check out these tips and tricks to help get you started.",[11,641,642],{},[115,643,644],{},"How to use the Figma plugin",[11,646,647],{},"To use the Axure plugin for Figma to import your frames into Axure RP or Axure Cloud, follow these steps:",[11,649,650],{},[115,651,652],{},"Axure RP:",[420,654,655,661,672],{},[272,656,657],{},[15,658,660],{"href":628,"rel":659},[33],"Install the Axure plugin for Figma.",[272,662,663,664,667,668,671],{},"In Figma, select the elements you want to copy and go to ",[115,665,666],{},"Plugins → Axure → Copy Selection for RP",". (You can also copy all assets with the ",[115,669,670],{},"Copy All Frames for RP"," option.)",[272,673,674],{},"In Axure RP, paste the copied assets onto the canvas.",[11,676,677],{},[115,678,679],{},"Axure Cloud:",[420,681,682,689,694,700,711],{},[272,683,684],{},[15,685,688],{"href":686,"rel":687},"https://www.axure.cloud/download/",[33],"Download and install the Axure Cloud desktop app.",[272,690,691],{},[15,692,660],{"href":628,"rel":693},[33],[272,695,696,697,367],{},"In Figma, select the frames you want to publish to Axure Cloud and go to ",[115,698,699],{},"Plugins → Axure → Export selection to Axure Cloud",[272,701,702,703,706,707,710],{},"Select the workspace and project you want to publish your Figma assets to or select ",[115,704,705],{},"Create New Project"," in the ",[115,708,709],{},"Project"," dropdown.",[272,712,713,714,717],{},"Click ",[115,715,716],{},"Upload"," to publish your Figma assets.",[11,719,720],{},[115,721,722],{},"Bringing more realism to UI designs",[11,724,725],{},"Copying frames from Figma to Axure RP lets you quickly bring your designs to life with the powerful prototyping capabilities of Axure RP, allowing you to add more realism and interactivity to your designs. This can range from simply having a text field that is functional and allows users to type into it, to creating highly-interactive, realistic prototypes filled with complex interactions and conditional logic. Additionally, since the plugin imports your designs as separate layers (as opposed to pasting each frame as a single image), adding interactivity or style effects to specific elements is easier than ever.",[11,727,728],{},[115,729,730],{},"Math expressions",[11,732,733,734,739,740,743,744,747,748,367],{},"One way you can enhance the designs you created in Figma and take them to the next level in Axure RP is with the use of ",[15,735,738],{"href":736,"rel":737},"https://docs.axure.com/axure-rp/reference/math-functions-expressions/",[33],"math expressions",". By using mathematical expressions when building interactions, you can create more dynamic and interactive prototypes that can respond to user input, and you can dynamically generate text and numeric values based on calculations. For instance, you can do things like calculate the purchase total for a shopping cart in a check-out form, dynamically set text, or display the current date or time. The great part about using expressions in Axure RP is that they're easy to add when building an interaction to your existing designs. To include an expression in one of your interactions, simply write your desired math expression into any field that has an ",[115,741,742],{},"fx"," icon next to it, such as the ",[115,745,746],{},"Value"," field that is common in many interactions. Then, all you have to do is ensure that the formula is contained within the double brackets ",[115,749,750],{},"[[ ]]",[11,752,753],{},[100,754],{"alt":71,"src":755},"/images/2022/04/current-time-interaction-1.svg",[11,757,758],{},[115,759,760],{},"Form fields",[11,762,763,764,769,770,775],{},"Another way you can build upon your Figma frames in Axure RP is to create working form fields. Let's say you have a Figma design of a sign up and login screen that you want to add interactivity to, in order to better capture the user workflow. Form widgets in Axure RP, such as text field widgets automatically allow users to type into them when viewing the prototype in the browser. Once you bring your Figma frames of a form (such as a login form) into Axure, you can also take steps such as building interactions on the submit button to successfully take users to the next page based on what they type into each field, which ",[15,765,768],{"href":766,"rel":767},"https://docs.axure.com/axure-rp/tutorials/account-login/",[33],"this tutorial"," outlines. Additionally, you can add realistic style effects, such as the ",[15,771,774],{"href":772,"rel":773},"https://docs.axure.com/axure-rp/reference/style-effects/#error",[33],"Error style effect",", and then add conditional logic to the button's interaction so that it automatically displays the error state when the user doesn't complete a field, or enters the wrong credentials.",[11,777,778],{},[100,779],{"alt":71,"src":780},"/images/2022/04/Screen-Shot-2022-04-22-at-1.08.10-PM.png",[11,782,783],{},"A sign up or login screen is just one of many examples that demonstrates how adding interactivity to your designs creates more realism. The more realistic your prototypes, the better you can conceptualize the workflow, which comes in handy when presenting to stakeholders or conducting user testing.",[11,785,786],{},[115,787,788],{},"How else can you make the most out of the Figma plugin?",[11,790,791,792,796,797,802,803,808,809,367],{},"When working with multiple design tools, staying organized can be tough. That's why in addition to bringing your Figma frames into Axure RP, you can also export your frames into ",[15,793,177],{"href":794,"rel":795},"https://app.axure.cloud/?__hstc=257326932.16a983053b9a67590fe96edae90b2bb6.1705976632237.1705976632237.1705976632237.1&__hssc=257326932.1.1705976632237&__hsfp=2365361157",[33]," keeping everything organized into a single, shareable link. If you don't need to add complex interactions to your Figma designs in Axure RP, exporting them to Axure Cloud still has its benefits such as the ability to ",[15,798,801],{"href":799,"rel":800},"https://docs.axure.com/axure-cloud/reference/inspect/",[33],"inspect your designs",", ",[15,804,807],{"href":805,"rel":806},"https://docs.axure.com/axure-cloud/reference/build/",[33],"turn them into quick click-through prototypes",", and ",[15,810,813],{"href":811,"rel":812},"https://docs.axure.com/axure-cloud/reference/sharing-artboard-projects/",[33],"share them with others",[11,815,816],{},[100,817],{"alt":71,"src":818},"/images/2022/04/Screen-Shot-2024-01-23-at-1.39-1.svg",[11,820,821,822,367],{},"We hope this deeper dive into making the most out of using both Figma and Axure helps! As always, to submit any feedback, you can contact us at ",[15,823,366],{"href":365},[11,825,504],{},{"title":71,"searchDepth":72,"depth":72,"links":827},[],[829,601],"Plugins","2024-01-22T00:00:00.000Z","If you're a Figma user who's looking to combine your design assets from Figma with Axure's powerful and interactive prototyping capabilities, check out these tips and tricks to help get you started.",{"src":80},{},"/blog/maximizing-figma-plugin",{"src":836},"/images/2022/04/Figma-Plugin2-1.png",{"title":615,"description":831},"blog/maximizing-figma-plugin","3YKNFb3Rvj_Nc1Ok7bIFbn4HyMBStKFe1dP-OnCKE3o",{"id":841,"title":842,"author":523,"body":843,"categories":1009,"date":1010,"description":1011,"extension":79,"featuredImage":80,"mainImage":1012,"meta":1013,"navigation":83,"path":1014,"previewImage":1015,"seo":1017,"stem":1018,"tags":80,"__hash__":1019},"blog/blog/top-ux-articles-2023.md","A Look Back at the Top UX Articles of 2023",{"type":8,"value":844,"toc":1001},[845,850,853,857,862,869,873,878,898,902,907,912,919,923,928,933,942,946,951,958,962,967,972,981,983],[11,846,847],{},[100,848],{"alt":71,"src":849},"/images/2023/12/2023-Articles-Header.svg",[11,851,852],{},"2023 has been another exciting year, both at Axure and in the UX industry as a whole. From product feature updates, to the broad topic of AI and how it'll impact UX design, we've shared a variety of UX articles on social media and blog articles covering the latest Axure news. Here's a look at the top articles from this year that readers engaged with the most.",[107,854,856],{"id":855},"_1-ux-strategy-study-guide","1. UX Strategy: Study Guide",[11,858,859],{},[100,860],{"alt":71,"src":861},"/images/2023/12/ux-strategy-vision-goals-and-a-plan-1.svg",[11,863,864,865,367],{},"Good UX requires good strategy. A UX strategy is a plan of actions designed to reach an improved future state of the organization's user experience over an established period of time. The three primary components that make up a UX strategy are vision, goals, and a plan. To dive deeper into each of these components of a UX strategy, check out the full study guide from NNG ",[15,866,630],{"href":867,"rel":868},"https://www.nngroup.com/articles/strategy-study-guide/?utm_content=241484567&utm_medium=social&utm_source=linkedin&hss_channel=lcp-1529335",[33],[107,870,872],{"id":871},"_2-from-prototyping-to-award-winning-apps","2. From Prototyping to Award Winning Apps",[11,874,875],{},[100,876],{"alt":71,"src":877},"/images/2023/12/nitzan-3.png",[11,879,880,881,886,887,892,893,897],{},"We chatted with Nitzan, UXPERT's CEO and a long-time Axure RP user and UX designer, about UXPERT's ",[15,882,885],{"href":883,"rel":884},"https://www.designrush.com/best-designs/apps/israel-railways-app-design",[33],"award-winning"," Israel Railways train app, which they prototyped using Axure RP. The success of UXPERT's ",[15,888,891],{"href":889,"rel":890},"https://l8ee8b.axshare.com/#id=u4ur2p&p=main_-_isr_app&sc=2&c=1",[33],"prototype"," is evident by its user-friendly design, seamless interactions, and capturing animations. Check out the full ",[15,894,896],{"href":895},"/blog/award-winning-apps","blog post"," to see what Nitzan had to say about his background as a UX designer and experience building this prototype.",[107,899,901],{"id":900},"_3-developing-uxai-thinking-for-a-new-design-world","3. Developing UX/AI thinking for a new design world",[11,903,904],{},[100,905],{"alt":71,"src":906},"/images/2023/12/UX-AI-1.svg",[11,908,909],{},[26,910,911],{},"\"Similar to establishing a foundational model in AI, there is a foundational model in design.\"",[11,913,914,915,367],{},"The intersection of user experience and artificial intelligence is reshaping how we approach design. To learn more about developing UX/AI thinking for the evolving design landscape, read the full article by Darren Yeo ",[15,916,630],{"href":917,"rel":918},"https://uxdesign.cc/developing-ux-ai-thinking-for-a-new-design-world-6524b28ea103",[33],[107,920,922],{"id":921},"_4-list-of-ux-metrics","4. List of UX metrics",[11,924,925],{},[100,926],{"alt":71,"src":927},"/images/2023/12/UX-Metrics-1.svg",[11,929,930],{},[26,931,932],{},"\"By measuring outcome metrics, businesses can quantify the impact of UX improvements and ensure that UX investments are aligned with business goals.\"",[11,934,935,936,941],{},"Using metrics in UX is a critical part of measuring how well users like and use your products. Check out this ",[15,937,940],{"href":938,"rel":939},"https://uxplanet.org/list-of-ux-metrics-81a30e8b90b0",[33],"article"," by Alex Szczurek for a list of UX metrics and how you can use them to make data driven decisions.",[107,943,945],{"id":944},"_5-best-user-testing-platforms-for-your-axure-rp-prototypes","5. Best User Testing Platforms for Your Axure RP Prototypes",[11,947,948],{},[100,949],{"alt":71,"src":950},"/images/2023/12/UserTesting2-1.svg",[11,952,953,954,957],{},"After building high-fidelity prototypes, user testing is a key next step, and capturing the best information is important. With Axure RP, you can prototype and test like it's the real thing and gather important feedback and data before moving on to development. To make the testing process as seamless as possible, we highlighted some user testing tools that integrate well with Axure RP. Check out the full ",[15,955,896],{"href":956},"/blog/user-testing-prototypes"," to learn more.",[107,959,961],{"id":960},"_6-designing-together-inclusive-design-for-teams-not-just-users","6. Designing Together: Inclusive Design for Teams, Not Just Users",[11,963,964],{},[100,965],{"alt":71,"src":966},"/images/2023/12/everyone-designer-1.svg",[11,968,969],{},[26,970,971],{},"\"While it's true that UX designers possess specialized skills and expertise, the reality is that individuals from all walks of life can contribute to the design process.\"",[11,973,974,975,980],{},"In UX and product design, it's not solely UX designers who can add creative input. Read the ",[15,976,979],{"href":977,"rel":978},"https://uxplanet.org/everyone-is-a-designer-embracing-the-creative-potential-of-all-9145152f1554",[33],"full article"," by Irisi Tole to discover how embracing an 'everyone as a designer' mindset can empower individuals from all backgrounds and teams to shape innovative solutions.",[224,982],{},[11,984,985,986,802,991,808,996,367],{},"We hope you enjoy these articles and the many others we've shared and published. As we ring in the new year in 2024, we'll continue sharing exciting new UX-related articles. To stay up to date with our latest finds, follow us on ",[15,987,990],{"href":988,"rel":989},"https://twitter.com/axurerp",[33],"Twitter",[15,992,995],{"href":993,"rel":994},"https://www.linkedin.com/company/axure-software-solutions/",[33],"LinkedIn",[15,997,1000],{"href":998,"rel":999},"https://www.facebook.com/axurerp/",[33],"Facebook",{"title":71,"searchDepth":72,"depth":72,"links":1002},[1003,1004,1005,1006,1007,1008],{"id":855,"depth":72,"text":856},{"id":871,"depth":72,"text":872},{"id":900,"depth":72,"text":901},{"id":921,"depth":72,"text":922},{"id":944,"depth":72,"text":945},{"id":960,"depth":72,"text":961},[],"2023-12-20T00:00:00.000Z","2023 has been another exciting year, both at Axure and in the UX industry as a whole. From product feature updates, to the broad topic of AI and how it'll impact UX design, we've shared a variety of UX articles on social media and blog articles covering the latest Axure news. Here's a look at the top articles that readers engaged with the most.",{"src":80},{},"/blog/top-ux-articles-2023",{"src":1016},"/images/2023/12/2023-Articles-Preview.png",{"title":842,"description":1011},"blog/top-ux-articles-2023","wEFbYJ12ySXTe4PCW-_AEtd-iSWQ7gEj6b4d1jUjFnI",{"id":1021,"title":1022,"author":6,"body":1023,"categories":1252,"date":1253,"description":1254,"extension":79,"featuredImage":80,"mainImage":1255,"meta":1256,"navigation":83,"path":1257,"previewImage":1258,"seo":1260,"stem":1261,"tags":80,"__hash__":1262},"blog/blog/axure-cloud-organizations.md","Introducing Axure Cloud Organizations",{"type":8,"value":1024,"toc":1240},[1025,1030,1048,1051,1055,1058,1069,1072,1077,1081,1091,1096,1103,1109,1114,1121,1125,1132,1147,1152,1156,1160,1163,1166,1179,1184,1188,1202,1206,1213,1217,1224,1228,1235],[11,1026,1027],{},[100,1028],{"alt":71,"src":1029},"/images/2023/12/Orgs-Header-1.svg",[11,1031,1032,1033,1037,1038,1043,1044,1047],{},"With the latest update to ",[15,1034,177],{"href":1035,"rel":1036},"http://axure.com/axure-cloud",[33],", you can now create ",[15,1039,1042],{"href":1040,"rel":1041},"https://docs.axure.com/axure-cloud/reference/organizations/",[33],"organizations"," so you and your teammates can keep all of your ",[15,1045,561],{"href":559,"rel":1046},[33]," and projects under one roof. If you already have an Axure Cloud account, an organization was automatically created for you. You're ready to add users and set up their roles in your org.",[11,1049,1050],{},"You can see all of the organizations you belong to in the left pane of Axure Cloud. You can be a member of as many organizations as you like, whether they are yours or orgs that you have been invited to.",[107,1052,1054],{"id":1053},"creating-an-organization","Creating an Organization",[11,1056,1057],{},"To create an Organization in Axure Cloud, just follow these steps:",[420,1059,1060,1066],{},[272,1061,713,1062,1065],{},[115,1063,1064],{},"Create Organization"," in the left pane",[272,1067,1068],{},"Give the organization a name",[11,1070,1071],{},"After your organization is created, you can invite others right away or at any point after.",[11,1073,1074],{},[100,1075],{"alt":71,"src":1076},"/images/2023/12/create-organization.gif",[107,1078,1080],{"id":1079},"managing-users-and-roles","Managing Users and Roles",[11,1082,1083,1084,1087,1088,367],{},"To see and manage the users in an organization, click the ",[115,1085,1086],{},"Settings icon"," next to the organization's name in the left pane and select ",[115,1089,1090],{},"Users",[11,1092,1093],{},[100,1094],{"alt":71,"src":1095},"/images/2023/12/orgs-invite-users.gif",[11,1097,1098,1099,1102],{},"To add a user, click the ",[115,1100,1101],{},"Add Users"," button on the Users page. When adding new users, you'll be asked to choose their System Role: Guest, Member, or Admin. Guests only have access to workspaces that they've specifically been invited to join.",[11,1104,1105,1108],{},[115,1106,1107],{},"Members and admins can view and join any workspace within the organization",". This means you no longer have to invite members to each workspace. They can join and leave workspaces on their own. Members and admins can also create their own workspaces within the organization so your team can easily keep all of their projects in a single org.",[11,1110,1111],{},[100,1112],{"alt":71,"src":1113},"/images/2023/12/Screen-Shot-2023-12-13-at-1.32-1.svg",[11,1115,1116,1117,1120],{},"You can change a user's system role any time from the Users page by clicking the dropdown menu in the ",[115,1118,1119],{},"System Role"," column.",[107,1122,1124],{"id":1123},"axure-cloud-for-business-has-joinable-and-invite-only-workspaces","Axure Cloud for Business has Joinable and Invite-Only Workspaces",[11,1126,1127,1128,1131],{},"Workspaces in Axure Cloud for Business got a time-saving new option. Before this update, workspaces were all ",[115,1129,1130],{},"Invite-only"," so every new member of your organization needed to be explicitly invited to each workspace. Now, workspaces can be set to be joinable by any member and when they join, they can either be allowed to edit or view only.",[11,1133,1134,1135,1138,1139,1142,1143,1146],{},"When you create a new workspace or click ",[115,1136,1137],{},"Invite"," at the top of a workspace page, ",[115,1140,1141],{},"Share this Workspace"," opens and has a new option called ",[115,1144,1145],{},"Organization Access",". You can use the dropdown to specify whether members of the organization can join to view or edit the workspace or if they need to be invited.",[11,1148,1149],{},[100,1150],{"alt":71,"src":1151},"/images/2023/12/invite-only-1.svg",[107,1153,1155],{"id":1154},"frequently-asked-questions","Frequently Asked Questions",[195,1157,1159],{"id":1158},"how-do-i-move-my-team-to-a-single-organization","How do I move my team to a single organization?",[11,1161,1162],{},"If you and your teammates have projects in multiple organizations that you'd like to combine into one, you can move the projects from one organization to another. First, pick which organization will be your main organization (or create a new one) and invite everyone to it, ideally as Members. Then, create new workspaces where projects from the other orgs can be moved. If everyone is a Member, you won't need to invite everyone to each workspace.",[11,1164,1165],{},"Then, to move projects from one organization to another, follow these steps:",[420,1167,1168,1171,1176],{},[272,1169,1170],{},"Select the checkboxes next to the projects you want to move (or check all)",[272,1172,713,1173],{},[115,1174,1175],{},"Move",[272,1177,1178],{},"Pick a workspace in the other organization",[11,1180,1181],{},[100,1182],{"alt":71,"src":1183},"/images/2023/12/Screen-Shot-2023-12-12-at-5.24-1.svg",[195,1185,1187],{"id":1186},"how-do-i-rename-an-organization","How do I rename an organization?",[11,1189,1190,1191,1193,1194,1197,1198,1201],{},"Click the ",[115,1192,1086],{}," next to your organization's name in the left pane and choose ",[115,1195,1196],{},"Settings",". On the Settings page, click ",[115,1199,1200],{},"Edit"," next to the organization name, and enter the new name.",[195,1203,1205],{"id":1204},"what-is-the-shared-with-me-section","What is the \"Shared with me\" section?",[11,1207,1208,1209,1212],{},"If you belong to workspaces in another person's organization, but are only a Guest in their organization, the workspaces will appear in the ",[115,1210,1211],{},"Shared with me"," section. You can see the name of the organization when you hover over the workspace. If you belonged to other people's workspaces before this update, those workspaces will appear here until your role is updated to Member or Admin in their organization.",[195,1214,1216],{"id":1215},"do-favorite-workspaces-still-belong-to-an-organization","Do \"Favorite Workspaces\" still belong to an organization?",[11,1218,1219,1220,1223],{},"Yes. Workspaces in the ",[115,1221,1222],{},"Favorites Workspaces"," section still belong to the organization they were favorited from. You can see which organization the workspace belongs to by hovering over the workspace. To add a workspace to your favorites, simply click the star to the right of the workspace.",[195,1225,1227],{"id":1226},"why-do-some-workspaces-have-a-lock-icon-next-to-them","Why do some workspaces have a lock icon next to them?",[11,1229,1230,1231,1234],{},"If you are using Axure Cloud for Business, workspaces that are set to ",[115,1232,1233],{},"invite-only"," will have a lock icon. To join the workspace, reach out to someone in the workspace and ask them to invite you.",[11,1236,1237,1238,597],{},"We hope this update makes it easier for your team to collaborate and keep your projects in one place. As always, if you need any help or have any feedback, you can contact us at ",[15,1239,366],{"href":365},{"title":71,"searchDepth":72,"depth":72,"links":1241},[1242,1243,1244,1245],{"id":1053,"depth":72,"text":1054},{"id":1079,"depth":72,"text":1080},{"id":1123,"depth":72,"text":1124},{"id":1154,"depth":72,"text":1155,"children":1246},[1247,1248,1249,1250,1251],{"id":1158,"depth":309,"text":1159},{"id":1186,"depth":309,"text":1187},{"id":1204,"depth":309,"text":1205},{"id":1215,"depth":309,"text":1216},{"id":1226,"depth":309,"text":1227},[177,178],"2023-12-13T00:00:00.000Z","With the latest update to Axure Cloud, you can now create organizations so you and your teammates can keep all of your workspaces and projects under one roof. If you already have an Axure Cloud account, an organization was automatically created for you. You're ready to add users and set up their roles in your org.",{"src":80},{},"/blog/axure-cloud-organizations",{"src":1259},"/images/2023/12/Orgs-Preview.png",{"title":1022,"description":1254},"blog/axure-cloud-organizations","NvEQoU51Ay3wviQWqP-ydYo_FZiS9w_n9nPDbcjzyh0",{"id":1264,"title":1265,"author":523,"body":1266,"categories":1390,"date":1391,"description":1275,"extension":79,"featuredImage":80,"mainImage":1392,"meta":1393,"navigation":83,"path":1394,"previewImage":1395,"seo":1397,"stem":1398,"tags":80,"__hash__":1399},"blog/blog/whats-new-november-2023.md","What's New in Axure RP & Axure Cloud - November 2023",{"type":8,"value":1267,"toc":1386},[1268,1273,1276,1279,1337,1340,1368,1370],[11,1269,1270],{},[100,1271],{"alt":71,"src":1272},"/images/2023/11/November-Header.svg",[11,1274,1275],{},"With new features and improvements such as global variable search functionality, on-demand generation, and new keyboard shortcuts, these new updates to Axure RP and Axure Cloud will improve your prototyping and publishing experience.",[107,1277,388],{"id":1278},"axure-rp",[269,1280,1281,1299],{},[272,1282,1283,1286,1287,1292,1293,1296],{},[115,1284,1285],{},"New ability to search for variables when configuring a Set Variable Value action","\nIf your prototypes have numerous ",[15,1288,1291],{"href":1289,"rel":1290},"https://docs.axure.com/axure-rp/reference/variables/",[33],"global variables",", making sure to choose the right variable is key when building an interaction with a Set Variable Value action. Now, in the latest build of Axure RP 10, you can type the name of the variable into the new search bar under the Choose Variable dropdown list.",[1294,1295],"br",{},[100,1297],{"alt":71,"src":1298},"/images/2023/11/Variable-Search.svg",[272,1300,1301,1304,1305,1308,1309,1332,1334],{},[115,1302,1303],{},"Global Variable Dialog Updates","\nIn addition to the ability to search for a variable when targeting one in an interaction, we've made some updates to the Global Variables dialog, so that locating, rearranging, and editing your global variables is easier than ever. To access the Global Variables dialog, go to ",[115,1306,1307],{},"Project > Global Variables"," in the top menu bar.",[269,1310,1311,1314,1317],{},[272,1312,1313],{},"Search for global variables in the Global Variables dialog.",[272,1315,1316],{},"Multi-select variables and drag to reorder.",[272,1318,1319,1320,1323,1324,1327,1328,1331],{},"Added keyboard shortcuts and right-click menu to duplicate (",[115,1321,1322],{},"Cmd/Ctrl + D","), move up/down (",[115,1325,1326],{},"Cmd/Ctrl + Arrow"," key), and delete (",[115,1329,1330],{},"Delete"," key).",[1294,1333],{},[100,1335],{"alt":71,"src":1336},"/images/2023/11/Global-Variables-Dialog.svg",[107,1338,177],{"id":1339},"axure-cloud",[269,1341,1342],{},[272,1343,1344,1353],{},[115,1345,1346,1347,1352],{},"On demand generation - ",[15,1348,1351],{"href":1349,"rel":1350},"https://docs.axure.com/axure-cloud/reference/sharing-axure-rp-projects/#team-project-viewing-and-generation-options",[33],"project viewing options"," for team projects.",[269,1354,1355,1362],{},[272,1356,1357,1358,1361],{},"With ",[115,1359,1360],{},"Default Viewing",", users can view individual pages as soon as they're ready, regardless of whether other pages are still generating. Project pages start generating when the Share Link is accessed, with the first-viewed page initiating the project's generation, followed by the rest.",[272,1363,1357,1364,1367],{},[115,1365,1366],{},"Legacy Viewing",", users can view the Share Link only after all project pages have finished generating, and the generation process begins after publishing.",[224,1369],{},[11,1371,1372,1373,1377,1378,1382,1383,1385],{},"Don't forget that you can ",[15,1374,1376],{"href":1375},"/download","download"," the latest version of Axure RP, ",[15,1379,1381],{"href":1380},"/release-history","view"," update notes, the latest bug fixes, and more at axure.com/release-history. We hope you enjoy these latest updates to Axure RP and Axure Cloud. You can also sign up for our newsletter ",[15,1384,630],{"href":499}," to receive the latest updates, Axure tips & tricks, and more.",{"title":71,"searchDepth":72,"depth":72,"links":1387},[1388,1389],{"id":1278,"depth":72,"text":388},{"id":1339,"depth":72,"text":177},[177,388,178],"2023-11-28T00:00:00.000Z",{"src":80},{},"/blog/whats-new-november-2023",{"src":1396},"/images/2023/11/November-Preview-2.png",{"title":1265,"description":1275},"blog/whats-new-november-2023","0IrOPTnWlV9q0q0LvS91ZT3rZrOJ6ksiD6f1TxNu-SQ",{"id":1401,"title":1402,"author":6,"body":1403,"categories":1542,"date":1543,"description":1544,"extension":79,"featuredImage":80,"mainImage":1545,"meta":1546,"navigation":83,"path":1547,"previewImage":1548,"seo":1550,"stem":1551,"tags":80,"__hash__":1552},"blog/blog/the-difference-between-ux-and-ui-in-the-design-process.md","The Difference Between UX and UI in the Design Process",{"type":8,"value":1404,"toc":1534},[1405,1410,1413,1417,1421,1424,1428,1441,1449,1454,1458,1461,1464,1468,1487,1493,1518,1521,1532],[11,1406,1407],{},[100,1408],{"alt":71,"src":1409},"/images/2021/11/UI-Header.svg",[11,1411,1412],{},"When it comes to designing and prototyping, the line between UX and UI is frequently blurred. Often used interchangeably, user experience (UX) design and user interface (UI) design are both integral parts of the product design process, but they do have key differences and it's important to recognize the purpose of each. By understanding their differences, you can make the most of your design and prototyping tools to achieve an effective UX and UI.",[107,1414,1416],{"id":1415},"whats-the-difference-between-ux-and-ui","What's the difference between UX and UI?",[195,1418,1420],{"id":1419},"what-is-ui","What is UI?",[11,1422,1423],{},"The UI (user interface) focuses on the visual elements of the design, and the overall feeling that the design conveys. This includes aspects such as the color scheme, typography used, button designs, and the page layout, just to name a few. A UI designer's goal is to visually guide users through your product's interface, make their experience as intuitive as possible, and create aesthetically pleasing designs that reinforce your brand.",[195,1425,1427],{"id":1426},"what-is-ux","What is UX?",[11,1429,1430,1431,1436,1437,1440],{},"UX (user experience) focuses on the overall usefulness and usability of a product, rather than specifically the appearance. ",[15,1432,1435],{"href":1433,"rel":1434},"https://www.nngroup.com/articles/definition-user-experience/",[33],"As defined by the Nielsen Norman Group",", the \"user experience encompasses all aspects of the end-user's interaction with the company, its services, and its products.\" During the UX phase of the design process, tasks such as user research, wireframing, prototyping, and ",[15,1438,1439],{"href":956},"user testing"," are key steps to take.",[11,1442,1443,1444,367],{},"CareerFoundry's contributor, Emil Lamprecht, outlines this in the diagram below, and in his ",[15,1445,1448],{"href":1446,"rel":1447},"https://careerfoundry.com/en/blog/ux-design/the-difference-between-ux-and-ui-design-a-laymans-guide/",[33],"in-depth article about the difference between UX and UI",[11,1450,1451],{},[100,1452],{"alt":71,"src":1453},"/images/2021/11/difference-between-ux-and-ui.jpeg",[107,1455,1457],{"id":1456},"why-is-ux-important","Why is UX important?",[11,1459,1460],{},"Good UX design is key to building a successful application because it ensures that the application is useful and usable to your product's end user. Even with a beautiful and delightful interface, a user who has a hard time achieving value from your product isn't likely to stay around for long.",[11,1462,1463],{},"While the importance of a good UX is commonly recognized in the modern digital era, utilizing a UX process is still often overlooked. Frequently, teams are concerned about the time and cost of creating prototypes and gathering feedback. But tools like Axure RP have dramatically lowered the barrier to creating realistic prototypes quickly and without writing code.",[107,1465,1467],{"id":1466},"axures-role-in-uxui","Axure's Role in UX/UI",[11,1469,1470,1471,1475,1476,1480,1481,1486],{},"As a UX tool, Axure RP is primarily used by UX designers seeking to create anything from early-stage user journey ",[15,1472,1474],{"href":1473},"/blog/build-better-solutions","diagrams"," or simple wireframes, to fully functional and realistic prototypes. While Axure's strengths come from its powerful and ",[15,1477,1479],{"href":1478},"/blog/prototyping-complex-user-flows","advanced prototyping"," capabilities, it also supports the UI design process. Your prototypes can be pixel-perfect and incorporate your color palettes, custom fonts, and other important ",[15,1482,1485],{"href":1483,"rel":1484},"https://www.freepik.com/",[33],"design elements"," that fit your existing or desired brand guidelines.",[1488,1489,1490],"blockquote",{},[11,1491,1492],{},"\"I love Axure's flexibility and efficiency. In one tool, I can quickly collaborate on low-fi mockups, then style them into high-fidelity prototypes with native browser controls for realistic usability testing and seamless developer handoff with no additional effort.\" – Corey, Sr. Product Designer",[11,1494,1495,1496,802,1500,808,1504,1508,1509,1512,1513,1517],{},"Axure integrations with ",[15,1497,1499],{"href":1498},"/blog/import-figma-designs-into-axure","Figma",[15,1501,1503],{"href":1502},"/blog/import-sketch-designs-into-axure-rp","Sketch",[15,1505,1507],{"href":1506},"/blog/import-adobe-xd-designs-into-axure","Adobe XD",", make it easy to import existing UI designs into Axure RP and transform them into rich, interactive prototypes. Each plugin also allows you to export designs to ",[15,1510,177],{"href":1511},"/axure-cloud",", so that you can host all of your prototypes and artboards in one central place, making it even easier to collaborate with teammates, gather feedback from stakeholders, and ",[15,1514,1516],{"href":1515},"/blog/developer-handoff","handoff"," to developers.",[11,1519,1520],{},"Overall, UX and UI design, while similar in nature, have their own unique differences that add value to different aspects of your product's overall design. By understanding their differences and focusing on the strengths of each, you can create UX and UI designs that compliment each other well and improve your overall product.",[11,1522,1523,1524,1529,1530,367],{},"Discover UX design and prototyping, and download your ",[15,1525,1528],{"href":1526,"rel":1527},"http://axure.com/download",[33],"free trial of Axure RP"," to get started! As always, if you need any help or want to submit feedback, you can contact us at ",[15,1531,366],{"href":365},[11,1533,504],{},{"title":71,"searchDepth":72,"depth":72,"links":1535},[1536,1540,1541],{"id":1415,"depth":72,"text":1416,"children":1537},[1538,1539],{"id":1419,"depth":309,"text":1420},{"id":1426,"depth":309,"text":1427},{"id":1456,"depth":72,"text":1457},{"id":1466,"depth":72,"text":1467},[],"2023-11-17T00:00:00.000Z","When it comes to designing and prototyping, the line between UX and UI is frequently blurred. UX and UI design are both integral parts of the product design process, and by understanding their differences, you can make the most of your design and prototyping tools to achieve an effective UX and UI.",{"src":80},{},"/blog/the-difference-between-ux-and-ui-in-the-design-process",{"src":1549},"/images/2021/11/UI-Preview.png",{"title":1402,"description":1544},"blog/the-difference-between-ux-and-ui-in-the-design-process","AOJKL2hnYOwfj0B-kFLpWx4HvMJdcxt_yVBP1Z6FvZM",{"id":1554,"title":1555,"author":523,"body":1556,"categories":1672,"date":1673,"description":1674,"extension":79,"featuredImage":80,"mainImage":1675,"meta":1676,"navigation":83,"path":1473,"previewImage":1677,"seo":1679,"stem":1680,"tags":80,"__hash__":1681},"blog/blog/build-better-solutions.md","Diagram with Axure RP to Build Better Solutions",{"type":8,"value":1557,"toc":1670},[1558,1563,1578,1583,1601,1606,1628,1643,1648,1653,1660,1663,1668],[11,1559,1560],{},[100,1561],{"alt":71,"src":1562},"/images/2023/11/Diagram-Header.svg",[11,1564,1565,1566,1571,1572,1577],{},"Whether you're creating a user journey map or outlining proposed solutions to present to stakeholders, diagramming often plays an integral role in the product design process. With Axure RP, you can create both simple and robust diagrams with the use of ",[15,1567,1570],{"href":1568,"rel":1569},"https://docs.axure.com/axure-rp/reference/connectors/",[33],"connectors"," and ",[15,1573,1576],{"href":1574,"rel":1575},"https://docs.axure.com/axure-rp/reference/flow-diagrams/",[33],"flow widgets",", making it even easier to communicate ideas to stakeholders and build better user experiences.",[11,1579,1580],{},[115,1581,1582],{},"Diagramming to uncover new solutions",[11,1584,1585,1586,1590,1591,1596,1597,1600],{},"Diagramming is an important part of product design and UX ",[15,1587,1589],{"href":1588},"/blog/how-to-choose-the-correct-level-of-fidelity-for-your-prototype","prototyping"," for UX professionals, product managers, business analysts, and more because it requires you to take a step back and analyze the problem you're trying to solve, focusing on the user experience before the user interface. For instance, mapping out a ",[15,1592,1595],{"href":1593,"rel":1594},"https://www.nngroup.com/articles/journey-mapping-101/",[33],"user journey"," not only helps you tell the problem story to your stakeholders, it might also illuminate other solutions that exist outside a feature or widget. Building diagrams can also be useful for ",[15,1598,1599],{"href":1515},"developer handoff",", by giving your developers a better understanding of the journey of the flow.",[11,1602,1603],{},[115,1604,1605],{},"How to get started building diagrams in Axure RP?",[11,1607,1608,1609,1613,1614,1619,1620,1623,1624,1627],{},"With the latest ",[15,1610,1612],{"href":1611},"/blog/prototype-flowcharts-with-connectors","connector updates"," in Axure RP, building out flowcharts and user journeys is as simple as a single click or using a keyboard shortcut. For example, once you're in connector mode and add a shape widget to the canvas, simply click one of the connector points on the widget, and a new matching shape and connector line will be added to the canvas. Likewise, using ",[15,1615,1618],{"href":1616,"rel":1617},"https://docs.axure.com/axure-rp/reference/keyboard-shortcuts/",[33],"keyboard shortcuts"," like ",[115,1621,1622],{},"CMD+OPT+SHIFT"," (Mac)/",[115,1625,1626],{},"CTRL+ALT+SHIFT"," (Windows) in conjunction with the arrow keys is a speedy way to automatically add more connector lines and shapes.",[11,1629,1630,1631,1636,1637,1642],{},"In Axure RP, you can also fully customize the style of connectors in your prototypes. Whether you just change the colors and shapes of your flow widgets, make changes to the ",[15,1632,1635],{"href":1633,"rel":1634},"https://docs.axure.com/axure-rp/reference/connectors/#line-styles-and-arrowheads",[33],"line and arrowhead"," styles, or add ",[15,1638,1641],{"href":1639,"rel":1640},"https://docs.axure.com/axure-rp/reference/style-effects/",[33],"style effects"," and interactivity, you can build the style of flowchart that fits your project's specific needs.",[11,1644,1645],{},[100,1646],{"alt":71,"src":1647},"/images/2023/11/Connectors-Snapshots.gif",[11,1649,1650],{},[115,1651,1652],{},"From Diagram to Prototype",[11,1654,1655,1656,1659],{},"When it's time to build on your diagram and flesh out the solution, prototyping within the same file can help keep you organized and focused on designing for requirements. For instance, you can have a rich prototype on one page, use sticky notes with ",[15,1657,1570],{"href":1568,"rel":1658},[33]," to point to specific points of the UI, and have a data diagram to explain overall flow, all within the same project file or even on the same project page.",[11,1661,1662],{},"Overall, diagrams serve an essential role in the UX design process. With the ability to quickly build out user flows in Axure RP, or create flowcharts alongside your rich and interactive prototypes, you can better ensure that you're identifying the right problems and building the right solutions.",[11,1664,1665,1666,367],{},"As always, if you need any help or want to submit feedback, you can contact us at ",[15,1667,366],{"href":365},[11,1669,504],{},{"title":71,"searchDepth":72,"depth":72,"links":1671},[],[388,601],"2023-11-09T00:00:00.000Z","Whether you're creating a user journey map or outlining proposed solutions to present to stakeholders, diagramming often plays an integral role in the product design process. With Axure RP, you can create both simple and robust diagrams that'll help you build even better user experiences.",{"src":80},{},{"src":1678},"/images/2023/11/Diagram-Preview.png",{"title":1555,"description":1674},"blog/build-better-solutions","iH1eGoVtuO1YZIdqz5xM9RemV3i1tl14HR2Kt_fg8Ko",{"id":1683,"title":1684,"author":523,"body":1685,"categories":1875,"date":1876,"description":1694,"extension":79,"featuredImage":80,"mainImage":1877,"meta":1878,"navigation":83,"path":1879,"previewImage":1880,"seo":1882,"stem":1883,"tags":80,"__hash__":1884},"blog/blog/5-quick-tips-interactions.md","5 Quick Tips for Building Interactions in Axure RP",{"type":8,"value":1686,"toc":1868},[1687,1692,1695,1699,1704,1735,1739,1765,1770,1774,1787,1792,1796,1801,1818,1834,1838,1851,1856,1858,1866],[11,1688,1689],{},[100,1690],{"alt":71,"src":1691},"/images/2023/10/Interaction-Tips-Header-1.svg",[11,1693,1694],{},"In Axure RP, interactions are the cornerstone of creating rich and realistic prototypes. Here are some of the most popular tips & tricks for interactions that will help you save time and become a pro at building interactive prototypes.",[107,1696,1698],{"id":1697},"tip-1-quickly-add-open-link-interactions","Tip 1: Quickly Add Open Link Interactions",[11,1700,1701],{},[100,1702],{"alt":71,"src":1703},"/images/2023/10/Open-Link-Interaction-1.svg",[11,1705,1706,1707,1712,1713,1716,1717,1720,1721,1724,1725,1728,1729,1734],{},"You may already be familiar with the single key ",[15,1708,1711],{"href":1709,"rel":1710},"https://docs.axure.com/axure-rp/reference/keyboard-shortcuts/?utm_campaign=Tips%20and%20Tricks&utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz-8FWwkxWpq88E9Ww6I7Q8oiygMKlWd1AdjZB5n_di3zRxFlO2BDIy4jB6bfe5dny53Yb98B",[33],"shortcut"," \"",[115,1714,1715],{},"X","\" to quickly add an interaction. But did you know that you can use the shortcut ",[115,1718,1719],{},"Ctrl","/",[115,1722,1723],{},"Cmd + K"," to quickly add an ",[115,1726,1727],{},"Open Link"," interaction? This is especially helpful if the selected widget already contains a URL, since it will prefill the ",[15,1730,1733],{"href":1731,"rel":1732},"https://docs.axure.com/axure-rp/reference/text-links/?utm_campaign=Tips%20and%20Tricks&utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz-8FWwkxWpq88E9Ww6I7Q8oiygMKlWd1AdjZB5n_di3zRxFlO2BDIy4jB6bfe5dny53Yb98B",[33],"text link"," field.",[107,1736,1738],{"id":1737},"tip-2-search-to-set-actions","Tip 2: Search to Set Actions",[11,1740,1741,1742,1747,1748,375,1751,1756,1757,1760,1761,1764],{},"Save time by searching for the name of an ",[15,1743,1746],{"href":1744,"rel":1745},"https://docs.axure.com/axure-rp/reference/actions-list/?utm_campaign=Tips%20and%20Tricks&utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--2TUzd4ByziZfB634EzFUwfQcPkaWpMBfXIknmAzYjGlGaYGaFS3tPYDSM8OANm6tAWJiN",[33],"action"," from the dropdown list when building an interaction. For example, if you have a ",[115,1749,1750],{},"Click or Tap",[15,1752,1755],{"href":1753,"rel":1754},"https://docs.axure.com/axure-rp/reference/events-list/?utm_campaign=Tips%20and%20Tricks&utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--2TUzd4ByziZfB634EzFUwfQcPkaWpMBfXIknmAzYjGlGaYGaFS3tPYDSM8OANm6tAWJiN",[33],"event"," and want to quickly set a ",[115,1758,1759],{},"Hide"," action, you can search for \"Hide\" in the search bar, and the ",[115,1762,1763],{},"Show/Hide"," option will automatically be selected in the Interaction editor.",[11,1766,1767],{},[100,1768],{"alt":71,"src":1769},"/images/2023/10/Search-Actions-1.svg",[107,1771,1773],{"id":1772},"tip-3-use-the-error-style-effect-with-conditional-logic-to-build-working-forms","Tip 3: Use the Error Style Effect with Conditional Logic to Build Working Forms",[11,1775,1776,1781,1782,1786],{},[15,1777,1780],{"href":1778,"rel":1779},"https://docs.axure.com/axure-rp/reference/style-effects/?utm_campaign=Tips%20and%20Tricks&utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz-9uAUSdeti9xa1SlXev4hNWDg5rPhuRdD5xmo5MV3b5ByytPz0iGTbNu9ZVm3q-jrrJO0fQ#error",[33],"Error style effects"," in RP 10 help you demonstrate what happens when a form is not completed correctly. For example, add an error style effect that sets a password text field's line color to red. Then, add an ",[15,1783,1746],{"href":1784,"rel":1785},"https://docs.axure.com/axure-rp/reference/actions-list/?utm_campaign=Tips%20and%20Tricks&utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz-9uAUSdeti9xa1SlXev4hNWDg5rPhuRdD5xmo5MV3b5ByytPz0iGTbNu9ZVm3q-jrrJO0fQ",[33]," to set the error state on the field if it has less than eight characters on the Lost Focus event.",[11,1788,1789],{},[100,1790],{"alt":71,"src":1791},"/images/2023/10/Error-Style-Effect-1.svg",[107,1793,1795],{"id":1794},"tip-4-use-target-in-interaction-expressions","Tip 4: Use \"Target\" in Interaction Expressions",[11,1797,1798],{},[100,1799],{"alt":71,"src":1800},"/images/2023/10/Target-Expression-Interaction-1.svg",[11,1802,1803,1807,1808,1811,1812,1817],{},[15,1804,1806],{"href":1805},"/blog/math-expressions?utm_campaign=Tips%20and%20Tricks&utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz-8SMj2pEEC_My--CdSf6GdFYG7n3q-5RbmWcUm8ehg84zpesqahNLogfB5V0lB8Ggh-HGG1","Expressions"," allow you to dynamically generate text and numeric values through interactions in your prototypes. The \"",[115,1809,1810],{},"Target","\" keyword can be used in expressions to access properties of the widget being targeted by an ",[15,1813,1816],{"href":1814,"rel":1815},"https://docs.axure.com/axure-rp/reference/events-cases-actions/?utm_campaign=Tips%20and%20Tricks&utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz-8SMj2pEEC_My--CdSf6GdFYG7n3q-5RbmWcUm8ehg84zpesqahNLogfB5V0lB8Ggh-HGG1",[33],"interaction",", such as if you want to add a Click interaction on Button A to double the height of Rectangle B.",[11,1819,1820,1823,1824,1571,1827,1830,1831,367],{},[115,1821,1822],{},"Bonus Tip",": You can also use \"Target\" to access other properties such as the target's location, ",[115,1825,1826],{},"[[Target.x]]",[115,1828,1829],{},"[[Target.y]]",", or even the text inside of the target widget ",[115,1832,1833],{},"[[Target.text]]",[107,1835,1837],{"id":1836},"tip-5-filter-outline-pane-for-widgets-with-interactions","Tip 5: Filter Outline Pane for Widgets with Interactions",[11,1839,1840,1841,1846,1847,1850],{},"You can filter the ",[15,1842,1845],{"href":1843,"rel":1844},"https://docs.axure.com/axure-rp/reference/environment/?utm_campaign=Tips%20and%20Tricks&utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--2TUzd4ByziZfB634EzFUwfQcPkaWpMBfXIknmAzYjGlGaYGaFS3tPYDSM8OANm6tAWJiN#a-map-of-the-environment",[33],"Outline pane"," for widgets with interactions by clicking the Filter icon and choosing the \"",[115,1848,1849],{},"Has Interactions","\" option. When selecting this filter, you'll be able to focus on all widgets with interactions on the pages of your project, making it quick and easy to see which widgets you've already added interactions to.",[11,1852,1853],{},[100,1854],{"alt":71,"src":1855},"/images/2023/10/Filter-Outline-Has-Interactions-1-1.svg",[224,1857],{},[11,1859,1860,1861,1863,1864,367],{},"Want more tips & tricks? Sign up for our newsletter ",[15,1862,630],{"href":499},". As always, if you need any help or want to submit feedback, you can contact us at ",[15,1865,366],{"href":365},[11,1867,504],{},{"title":71,"searchDepth":72,"depth":72,"links":1869},[1870,1871,1872,1873,1874],{"id":1697,"depth":72,"text":1698},{"id":1737,"depth":72,"text":1738},{"id":1772,"depth":72,"text":1773},{"id":1794,"depth":72,"text":1795},{"id":1836,"depth":72,"text":1837},[388,601],"2023-10-24T00:00:00.000Z",{"src":80},{},"/blog/5-quick-tips-interactions",{"src":1881},"/images/2023/10/Interaction-Tips-Preview-1.png",{"title":1684,"description":1694},"blog/5-quick-tips-interactions","_ErwX4gpt7_2rToMVnjI3qfjrNRYxC0v8NyekYBtB7I",{"id":1886,"title":1887,"author":6,"body":1888,"categories":2010,"date":2011,"description":2012,"extension":79,"featuredImage":80,"mainImage":2013,"meta":2014,"navigation":83,"path":2015,"previewImage":2016,"seo":2018,"stem":2019,"tags":80,"__hash__":2020},"blog/blog/dynamic-panels-for-high-fidelity-prototyping.md","Dynamic Panels for High-Fidelity Prototyping",{"type":8,"value":1889,"toc":2007},[1890,1895,1901,1919,1927,1930,1935,1940,1948,1953,1961,1966,1974,1978,1991,2003],[11,1891,1892],{},[100,1893],{"alt":71,"src":1894},"/images/2023/10/DP-HiFi-Header.svg",[11,1896,1897,1898,1900],{},"High-fidelity prototypes are great for ",[15,1899,1439],{"href":956},", demonstrating UX to stakeholders, and providing clarity for developers. The dynamic panel widget is a powerful and flexible tool to make your prototypes more realistic.",[11,1902,1903,1904,1909,1910,1913,1914,367],{},"A ",[15,1905,1908],{"href":1906,"rel":1907},"https://docs.axure.com/axure-rp/reference/dynamic-panels/",[33],"dynamic panel"," is a container that holds other widgets in \"states.\" A dynamic panel can have one state or many, and only one of its states is visible at a time. The visible state can be set dynamically with the ",[115,1911,1912],{},"Set Panel State"," action, which makes dynamic panels perfect for creating ",[15,1915,1918],{"href":1916,"rel":1917},"https://docs.axure.com/axure-rp/tutorials/rotating-carousel-slideshow",[33],"carousels and slideshows",[11,1920,1921,1922,367],{},"Dynamic panels are unique in that they support interactions for dragging and swiping. They are also the only widget that can be pinned to a fixed position in the browser window, making them the ideal choice for ",[15,1923,1926],{"href":1924,"rel":1925},"https://docs.axure.com/axure-rp/tutorials/navigation-menu",[33],"always-visible navigation like sticky headers and sidebars",[11,1928,1929],{},"Here are a few ways that you can use dynamic panels to take your high-fidelity prototypes to the next level:",[269,1931,1932],{},[272,1933,1934],{},"Add vertical and horizontal scrollbars to create a scrollable region within the page",[11,1936,1937],{},[100,1938],{"alt":71,"src":1939},"/images/2023/10/DP-Scrolling-Region.gif",[269,1941,1942,1945],{},[272,1943,1944],{},"Prototype drag-and-drop behavior using a \"Move with drag\" action",[272,1946,1947],{},"Create an image carousel using the \"Set Panel State\" action",[11,1949,1950],{},[100,1951],{"alt":71,"src":1952},"/images/2023/10/New-DP-Gif-NoBackground3.gif",[269,1954,1955,1958],{},[272,1956,1957],{},"Add swipe interactions to transition states for mobile apps",[272,1959,1960],{},"Make a draggable slider with drag boundaries",[11,1962,1963],{},[100,1964],{"alt":71,"src":1965},"/images/2023/10/DP-Slider.gif",[269,1967,1968,1971],{},[272,1969,1970],{},"Make sticky header navigation using the \"Pin to browser\" property",[272,1972,1973],{},"Prototype a floating chatbot pop-up",[107,1975,1977],{"id":1976},"all-states-view","All States View",[11,1979,1980,1981,1986,1987,1990],{},"With the dynamic panels' ",[15,1982,1985],{"href":1983,"rel":1984},"https://docs.axure.com/axure-rp/reference/dynamic-panels/#all-states-view",[33],"all states view",", prototyping with large or complex panels is easier than ever, since you can view and edit each state right alongside one another. To do so, click the ",[115,1988,1989],{},"View All States"," option from the dynamic panel context bar. This allows you to easily compare and contrast each state, and make edits within the context of viewing the entirety of the dynamic panel.",[11,1992,1993,1994,1998,1999,367],{},"To learn more about using dynamic panels, check out our ",[15,1995,1997],{"href":1996},"/support/core-training-5","dynamic panels Core Training tutorial"," or our dynamic panels ",[15,2000,2002],{"href":1906,"rel":2001},[33],"reference guide",[11,2004,1665,2005,597],{},[15,2006,366],{"href":365},{"title":71,"searchDepth":72,"depth":72,"links":2008},[2009],{"id":1976,"depth":72,"text":1977},[388,601],"2023-10-13T00:00:00.000Z","High-fidelity prototypes are great for user testing, demonstrating UX to stakeholders, and providing clarity for developers. And the dynamic panel widget is a powerful and flexible tool to make your prototypes more realistic. Learn more about the ways that you can use dynamic panels to make your high-fidelity prototypes stand out!",{"src":80},{},"/blog/dynamic-panels-for-high-fidelity-prototyping",{"src":2017},"/images/2023/10/DP-HiFi-Preview.png",{"title":1887,"description":2012},"blog/dynamic-panels-for-high-fidelity-prototyping","eRJQEftGfpy-DMSydgOwmt9gbA4iPfSMmkJmSed5oAg",{"id":2022,"title":2023,"author":523,"body":2024,"categories":2133,"date":2134,"description":2135,"extension":79,"featuredImage":80,"mainImage":2136,"meta":2137,"navigation":83,"path":2138,"previewImage":2139,"seo":2141,"stem":2142,"tags":80,"__hash__":2143},"blog/blog/whats-new-september-2023.md","What's New in Axure RP & Axure Cloud - September 2023",{"type":8,"value":2025,"toc":2129},[2026,2031,2038,2040,2102,2106,2119,2121],[11,2027,2028],{},[100,2029],{"alt":71,"src":2030},"/images/2023/09/September-Updates-Header.svg",[11,2032,2033,2034,2037],{},"September 2023 was another month of exciting ",[15,2035,2036],{"href":1380},"updates"," for Axure RP and Axure Cloud! From project publishing enhancements to more organizational options in Axure RP, here's a breakdown of the feature updates from this month that will streamline the project sharing process and make staying organized a breeze.",[107,2039,388],{"id":1278},[269,2041,2042,2064,2080],{},[272,2043,2044,2047,2048,2053,2054,2058,2059,2061],{},[115,2045,2046],{},"Directly link to the current page you have open in Axure RP after publishing to Axure Cloud.","\nWhen sending ",[15,2049,2052],{"href":2050,"rel":2051},"https://docs.axure.com/axure-rp/reference/viewing-sharing-prototypes/#share-links",[33],"share links"," to teammates, stakeholders, or ",[15,2055,2057],{"href":2056},"/blog/developers-love-functional-prototypes","developers",", ensuring that they can easily navigate to the page you want them to view is critical. Now with the option in the Ready to Share window, you can link to the page you currently have open on the canvas. Once you click that checkbox, the links will automatically be updated to link directly to that page.",[1294,2060],{},[100,2062],{"alt":71,"src":2063},"/images/2023/09/viewing-sharing-dialog-1-1.svg",[272,2065,2066,2069,2070,2074,2075,2077],{},[115,2067,2068],{},"Ability to easily view the last published time and Axure Cloud links for projects","\nWith the new dropdown window next to the Share button, you can not only quickly access and copy the share links, you can see the date and time of when your project was last published. This window also displays which ",[15,2071,2073],{"href":559,"rel":2072},[33],"workspace"," the project was published to in Axure Cloud, and allows you to link to the current page you have open on the canvas as well.",[1294,2076],{},[100,2078],{"alt":71,"src":2079},"/images/2023/09/Screen-Shot-2023-09-22-at-9.53-1-1.svg",[272,2081,2082,2085,2086,2090,2091,2096,2097,2099],{},[115,2083,2084],{},"Added expand/collapse all in the Pages, Components, and Interactions panes","\nWith any software tool, ",[15,2087,2089],{"href":2088},"/blog/outline-pane-filter","staying organized"," and managing the ",[15,2092,2095],{"href":2093,"rel":2094},"https://docs.axure.com/axure-rp/reference/environment/",[33],"app environment"," is a must. Just like with the Outline pane, in the Pages, Components, and Interactions panes in Axure RP, you can now easily expand or collapse all items in the pane with the click of a button. Use this option to simply hide or show all items in the pane, or as a way to reset all of the items in the pane if you have folders or interactions in a mix of expanded and collapsed states.",[1294,2098],{},[100,2100],{"alt":71,"src":2101},"/images/2023/09/Expand-Collaps.gif",[107,2103,2105],{"id":2104},"axure-cloud-axure-cloud-for-business-and-on-prem","Axure Cloud, Axure Cloud for Business, and On-Prem",[269,2107,2108],{},[272,2109,2110,2113,2114,2116],{},[115,2111,2112],{},"Browser tab now shows user's location within Axure Cloud","\nNow when viewing your prototypes that you've published to Axure Cloud, Cloud for Business, or On-Premises, the browser tab will display the name of the specific page that's open. This is especially convenient for times when you have multiple pages of the same project open in different tabs.",[1294,2115],{},[100,2117],{"alt":71,"src":2118},"/images/2023/09/Screen-Shot-2023-09-22-at-10.50-1.svg",[224,2120],{},[11,2122,2123,2124,2126,2127,1385],{},"Don't forget that you can view these update notes, the latest bug fixes, and more at ",[15,2125,489],{"href":1380},". We hope you enjoy these latest updates to Axure RP and Axure Cloud. You can also sign up for our newsletter ",[15,2128,630],{"href":499},{"title":71,"searchDepth":72,"depth":72,"links":2130},[2131,2132],{"id":1278,"depth":72,"text":388},{"id":2104,"depth":72,"text":2105},[177,388,178],"2023-09-26T00:00:00.000Z","From project publishing enhancements to more organizational options in Axure RP, September 2023 was another month of exciting updates for Axure RP and Axure Cloud. Learn more!",{"src":80},{},"/blog/whats-new-september-2023",{"src":2140},"/images/2023/09/September-Updates-Preview.png",{"title":2023,"description":2135},"blog/whats-new-september-2023","ErpzyVN7orq9PQ_3IM--tX6qHcePSc92nGQ-JOy-kMc",{"id":2145,"title":2146,"author":523,"body":2147,"categories":2255,"date":2256,"description":2257,"extension":79,"featuredImage":80,"mainImage":2258,"meta":2259,"navigation":83,"path":2260,"previewImage":2261,"seo":2263,"stem":2264,"tags":80,"__hash__":2265},"blog/blog/pros-prototyping-casestudy.md","PROS Wins More Customers with Realistic Axure RP Prototypes",{"type":8,"value":2148,"toc":2253},[2149,2154,2162,2167,2175,2180,2185,2188,2193,2196,2202,2207,2221,2226,2234,2240,2251],[11,2150,2151],{},[100,2152],{"alt":71,"src":2153},"/images/2023/09/PROS-Header.svg",[11,2155,2156,2157,2161],{},"PROS provides AI-driven, cloud-based revenue and price management software used by airlines, large retailers, and more. Learn how the PROS team creates custom-tailored demos with Axure RP to present new capabilities to customers and gather usability ",[15,2158,2160],{"href":2159},"/blog/gathering-quality-feedback","feedback",", all before development.",[11,2163,2164],{},[115,2165,2166],{},"The Challenge",[11,2168,2169,2174],{},[15,2170,2173],{"href":2171,"rel":2172},"https://pros.com/",[33],"PROS"," provides AI-driven, cloud-based software that sits at the center of every customer offer, enabling businesses to define, implement, and optimize their selling efforts. Every year, PROS uses real-time AI to power over 3 trillion commercial offers across dozens of industries. A key formula for PROS winning business has been to show customers their software, but this often happened later in the sales cycle, involving customization of the software demo for the customer's specific industry. The point of this customization was to help potential customers better understand the tremendous value an AI solution could have on their business. It was clear that the earlier a prospect experienced this magical \"a-ha\" moment, the easier it would be for them to understand the value and become a customer.",[11,2176,2177],{},[100,2178],{"alt":71,"src":2179},"/images/2023/09/Pros-RP-1-1.svg",[11,2181,2182],{},[115,2183,2184],{},"The Solution",[11,2186,2187],{},"As it turned out, the UX solution PROS needed was already in house. The company's product design team had been using Axure RP for 10 years, so they began to explore the platform's possibilities for creating compelling sales demos.",[11,2189,2190],{},[100,2191],{"alt":71,"src":2192},"/images/2023/09/Katrina-Quote.svg",[11,2194,2195],{},"PROS UX designer Katrina Cherk used Axure RP to create a prototype sales demo that showcased the platform's custom text, rich text, and calculation functionality. The demo went far beyond the company's previous interactive website capabilities by providing prospects with a self-guided tour of the PROS platform customized for their industry. Soon, this demo became a key step in helping prospects accelerate their buying journey.",[11,2197,2198,2201],{},[26,2199,2200],{},"\"I use Axure RP every day. I don't know of any other tool that has the same interactive design capabilities in terms of making things look and feel so close to the real environment. We use our prototypes to do very detailed usability testing with users who often don't even realize that they're only using a demo.\""," - Katrina Cherk, UX Designer II PROS",[11,2203,2204],{},[115,2205,2206],{},"PROS was able to use Axure RP to help with:",[420,2208,2209,2215],{},[272,2210,2211,2214],{},[115,2212,2213],{},"Supercharging Sales Teams"," PROS sales reps and the company's customer support team used to invest significant effort in quickly creating software demos for potential clients. With Axure prototypes, the company has increased the usability and accessibility of its demos. When PROS recently created a demo for a new product, 67 users showcased it in 259 sessions.",[272,2216,2217,2220],{},[115,2218,2219],{},"Expanding Testing Capabilities"," PROS uses Axure to generate robust interactions during usability testing, ranging from low-fidelity testing to the most sophisticated high-fidelity use cases. \"I think Axure excels when there are lots of calculations and customizations that need to be performed,\" reports Cherk. \"For complex prototypes in enterprise business use cases with complex interactions, I haven't found a tool that can match these capabilities.\"",[11,2222,2223],{},[100,2224],{"alt":71,"src":2225},"/images/2023/09/Ravi-Quote.svg",[420,2227,2228],{"start":309},[272,2229,2230,2233],{},[115,2231,2232],{},"Keeping Prototypes Secure"," PROS sales reps access Axure through a secure single sign-on. They can tailor a prototype to a particular industry or company by filling out a few fields rather than changing text in dozens of text boxes as they did in static tools or a more involved configuration of the actual product. Once the sales rep clicks Generate, the demo is populated with custom data. Sales reps can bookmark the demo for future use and there's no danger of accidentally editing or erasing someone else's work.",[11,2235,2236,2239],{},[26,2237,2238],{},"\"We were recently working on a project and reached out to the Axure support team with a question. They got back to us right away and showed us that something we had assumed was impossible was in fact possible on the platform. We're very impressed by the quick and helpful answers Axure always gives us.\""," - Ravi Singh, Vice President of User Experience and Design, PROS",[11,2241,2242,2243,2248,2249,367],{},"To view PROS' entire case study, ",[2244,2245,2247],"nuxt-link",{"to":2246,"external":71},"/images/2023/09/Axure-PROS-Case-Study.pdf","download it here",". As always, to submit any feedback, you can contact us at ",[15,2250,366],{"href":365},[11,2252,504],{},{"title":71,"searchDepth":72,"depth":72,"links":2254},[],[75],"2023-09-09T00:00:00.000Z","PROS provides AI-driven, cloud-based revenue and price management software used by airlines, large retailers, and more. Learn how the PROS team creates custom-tailored demos with Axure RP to present new capabilities to customers and gather usability feedback, all before development.",{"src":80},{},"/blog/pros-prototyping-casestudy",{"src":2262},"/images/2023/09/pros.png",{"title":2146,"description":2257},"blog/pros-prototyping-casestudy","Nvaoqa4hbjlhpfRerBzygOgMilc5BQvPCjxgtcEceJo",{"id":2267,"title":2268,"author":6,"body":2269,"categories":2461,"date":2464,"description":2465,"extension":79,"featuredImage":80,"mainImage":2466,"meta":2467,"navigation":83,"path":1588,"previewImage":2468,"seo":2470,"stem":2471,"tags":80,"__hash__":2472},"blog/blog/how-to-choose-the-correct-level-of-fidelity-for-your-prototype.md","How to Choose the Correct Level of Fidelity for Your Prototype",{"type":8,"value":2270,"toc":2450},[2271,2276,2279,2283,2289,2294,2302,2306,2312,2317,2320,2324,2330,2335,2338,2342,2348,2353,2356,2360,2366,2371,2374,2378,2384,2389,2392,2396,2402,2407,2410,2414,2420,2425,2428,2443,2447],[11,2272,2273],{},[100,2274],{"alt":71,"src":2275},"/images/2019/04/Fidelity-Level-Header.svg",[11,2277,2278],{},"Users love simple and intuitive products, but the design process required to get there takes considerable thought and judgement. When you're starting work on a new software product or a new feature, the prototyping stage is a critical step, as it enables you to test product concepts before investing the effort to build them out. Unfortunately, no project offers the truly unlimited time and budget required for perfect prototyping. As a designer, you'll face trade-offs beginning with selecting your prototype strategy. Should you start with a high fidelity or a low fidelity prototype? Paper or software? Clickable or static? To help guide you through this decision-making process, we've pulled together the following eight articles from expert industry sources.",[107,2280,2282],{"id":2281},"when-to-prototype-when-to-wireframehow-much-fidelity-can-you-afford","When To Prototype, When To Wireframe—How Much Fidelity Can You Afford?",[11,2284,2285],{},[15,2286,2287],{"href":2287,"rel":2288},"https://usabilitygeek.com/when-to-prototype-when-to-wireframe-fidelity/",[33],[11,2290,2291],{},[26,2292,2293],{},"\"The distinction between wireframe and prototype is almost arbitrary—both are mockups of the proposed application that differ in their fidelity to the final application.\"",[11,2295,2296,2297,2301],{},"In this article, Garett Dworman, senior UX consultant with TecEd User Research and Design, covers the pros and cons of ",[15,2298,2300],{"href":2299},"/wireframe","wireframes"," and prototypes, as well as the different factors you should take into consideration when deciding which to go with. As the article notes, elements such as budget, UI interaction complexity and workflow complexity can guide you towards selecting the right level of mockup fidelity.",[107,2303,2305],{"id":2304},"want-to-improve-your-design-process-question-your-fidelity","Want to Improve Your Design Process? Question Your Fidelity",[11,2307,2308],{},[15,2309,2310],{"href":2310,"rel":2311},"https://www.mindtheproduct.com/2015/03/want-improve-design-process-question-fidelity/",[33],[11,2313,2314],{},[26,2315,2316],{},"\"… because of the nature of the design process, when we use the word 'fidelity' to describe how close we're getting to a final product, we are using it not to compare to what we have seen in a known past, but to something we imagine in an estimated future.\"",[11,2318,2319],{},"If you're motivated to improve your design process, author John Willshire, founder of innovation studio Smithery, suggests moving through levels of fidelity organically based on where you're at with a particular design and by asking yourself whether you want to show your current prototype to others for feedback or improve it first. If you're ready to share, Willshire suggests doing user testing on the design at its current level of fidelity. If you want to improve it first, either change the design at its current fidelity or bump up the fidelity on the current design.",[107,2321,2323],{"id":2322},"what-is-a-high-fidelity-mockup-smart-ux-high-fidelity-wireframes","What is a High Fidelity Mockup? Smart UX: High­ Fidelity Wireframes",[11,2325,2326],{},[15,2327,2328],{"href":2328,"rel":2329},"https://usabilitygeek.com/smart-ux-high%C2%AD-fidelity-wireframes/",[33],[11,2331,2332],{},[26,2333,2334],{},"\"If you and your client have the time and budget, high ­fidelity wireframes are the way to go. They may take more time, and yes, they can cost more for the client, but they do tend to lead to a happier client earlier on, as well as mid-­project.\"",[11,2336,2337],{},"In another Usability Geek entry, Jenna Erickson of software design and development agency Codal, argues that if you have the budget and time, then high fidelity prototypes can lead to better outcomes for client interactions. Yet, she also acknowledges that there are several good reasons for starting with a low fidelity prototype, including client impatience, confusion around the final product and the risk of stifling creativity during the evaluation process.",[107,2339,2341],{"id":2340},"_5-tips-for-using-wireframe-tools-in-software-development","5 Tips For Using Wireframe Tools In Software Development",[11,2343,2344],{},[15,2345,2346],{"href":2346,"rel":2347},"http://trendintech.com/2019/03/01/5-tips-for-using-wireframe-tools-in-software-development/",[33],[11,2349,2350],{},[26,2351,2352],{},"\"Good communication can literally make or break an entire project. Many wireframe interfaces also include collaboration tools, so you may want to consider using one of these for easy communication within the group.\"",[11,2354,2355],{},"In this article, Natalie Brown, TrendinTech contributor, suggests that designers keep their prototypes as simple as possible in order to focus on the specific functionality being evaluated. She notes that using sketches and annotations throughout the design process can help explain what you have in mind, though communication is still important. After all, it is the designer's professional opinion and experience that can help make the right design a success.",[107,2357,2359],{"id":2358},"the-essential-role-of-wireframes-and-flow-diagrams-in-mobile-design","The Essential Role of Wireframes and Flow Diagrams in Mobile Design",[11,2361,2362],{},[15,2363,2364],{"href":2364,"rel":2365},"https://www.clickz.com/the-essential-role-of-wireframes-and-flow-diagrams-in-mobile-design/100254/",[33],[11,2367,2368],{},[26,2369,2370],{},"\"Wireframes and flow diagrams help everyone, including stakeholders and project teams, visualize what the website (or app) will look and feel like on a mobile device and how the user will use it.\"",[11,2372,2373],{},"Andy Favell, Clickz contributing writer, focuses on mobile design in this article, explaining how to think about the differences in storyboards, hand-drawn wireframes, flow diagrams and site maps, digital wireframes, high fidelity wireframes and interactive prototypes. Each of these types of designs have a place in the designer's toolkit, and since designers will often use several approaches in one product design, it's worth becoming familiar with all of them.",[107,2375,2377],{"id":2376},"testing-low-fidelity-vs-high-fidelity-mockups","Testing Low Fidelity vs. High Fidelity Mockups",[11,2379,2380],{},[15,2381,2382],{"href":2382,"rel":2383},"https://www.uxmatters.com/mt/archives/2018/06/testing-low-fidelity-versus-high-fidelity-mockups.php",[33],[11,2385,2386],{},[26,2387,2388],{},"\"A very important benefit of testing low fidelity prototypes is that users, designers, and developers are less likely to fall in love with a design or become committed to a design too early because of all the effort they have put into creating it and are more likely to iterate and create a better, significantly different design solution.\"",[11,2390,2391],{},"This article by Janet M. Six, Product Manager at Tom Sawyer Software, surveys a panel of design experts, who conclude that much of the process of testing low fidelity and high fidelity prototypes is similar; in both cases, you need to have a good plan and process in place. The panel acknowledges that low fidelity testing will give you feedback earlier in the process, which will enable you to iterate on new designs more quickly. However, the group also suggests that 80% of projects can probably skip the low fidelity stage.",[107,2393,2395],{"id":2394},"ux-prototypes-high-fidelity-vs-low-fidelity","UX Prototypes: High Fidelity vs. Low Fidelity",[11,2397,2398],{},[15,2399,2400],{"href":2400,"rel":2401},"https://www.nngroup.com/articles/ux-prototype-hi-lo-fidelity/",[33],[11,2403,2404],{},[26,2405,2406],{},"\"A user interface prototype is a hypothesis — a candidate design solution that you consider for a specific design problem. The most straightforward way to test this hypothesis is to watch users work with it.\"",[11,2408,2409],{},"This article from Kara Pernice of the Nielsen Norman Group focuses on the pros and cons of high and low fidelity prototypes, as well as whether designers should use interactive clickable prototypes or static prototypes. To decide on whether to use an interactive prototype, the group recommends considering how much effort it will require to create a response for each user action. If necessary, static prototypes can simulate user actions by responding to the intended user action through technology, paper or a person who is physically sitting with them in the room.",[107,2411,2413],{"id":2412},"testing-low-fidelity-and-high-fidelity-prototypes","Testing Low Fidelity and High Fidelity Prototypes",[11,2415,2416],{},[15,2417,2418],{"href":2418,"rel":2419},"https://blog.uxtweak.com/user-testing-importance-in-design-process/",[33],[11,2421,2422],{},[26,2423,2424],{},"\"There is not only one time to implement user testing– the sooner the better; the more the merrier! As soon as you have low-fidelity wireframes or prototypes, you can begin user testing.\"",[11,2426,2427],{},"Testing low-fidelity prototypes is perfect for evaluating basic functionality, navigation, and user flows. At this stage you can start conducting guided sessions with users such as moderated usability tests to evaluate the general usability of your future product. The insights collected during this stage of testing will help you fine-tune the layout, usability and user flows of your prototype before jumping into designing for high fidelity.",[11,2429,2430,2431,2436,2437,2442],{},"High-fidelity prototypes provide a realistic representation of your visual design and functionality of your product. Therefore, by testing those you're able to simulate real user interactions and pinpoint issues before handing the prototype off to the development. The optimal way of testing high-fidelity prototypes is by leveraging one of remote ",[15,2432,2435],{"href":2433,"rel":2434},"https://www.uxtweak.com/usability-testing/tools-and-software/",[33],"user testing tools"," available online, such as ",[15,2438,2441],{"href":2439,"rel":2440},"https://www.uxtweak.com/",[33],"UXtweak",". Such tools will provide advanced analytics on studies' and tasks' success rates, allowing you to have a high confidence in your design or propose changes based on user data.",[107,2444,2446],{"id":2445},"should-you-choose-a-high-fidelity-or-low-fidelity-prototype","Should You Choose a High Fidelity or Low Fidelity Prototype?",[11,2448,2449],{},"As the articles above demonstrate, there's a lot to consider when it comes to prototype fidelity, such as the complexity of the user interactions, whether animations and interactions are important, who the target consumer will be, how much time you have to iterate, and whether or not you'll have personal access to test users. Use the guidance here, as well as your own experience, to ensure that your design process is as thorough as possible before moving on to the coding.",{"title":71,"searchDepth":72,"depth":72,"links":2451},[2452,2453,2454,2455,2456,2457,2458,2459,2460],{"id":2281,"depth":72,"text":2282},{"id":2304,"depth":72,"text":2305},{"id":2322,"depth":72,"text":2323},{"id":2340,"depth":72,"text":2341},{"id":2358,"depth":72,"text":2359},{"id":2376,"depth":72,"text":2377},{"id":2394,"depth":72,"text":2395},{"id":2412,"depth":72,"text":2413},{"id":2445,"depth":72,"text":2446},[2462,2463,891,601,76],"high fidelity","low fidelity","2023-09-07T00:00:00.000Z","Users love simple and intuitive products, but the design process required to get there takes considerable thought and judgement. When you're starting work on a new software product or a new feature, the prototyping stage is a critical step, as it enables you to test product concepts before investing the effort to build them out.",{"src":80},{},{"src":2469},"/images/2019/04/Fidelity-Level-Small.png",{"title":2268,"description":2465},"blog/how-to-choose-the-correct-level-of-fidelity-for-your-prototype","cLpWqnRhHCCqe6bsbrKvhv2nQ8MGiq7-YMXb6t6FnYA",{"id":2474,"title":2475,"author":523,"body":2476,"categories":2739,"date":2740,"description":2741,"extension":79,"featuredImage":80,"mainImage":2742,"meta":2743,"navigation":83,"path":2744,"previewImage":2745,"seo":2747,"stem":2748,"tags":80,"__hash__":2749},"blog/blog/whats-new-august-2023.md","What's New in Axure RP & Axure Cloud - August 2023",{"type":8,"value":2477,"toc":2734},[2478,2483,2486,2488,2495,2530,2533,2538,2547,2572,2577,2589,2592,2619,2621,2630,2635,2643,2651,2656,2659,2670,2674,2677,2697,2700,2719,2721,2732],[11,2479,2480],{},[100,2481],{"alt":71,"src":2482},"/images/2023/08/Aug-Updates-Header.svg",[11,2484,2485],{},"Hi there! The Axure team is continuously working to roll out new features and updates. From new connector updates and repeater improvements to Axure Cloud security enhancements, the latest updates have something for everyone. You can always view all of the release notes on the release history page, but here's a highlight of some new and exciting updates.",[107,2487,388],{"id":1278},[11,2489,2490,2491,2494],{},"We recently released some great ",[15,2492,2493],{"href":1611},"updates to connectors",", making it easier than ever to build flowcharts and user journey maps.",[269,2496,2497,2500,2527],{},[272,2498,2499],{},"Now you can add a new connector and matching shape with a single click on an existing connector point",[272,2501,2502,2503,1720,2515,2526],{},"Use ",[115,2504,2505,1720,2509,2511,2512],{},[2506,2507,2508],"span",{},"Cmd",[2506,2510,1719],{}," + ",[2506,2513,2514],{},"Opt",[115,2516,2517,2511,2520,2511,2523],{},[2506,2518,2519],{},"Alt",[2506,2521,2522],{},"Shift",[2506,2524,2525],{},"Arrow"," to quickly add a connector and shape to a selected widget",[272,2528,2529],{},"New ability to select the next shape from the shape selector dialog when you draw a connector from a connector point and don't connect it to another shape or widget on the canvas",[11,2531,2532],{},"To learn more about these updates, check out the blog post about the release.",[11,2534,2535],{},[100,2536],{"alt":71,"src":2537},"/images/2023/06/Connectors2.gif",[11,2539,2540,2541,2546],{},"We've also released exciting new updates to ",[15,2542,2545],{"href":2543,"rel":2544},"https://docs.axure.com/axure-rp/reference/repeaters/",[33],"repeaters"," recently, such as:",[269,2548,2549,2552,2555],{},[272,2550,2551],{},"You can now import multiple images into the dataset at once when selecting a column or multiple cells, right-clicking, and selecting \"Import images from the context menu\"",[272,2553,2554],{},"You can also paste multiple images or text that you have copied to your clipboard into multiple cells at once",[272,2556,2557,2558,375,2567,2571],{},"Use the new ",[115,2559,2560,1720,2562,2511,2564],{},[2506,2561,2508],{},[2506,2563,1719],{},[2506,2565,2566],{},"A",[15,2568,2570],{"href":1616,"rel":2569},[33],"keyboard shortcut"," to easily select all cells in the dataset.",[11,2573,2574],{},[100,2575],{"alt":71,"src":2576},"/images/2023/05/Screen-Shot-2023-05-18-at-8.14-1.svg",[11,2578,2579,2580,2584,2585,367],{},"You can read the full release notes for the repeater updates from build 10.0.0.3897 on the release history page. You can also check out other blog articles to learn more about using repeaters, such as how to ",[15,2581,2583],{"href":2582},"/blog/data-driven-prototypes-csv","import CSV files"," for more data-driven prototyping, or how to use repeaters to build a ",[15,2586,2588],{"href":2587},"/blog/prototype-realistic-cart","realistic shopping cart",[11,2590,2591],{},"In addition to the connector and repeater updates, there are more updates in other areas of Axure RP. Some notable mentions include:",[269,2593,2594,2597,2604,2607,2610],{},[272,2595,2596],{},"Publishing a project with an access code will show updated public share links with the hashed access code embedded in the URL",[272,2598,2599,2600,2603],{},"You can now easily pan the canvas around using the ",[115,2601,2602],{},"mouse wheel click + drag"," shortcut",[272,2605,2606],{},"Newly added ability to rearrange targets within an action in the Interactions pane, allowing you to conveniently change the order of each target if needed",[272,2608,2609],{},"Added new button to select widgets that are targeted by an interaction so that you don't have to search for them in the Interactions pane",[272,2611,2612,2613,2618],{},"Added new [`] ",[15,2614,2617],{"href":2615,"rel":2616},"https://docs.axure.com/axure-rp/reference/keyboard-shortcuts/#disabling-single-key-shortcuts",[33],"single key shortcut"," to easily toggle between selection modes",[107,2620,177],{"id":1339},[11,2622,2623,2624,2629],{},"When publishing and sharing prototypes, protecting prototypes with an ",[15,2625,2628],{"href":2626,"rel":2627},"https://docs.axure.com/axure-cloud/reference/sharing-axure-rp-projects/#project-access-code",[33],"access code"," is a useful tool. However, protecting prototypes doesn't have to come at the cost of convenience.",[11,2631,2632],{},[100,2633],{"alt":71,"src":2634},"/images/2023/08/Access-Code-1.svg",[269,2636,2637,2640],{},[272,2638,2639],{},"With one of the latest updates, prototype URLs now embed hashed access codes for protected projects generated from RP 10 builds 3898 and above. This means that if you share the prototype URL with the hashed access code (which you can copy directly from Axure RP or the project overview page in Axure Cloud), then the viewer will not have to manually enter the access code.",[272,2641,2642],{},"Additionally, users who have an Axure Cloud account now have the option to log in to their account when viewing a project with access code.",[11,2644,2645,2646,2650],{},"Inviting teammates to ",[15,2647,561],{"href":2648,"rel":2649},"https://docs.axure.com/axure-cloud/reference/workspaces/#inviting-new-users",[33]," is now an even more seamless process. New in the most recent updates:",[269,2652,2653],{},[272,2654,2655],{},"Workspace invitations will now automatically be accepted from users with matching company email domains, making it even more fast and efficient to add teammates to new workspaces.",[11,2657,2658],{},"In addition to the more streamlined invitation process, viewing workspace updates is quicker than ever too:",[269,2660,2661],{},[272,2662,2663,2664,2669],{},"Workspace pages will now receive real-time updates whenever changes are made to project and workspace settings, without requiring you to refresh the page. These updates include seeing when a prototype has been ",[15,2665,2668],{"href":2666,"rel":2667},"https://docs.axure.com/axure-cloud/reference/publishing-axure-rp-projects/",[33],"published",", renamed, deleted, or had its access code changed, just to name a few.",[107,2671,2673],{"id":2672},"axure-cloud-for-business-on-premises","Axure Cloud for Business & On-Premises",[11,2675,2676],{},"With Axure Cloud for Business, managing user permissions is a top priority. Some of the recent updates to make that process even smoother include:",[269,2678,2679,2694],{},[272,2680,2681,2682,2687,2688,1571,2690,2693],{},"Divided Axure Cloud for Business ",[15,2683,2686],{"href":2684,"rel":2685},"https://docs.axure.com/axure-cloud/business/accounts-and-permissions/#user-access-levels",[33],"user permissions"," into ",[115,2689,1119],{},[115,2691,2692],{},"Axure RP Role"," to offer more flexibility and control of users' roles.",[272,2695,2696],{},"It is now easier to assign seats from the Manage Accounts page, and easier to see when someone is assigned a seat or validated as an RP Enterprise user",[11,2698,2699],{},"Some additional updates to Axure Cloud for Business include:",[269,2701,2702,2710,2713,2716],{},[272,2703,2704,2709],{},[15,2705,2708],{"href":2706,"rel":2707},"https://docs.axure.com/axure-cloud/business/accounts-and-permissions/#adding-accounts",[33],"Adding new accounts"," on Axure Cloud for Business will add users in a publishing trial. During a publishing trial, users can publish projects without requiring an Axure RP Enterprise subscription or an Axure Cloud for Business seat.",[272,2711,2712],{},"Manage Accounts page has been updated to show users with a publishing trial and users who are limited from publishing",[272,2714,2715],{},"Just like with public Cloud, workspace invitations will now automatically be accepted from users within the same Axure Cloud for Business instance",[272,2717,2718],{},"Continuous security improvements",[224,2720],{},[11,2722,2723,2724,2726,2727,2729,2730,367],{},"These updates make workflows in Axure RP and Axure Cloud even more seamless and enjoyable. Don't forget that you can view these update notes and many more at ",[15,2725,489],{"href":1380},". You can also sign up for our newsletter ",[15,2728,630],{"href":499}," to receive the latest updates, Axure tips & tricks, and more. As always, if you need any help or want to submit feedback, you can contact us at ",[15,2731,366],{"href":365},[11,2733,504],{},{"title":71,"searchDepth":72,"depth":72,"links":2735},[2736,2737,2738],{"id":1278,"depth":72,"text":388},{"id":1339,"depth":72,"text":177},{"id":2672,"depth":72,"text":2673},[177,388,178],"2023-08-30T00:00:00.000Z","Hi there! The Axure team is continuously working to bring you new features, updates, and bug fixes to both Axure RP and Axure Cloud. From new keyboard shortcuts to security enhancements for Axure Cloud, here's a highlight of some new and exciting updates.",{"src":80},{},"/blog/whats-new-august-2023",{"src":2746},"/images/2023/08/August-Updates2.png",{"title":2475,"description":2741},"blog/whats-new-august-2023","1fJohhwawFMmq11B9pAS6MVsJPOmTYVIef8jFRivsQU",{"id":2751,"title":2752,"author":523,"body":2753,"categories":3009,"date":3010,"description":3011,"extension":79,"featuredImage":80,"mainImage":3012,"meta":3013,"navigation":83,"path":3014,"previewImage":3015,"seo":3017,"stem":3018,"tags":80,"__hash__":3019},"blog/blog/support-troubleshooting-tips.md","Troubleshooting Tips from Your Axure Support Team",{"type":8,"value":2754,"toc":3002},[2755,2760,2768,2770,2774,2787,2792,2795,2803,2805,2809,2824,2847,2852,2854,2859,2861,2865,2898,2906,2909,2911,2915,2922,2931,2936,2938,2943,2945,2949,2952,2962,2967,2973,2978,2987,2990,2992,2999],[11,2756,2757],{},[100,2758],{"alt":71,"src":2759},"/images/2023/08/Support-Fixes-Header.svg",[11,2761,2762,2763,2767],{},"When working with complex software tools, having access to a good support team is sometimes a must. The ",[15,2764,2766],{"href":2765},"/blog/axure-support-team","Axure support team",", with an industry-leading CSAT score average of over 95%, is here to help you resolve any issues you may have and help you navigate through prototyping complexities. In addition to emailing them whenever you need a helping hand, we wanted to share with you some of their favorite troubleshooting steps and tips that our team commonly provides to Axure users.",[224,2769],{},[107,2771,2773],{"id":2772},"_1-how-to-access-your-back-up-files","1. How to access your back-up files",[11,2775,2776,2777,2782,2783,2786],{},"In the rare event that RP crashes on your computer, you can access your ",[15,2778,2781],{"href":2779,"rel":2780},"https://docs.axure.com/axure-rp/reference/auto-saved-backups/",[33],"backup files"," to restore unsaved work. To do so, go to ",[115,2784,2785],{},"File → Recover File from Backup",". In the dialog that opens, you'll see a list of the most recently saved backups, and you can specify the number of days of backups you'd like to access.",[11,2788,2789],{},[100,2790],{"alt":71,"src":2791},"/images/2023/08/auto-saved-backups-recovery-dialog-1.svg",[11,2793,2794],{},"From there, double-click one of the backup copies from the list to recover it. You'll be prompted to save the file to your computer before you can open it. We recommend that you save the recovered files with a new file name to avoid overwriting your most recently saved file.",[1488,2796,2797],{},[11,2798,2799,2800,367],{},"Tip: By default, Axure RP saves a backup copy of any open RP file every 15 minutes. You can adjust your backup intervals in the preferences settings by going to ",[115,2801,2802],{},"File → Backup Settings",[224,2804],{},[107,2806,2808],{"id":2807},"_2-how-to-get-a-new-local-copy-of-your-team-project","2. How to get a new local copy of your team project",[11,2810,2811,2812,2817,2818,2823],{},"Technical issues with ",[15,2813,2816],{"href":2814,"rel":2815},"https://docs.axure.com/axure-rp/reference/team-projects-overview/",[33],"team projects"," are rare, and most can be resolved by getting a new local copy of the project. To get a ",[15,2819,2822],{"href":2820,"rel":2821},"https://docs.axure.com/axure-rp/reference/troubleshooting-team-projects/#getting-a-new-local-copy",[33],"new local copy",", follow these quick steps:",[420,2825,2826,2833,2840],{},[272,2827,2828,2829,2832],{},"Open your current local copy of the team project and go to ",[115,2830,2831],{},"File → Export Team Project to File",", to create a standalone .rp file from the local copy.",[272,2834,2835,2836,2839],{},"Go to ",[115,2837,2838],{},"Team → Get and Open Team Project"," to get a new local copy of the team project.",[272,2841,2842,2843,2846],{},"With your new local copy open, use the ",[115,2844,2845],{},"File → Import from RP File"," wizard to import any changes from the backup file you created in Step 1. Then check in the changes.",[11,2848,2849],{},[100,2850],{"alt":71,"src":2851},"/images/2023/08/Screen-Shot-2023-08-08-at-11.35-1.svg",[224,2853],{},[11,2855,2856],{},[26,2857,2858],{},"\"Axure, as a company, has always seemed to be very responsive to their customers' needs or requests\" -Ravi, VP of UX, PROS.",[224,2860],{},[107,2862,2864],{"id":2863},"_3-how-to-perform-an-unsafe-checkout-or-steal-a-checkout","3. How to perform an unsafe checkout or steal a checkout",[11,2866,2867,2868,2873,2874,2879,2880,2883,2884,2887,2888,2893,2894,2897],{},"When working with team projects, sometimes another teammate may have accidentally left a page or component checked out to themselves, even after successfully ",[15,2869,2872],{"href":2870,"rel":2871},"https://docs.axure.com/axure-rp/reference/working-with-team-projects/#sending-changes-without-checking-in",[33],"sending in"," their changes. If they can't check in before you need to edit that page, you can perform an ",[15,2875,2878],{"href":2876,"rel":2877},"https://docs.axure.com/axure-rp/reference/working-with-team-projects/#unsafe-check-outs",[33],"unsafe checkout"," by selecting ",[115,2881,2882],{},"Edit w/o Check Out"," from the ",[115,2885,2886],{},"Unable to Check Out"," dialog. Then, you can ",[15,2889,2892],{"href":2890,"rel":2891},"https://docs.axure.com/axure-rp/reference/working-with-team-projects/#stealing-a-check-out",[33],"steal the checkout"," by making a change to the page, checking in, and selecting ",[115,2895,2896],{},"Steal Check Out"," in the dialog that appears in order to regain control of the page or component.",[11,2899,2900,2903],{},[100,2901],{"alt":71,"src":2902},"/images/2023/08/unsafe-checkouts1-1.svg",[100,2904],{"alt":71,"src":2905},"/images/2023/08/unsafe-checkouts2-1.svg",[11,2907,2908],{},"Additional note: since team projects are on a local copy basis and not a user account basis, you may see that a page or component is checked out to yourself. This can happen if you use multiple computers to work on your Axure RP projects, for instance. If that does happen and you can't access your other computer to check the page or component back in, follow the same process described above.",[224,2910],{},[107,2912,2914],{"id":2913},"_4-how-to-troubleshoot-connection-issues","4. How to troubleshoot connection issues",[11,2916,2917,2918,2921],{},"There are a number of actions in Axure RP that require a connection to the Axure Cloud servers, and if there's an issue with that connection, you'll see an ",[115,2919,2920],{},"unable to connect"," error message. This could be caused by something as straightforward as an interruption in your internet connection. It can be caused by a network security mechanism such as a proxy or firewall blocking Axure RP or the domains it's trying to access, which your IT team may need to assist with as well.",[11,2923,2924,2925,2930],{},"If you're facing connection issues, try the steps in our ",[15,2926,2929],{"href":2927,"rel":2928},"https://docs.axure.com/axure-cloud/reference/troubleshooting-connection-issues/",[33],"troubleshooting guide",", and then reach out to our team if you still need help.",[11,2932,2933],{},[100,2934],{"alt":71,"src":2935},"/images/2023/08/troubleshooting3-1.svg",[224,2937],{},[11,2939,2940],{},[26,2941,2942],{},"\"I've definitely felt like customer service is a big factor for Axure. Very accommodating. Very helpful.\" - Andrew, UX Director, Syncron",[224,2944],{},[107,2946,2948],{"id":2947},"_5-how-to-locate-your-error-logs","5. How to locate your error logs",[11,2950,2951],{},"For more serious but rare issues like crashing or being unable to publish, it can be helpful for our team to see your error logs. To locate your logs, follow these steps depending on your OS:",[11,2953,2954,2957,2958,2961],{},[115,2955,2956],{},"Mac",": In the Finder menu bar at the top of your screen, follow the menu path: ",[115,2959,2960],{},"Go > Go to Folder",", and paste in the file path listed below into the dialog:",[11,2963,2964],{},[115,2965,2966],{},"~/Library/Application Support/Axure/Axure-10-0/",[11,2968,2969,2972],{},[115,2970,2971],{},"Windows",": Paste the below file path into the File Explorer:",[11,2974,2975],{},[115,2976,2977],{},"C:\\Users\\%USERNAME%\\AppData\\Local\\Axure\\Axure-10-0\\",[1488,2979,2980],{},[11,2981,2982,2983,2986],{},"Note: you do not need to change ",[26,2984,2985],{},"%USERNAME%"," in the file path to your personal username, and can keep that part of the file path as is.",[11,2988,2989],{},"Following those steps will take you to your logs folder, where you can search for recent error logs, or you can compress your logs folder to send a zipped copy to our support team if needed.",[224,2991],{},[11,2993,2994,2995,2726,2997,1385],{},"We hope these troubleshooting tips and quick fixes help you get a jumpstart on solving any issue you may come across when using Axure RP or Axure Cloud. As always, you can contact our team of experts anytime at ",[15,2996,366],{"href":365},[15,2998,630],{"href":499},[11,3000,3001],{},"Happy prototyping!",{"title":71,"searchDepth":72,"depth":72,"links":3003},[3004,3005,3006,3007,3008],{"id":2772,"depth":72,"text":2773},{"id":2807,"depth":72,"text":2808},{"id":2863,"depth":72,"text":2864},{"id":2913,"depth":72,"text":2914},{"id":2947,"depth":72,"text":2948},[388,601],"2023-08-14T00:00:00.000Z","When working with complex software tools, having access to a good support team is sometimes a must. The Axure support team is here to help you resolve any issues you may have and help you navigate through prototyping complexities. Here's some of their favorite tips!",{"src":80},{},"/blog/support-troubleshooting-tips",{"src":3016},"/images/2023/08/Support-Fixes2.png",{"title":2752,"description":3011},"blog/support-troubleshooting-tips","JlMJXAzDzkc3HTh8TpC1zD2cbFfENLav3BOGsYJHB4M",{"id":3021,"title":3022,"author":3023,"body":3024,"categories":3107,"date":3108,"description":3109,"extension":79,"featuredImage":80,"mainImage":3110,"meta":3111,"navigation":83,"path":3112,"previewImage":3113,"seo":3115,"stem":3116,"tags":80,"__hash__":3117},"blog/blog/syncron-product-design-casestudy.md","Streamlining Product Design Processes","elaine",{"type":8,"value":3025,"toc":3105},[3026,3031,3034,3038,3046,3051,3055,3058,3061,3095,3103],[11,3027,3028],{},[100,3029],{"alt":71,"src":3030},"/images/2023/08/syncron-case-study-blog.svg",[11,3032,3033],{},"Global connected service experience provider uses Axure to streamline and enhance prototyping.",[11,3035,3036],{},[115,3037,2166],{},[11,3039,3040,3045],{},[15,3041,3044],{"href":3042,"rel":3043},"https://www.syncron.com/",[33],"Syncron"," offers an innovative service lifecycle management (SLM) platform for high-value durable goods manufacturers and service organizations. The company configures their software as a service (SaaS) interfaces across web, Android, and iOS platforms from their portfolio of SLM products, modules, and API integrations. With its design teams distributed around the globe, Syncron needed a user experience (UX) solution that would make it easy for team members across UX product, sales, and engineering departments to collaborate on projects. The solution needed to track project history in detail and allow the company to show potential customers prototypes that looked and acted like real products—not static images.",[11,3047,3048],{},[100,3049],{"alt":71,"src":3050},"/images/2023/08/andrew-quote.png",[11,3052,3053],{},[115,3054,2184],{},[11,3056,3057],{},"By using Axure RP worldwide, Syncron is able to rely on a flexible, versatile platform for UX design. Axure enables product teams from UX designers to non-technical team members to contribute to projects while providing the powerful prototyping features the company isn't getting in other prototyping tools. Right away, Axure delivered behaviors and interactions that helped Syncron simulate various transitions in its mobile apps. From there, Syncron can publish specific viewports for easy sharing with individual clients. Everyone experiences the true look and feel of the new UX from the first moment of encounter.",[11,3059,3060],{},"Andrew Thomas, a UX Director of Platform at Syncron, had 10 years of experience with Axure before joining Syncron. His previous use of the platform was enough to convince him to make Axure the primary solution where other products could not meet this team's needs. Syncron was able to lean on Axure RP to help with:",[420,3062,3063,3071,3079,3087],{},[272,3064,3065,3068,3070],{},[115,3066,3067],{},"Keeping Legacy UIs Fresh",[1294,3069],{},"Syncron wants to keep pleasing customers who continue to use older UIs. Seeking to refresh legacy UIs without overburdening its designers, the company has established a library of drag-and-drop components within Axure. Giving an old UI a new look is now as easy as pointing and clicking, according to Michal Dobrowolski, UX Strategic Lead, Service Supply Chain.",[272,3072,3073,3076,3078],{},[115,3074,3075],{},"Enhancing Collaboration",[1294,3077],{},"Before Axure, Syncron's designers struggled to communicate with developers and engineers about the functionality they wanted in UIs. With Axure, designers can easily build prototypes that look and act like real products, handling error states and making transitions just as they would in the actual user experience. When designers pass along a project to be built out by developers, they don't have to provide specifications separately because all the necessary information is already built into the prototype. Based on this information, Syncron's quality assurance team can write test scripts much more quickly.",[272,3080,3081,3084,3086],{},[115,3082,3083],{},"Empowering the Sales Team",[1294,3085],{},"Syncron has many compatible, complementary offerings—but sales reps are faced with the challenge of learning several products. Axure enables the Syncron sales teams to tell better stories and highlight key business use cases.",[272,3088,3089,3092,3094],{},[115,3090,3091],{},"Tracking User Behavior",[1294,3093],{},"Syncron uses third-party tools to track user behavior on its UIs so that it can make improvements to the UX. The company found that Axure was the only UX solution that would integrate with these tools without the need for configuration.",[11,3096,3097,3098,2248,3101,367],{},"To view Syncron's entire case study, ",[2244,3099,2247],{"to":3100,"external":71},"/images/2023/08/Axure-Syncron-Case-Study.pdf",[15,3102,366],{"href":365},[11,3104,504],{},{"title":71,"searchDepth":72,"depth":72,"links":3106},[],[75],"2023-08-07T00:00:00.000Z","With its design teams distributed around the globe, Syncron needed a user experience (UX) solution that would make it easy for team members across UX product, sales, and engineering departments to collaborate on projects.",{"src":80},{},"/blog/syncron-product-design-casestudy",{"src":3114},"/images/2023/08/syncron-case-study-blog-1.png",{"title":3022,"description":3109},"blog/syncron-product-design-casestudy","FvyMXWw47uPPmgd7pQGuQlGIIhkfo8pLwZo_cWFBakg",{"id":3119,"title":3120,"author":523,"body":3121,"categories":3183,"date":3184,"description":3185,"extension":79,"featuredImage":80,"mainImage":3186,"meta":3187,"navigation":83,"path":3188,"previewImage":3189,"seo":3191,"stem":3192,"tags":80,"__hash__":3193},"blog/blog/inspect-updates.md","New in Inspect: Change Panel States and View Style Effect Details",{"type":8,"value":3122,"toc":3181},[3123,3128,3139,3150,3155,3166,3171,3179],[11,3124,3125],{},[100,3126],{"alt":71,"src":3127},"/images/2023/07/inspect-header.svg",[11,3129,3130,3131,3133,3134,3138],{},"Gathering design specs from your prototypes is a critical part of ",[15,3132,1599],{"href":1515}," and the overall design process. That's why we strive to make it easy to access style and layout information and css properties from the ",[15,3135,3137],{"href":799,"rel":3136},[33],"inspect tool"," when viewing your Axure RP prototypes. With our latest updates, inspecting your Axure RP prototypes is even more robust. While in inspect, you can now change dynamic panel states and view the properties for style effects.",[11,3140,3141,3142,3145,3146,3149],{},"In many prototypes, ",[15,3143,3144],{"href":1996},"dynamic panels"," are a staple. Now when inspecting your prototypes, you can change a panel state directly in the inspect panel, instead of returning to preview mode and triggering a panel state change. This new change will make it quick and easy for you and your ",[15,3147,2057],{"href":3148},"/blog/inspect-from-public-share-link"," to get the specs for each individual panel state. To do so, simply open the inspect tool, click on a dynamic panel, and use the dropdown menu at the top of the inspect panel to choose a dynamic panel state.",[11,3151,3152],{},[100,3153],{"alt":71,"src":3154},"/images/2023/07/Inspect-Panel.gif",[11,3156,3157,3161,3162,3165],{},[15,3158,3160],{"href":1639,"rel":3159},[33],"Style effects"," are another frequently used feature in Axure RP prototypes. They function as widget styles that are applied dynamically based on interactions in the web browser, such as a mouseover, focused, or an error style effect. Therefore, gathering the details and properties for each style effect you have applied to a widget is critical for ensuring that the final product is ",[15,3163,3164],{"href":2056},"built as planned",". With this new update to the inspect tool, you can now easily see all of the widget's style effects and their style properties without having to interact with the widget in the prototype.",[11,3167,3168],{},[100,3169],{"alt":71,"src":3170},"/images/2023/07/Style-Effects-Inspect-1.svg",[11,3172,3173,3174,3176,3177,367],{},"We hope these new ",[15,3175,2036],{"href":1380}," to the inspect tool make it even more convenient for you and your developers to gather the style details and css properties from your prototypes. As always, if you need any help or want to submit feedback, you can contact us at ",[15,3178,366],{"href":365},[11,3180,504],{},{"title":71,"searchDepth":72,"depth":72,"links":3182},[],[177,388,178],"2023-07-27T00:00:00.000Z","Gathering design specs from your prototypes is a critical part of developer handoff and the overall design process. With our latest updates, inspecting your Axure RP prototypes is even more robust, allowing you to easily change dynamic panel states and view the properties for style effects.",{"src":80},{},"/blog/inspect-updates",{"src":3190},"/images/2023/07/Inspect-Updates2.png",{"title":3120,"description":3185},"blog/inspect-updates","TQxm7MR9IfZ2JIN43EIGx7tTWnuTbkZiRdqYdMVNHaI",{"id":3195,"title":3196,"author":523,"body":3197,"categories":3382,"date":3383,"description":3384,"extension":79,"featuredImage":80,"mainImage":3385,"meta":3386,"navigation":83,"path":956,"previewImage":3387,"seo":3389,"stem":3390,"tags":80,"__hash__":3391},"blog/blog/user-testing-prototypes.md","Best User Testing Platforms for Your Axure RP Prototypes",{"type":8,"value":3198,"toc":3380},[3199,3204,3207,3212,3238,3243,3248,3259,3264,3269,3274,3288,3293,3310,3315,3320,3332,3337,3349,3354,3359,3373,3378],[11,3200,3201],{},[100,3202],{"alt":71,"src":3203},"/images/2023/07/User-Testing.svg",[11,3205,3206],{},"After building high-fidelity prototypes, user testing is a key next step, and capturing the best information is important. With Axure RP, you can prototype and test like it's the real thing and gather important feedback and data before moving on to development. To make the testing process as seamless as possible, here are some user testing tools that integrate well:",[11,3208,3209],{},[115,3210,3211],{},"1. New! Maze",[11,3213,3214,3219,3220,3225,3226,3231,3232,3237],{},[15,3215,3218],{"href":3216,"rel":3217},"https://maze.co/?utm_campaign=usa-search-brand&utm_medium=paid-search&utm_source=google&utm_content=usa-s1-maze-prototype-rsa-brand-3&utm_term=maze&gclid=Cj0KCQjw5f2lBhCkARIsAHeTvliglDNYelJpFIUMtkUI7cgiLdHWFP4LKZS7BcOvd_CO9fvPXvOx-cUaAps1EALw_wcB&campaignid=12712025509&adgroupid=150925616055&creativeid=663302831037&device=c&target_format=kwd-24076303&network=g",[33],"Maze"," is a user testing tool that allows you to validate usability across your prototypes with real users before you build and invest valuable resources. With Maze's ",[15,3221,3224],{"href":3222,"rel":3223},"https://help.maze.co/hc/en-us/articles/16651265976211-Importing-an-Axure-prototype#install-maze-axure",[33],"integration"," with Axure, testing your Axure RP prototypes is a breeze. All you have to do is install the Maze tracking code as a ",[15,3227,3230],{"href":3228,"rel":3229},"https://docs.axure.com/axure-cloud/reference/plugins/",[33],"plugin"," in your Axure project and then copy the prototype's share link that you'll then import into Maze. Check out their ",[15,3233,3236],{"href":3234,"rel":3235},"https://help.maze.co/hc/en-us/articles/16651265976211-Importing-an-Axure-prototype",[33],"help guide"," for detailed steps on how to test your RP prototypes with Maze.",[11,3239,3240],{},[100,3241],{"alt":71,"src":3242},"/images/2023/07/axure-import-3.gif",[11,3244,3245],{},[115,3246,3247],{},"2. UXTweak",[11,3249,3250,3254,3255,367],{},[15,3251,3253],{"href":2439,"rel":3252},[33],"UXTweak"," is another testing solution that can help you at any stage of your project design. With many different testing capabilities and features like prototype & website testing, preference tests, tree testing, and session recordings, you'll be able to easily gather valuable data. To start testing your Axure RP prototypes with UXTweak, check out their instructional guide ",[15,3256,630],{"href":3257,"rel":3258},"https://blog.uxtweak.com/online-usability-testing-axure-prototypes/",[33],[11,3260,3261],{},[100,3262],{"alt":71,"src":3263},"/images/2023/07/image-3-1.svg",[11,3265,3266],{},[100,3267],{"alt":71,"src":3268},"/images/2023/07/image-2-1.svg",[11,3270,3271],{},[115,3272,3273],{},"3. Userlytics",[11,3275,3276,3281,3282,3287],{},[15,3277,3280],{"href":3278,"rel":3279},"https://www.userlytics.com/",[33],"Userlytics"," allows you to conduct remote user testing with participants from around the world. You can create tasks, surveys, and questionnaires to gather feedback. It also offers video recording, screen sharing, and eye-tracking analysis. Testing Axure RP prototypes with Userlytics is easy. To do so, simply create a case study on your Userlytics dashboard and add your Axure RP prototype's share link. Check out ",[15,3283,3286],{"href":3284,"rel":3285},"https://www.userlytics.com/wp-content/uploads/2022/07/Integrations.pdf",[33],"this guide"," for more details.",[11,3289,3290],{},[115,3291,3292],{},"4. Hotjar",[11,3294,3295,3300,3301,3305,3306,367],{},[15,3296,3299],{"href":3297,"rel":3298},"https://www.hotjar.com/",[33],"Hotjar"," is a product experience insights tool that gives you behavior analytics and feedback data to help you better understand your customers. With session recordings, heatmaps, and analytic tracking, Hotjar can help UX and product teams identify pain points and optimizations when user testing. To use Hotjar with your Axure RP prototypes, you can add a tracking code to your published prototype in the ",[15,3302,3304],{"href":3228,"rel":3303},[33],"plugins"," tab in Axure Cloud. You can also find more testing options and resources ",[15,3307,630],{"href":3308,"rel":3309},"https://www.hotjar.com/guides/",[33],[11,3311,3312],{},[100,3313],{"alt":71,"src":3314},"/images/2023/07/Hotjar-1.svg",[11,3316,3317],{},[115,3318,3319],{},"5. UserTesting",[11,3321,3322,3327,3328,367],{},[15,3323,3326],{"href":3324,"rel":3325},"https://www.usertesting.com/",[33],"UserTesting"," is one of the most popular user testing platforms. It offers a large panel of testers who can provide feedback on your website or mobile app. You can create tasks and scenarios for the testers to complete while recording their screen and voice. To test your Axure RP prototypes with UserTesting, all you need is to copy your Axure prototype's share link and paste the URL as the starting URL in the Starting Instructions. You can also read their instructions ",[15,3329,630],{"href":3330,"rel":3331},"https://help.usertesting.com/hc/en-us/articles/115003379212-Mobile-Prototype-Testing-with-Other-Tools",[33],[11,3333,3334],{},[115,3335,3336],{},"6. Userbrain",[11,3338,3339,3344,3345,367],{},[15,3340,3343],{"href":3341,"rel":3342},"https://www.userbrain.com/en/",[33],"Userbrain"," is a cloud-based solution that will help you streamline user testing operations to gain insights into the performance of your websites or app. With Userbrain, you'll be able to see what's working for your product — and what's not. Testing your Axure RP prototypes in Userbrain is easy, and takes just a few minutes to set up. For a detailed guide on how to do so, check out their instructional guide ",[15,3346,630],{"href":3347,"rel":3348},"https://www.userbrain.com/en/user-testing/axure-prototype/",[33],[11,3350,3351],{},[100,3352],{"alt":71,"src":3353},"/images/2023/07/Userbrain-1.svg",[11,3355,3356],{},[115,3357,3358],{},"7. UserZoom",[11,3360,3361,3366,3367,3372],{},[15,3362,3365],{"href":3363,"rel":3364},"https://www.userzoom.com/",[33],"UserZoom"," is a comprehensive user research and testing platform that offers a wide range of tools and capabilities. It provides features like remote unmoderated testing, moderated sessions, card sorting, surveys, and more. UserZoom also includes advanced analytics and reporting capabilities. To test your ",[15,3368,3371],{"href":3369,"rel":3370},"https://help.go.userzoom.com/hc/en-us/articles/360015499057-Testing-Axure-Prototypes",[33],"Axure RP prototypes in UserZoom",", all you need is to publish your prototype, copy the share link, and paste it into the starting URL field in UserZoom.",[11,3374,3375,3376,367],{},"Overall, user testing is a key part of the UX design and prototyping process. We hope this guide helps you find the right user-testing solution for you and your team. As always, if you need help or want to submit feedback, contact us at ",[15,3377,366],{"href":365},[11,3379,504],{},{"title":71,"searchDepth":72,"depth":72,"links":3381},[],[388,829,76],"2023-07-18T00:00:00.000Z","After building high-fidelity prototypes, user testing is a key next step, and capturing the best information is important. With Axure RP, you can prototype and test like it's the real thing and gather important feedback and data before moving on to development. Here are some user testing tools that integrate well.",{"src":80},{},{"src":3388},"/images/2023/07/UserTesting2.png",{"title":3196,"description":3384},"blog/user-testing-prototypes","kKRoEc_E44K6J_DbrgZt15W2UMIMFh0bQnLGpPcjrek",{"id":3393,"title":3394,"author":523,"body":3395,"categories":3576,"date":3577,"description":3578,"extension":79,"featuredImage":80,"mainImage":3579,"meta":3580,"navigation":83,"path":1478,"previewImage":3581,"seo":3583,"stem":3584,"tags":80,"__hash__":3585},"blog/blog/prototyping-complex-user-flows.md","Prototyping for Complex User Flows",{"type":8,"value":3396,"toc":3574},[3397,3402,3410,3415,3444,3449,3454,3469,3474,3479,3501,3506,3511,3528,3533,3538,3560,3565,3568,3572],[11,3398,3399],{},[100,3400],{"alt":71,"src":3401},"/images/2023/07/Complex-User-Flows.svg",[11,3403,3404,3405,3409],{},"When user flows are complex, that's when you should reach for prototypes the most. Axure RP is one of the only UX tools that enable realistic ",[15,3406,1589],{"href":3407,"rel":3408},"https://www.uxdesigninstitute.com/blog/prototyping-guide/",[33]," for complex user flows. From working forms to complex interactions, the prototyping possibilities in Axure RP are endless. Here are 5 capabilities in Axure RP that make prototyping for complexity easy.",[11,3411,3412],{},[115,3413,3414],{},"1. Multiple States are Easy with Dynamic Panels",[11,3416,3417,3420,3421,802,3426,3431,3432,3437,3438,3443],{},[15,3418,3419],{"href":1996},"Dynamic panels"," are containers with multiple states, and you can easily change which state is visible using interactions. This makes it easy to swap content to demonstrate functionality. Dynamic panels are unique in that they are the only widget type that can be dragged or swiped in the web browser. With dynamic panels, you can do things like create ",[15,3422,3425],{"href":3423,"rel":3424},"https://docs.axure.com/axure-rp/tutorials/rotating-carousel-slideshow/",[33],"carousels",[15,3427,3430],{"href":3428,"rel":3429},"https://docs.axure.com/axure-rp/tutorials/scrolling-region/",[33],"scrollable regions",", swap content to quickly demonstrate functionality, make pinned widgets such as ",[15,3433,3436],{"href":3434,"rel":3435},"https://docs.axure.com/axure-rp/tutorials/scroll-activated-sticky-header",[33],"sticky headers",", prototype ",[15,3439,3442],{"href":3440,"rel":3441},"https://docs.axure.com/axure-rp/tutorials/drag-drop-widgets/",[33],"drag and drop interactions",", and much more.",[11,3445,3446],{},[100,3447],{"alt":71,"src":3448},"/images/2022/10/New-DP-Gif-NoBackground3.gif",[11,3450,3451],{},[115,3452,3453],{},"2. Data-Driven Elements with Repeaters",[11,3455,3456,3460,3461,3464,3465,3468],{},[15,3457,3459],{"href":2543,"rel":3458},[33],"Repeaters"," are a complex widget used to display repeating collections of text, images, and other elements. Combined with interactions that dynamically update, sort, and filter the data, repeaters make it possible to prototype realistic, complex UX prototypes. Additionally, with the 'import CSV' option, you can import ",[15,3462,3463],{"href":2582},"real data"," to instantly make your prototype data-driven for even more realism. With repeaters, you can prototype common UX flows and elements such as product listings, ",[15,3466,3467],{"href":2587},"functional shopping carts",", and data tables or charts that update when users enter data in a form, just to name a few.",[11,3470,3471],{},[100,3472],{"alt":71,"src":3473},"/images/2023/05/Create-Repeater.gif",[11,3475,3476],{},[115,3477,3478],{},"3. Quickly Build Working Forms",[11,3480,3481,3485,3486,3490,3491,3494,3495,3500],{},[15,3482,3484],{"href":3483},"/blog/tips-for-quickly-prototyping-forms-in-rp-10","Working forms"," is another unique feature that brings Axure RP to another level. Even simple text field and text area widgets are unique in that they allow users to type responses into them in the web browser. When using ",[15,3487,3489],{"href":3488},"/blog/prototype-working-forms","forms"," in Axure RP, you also have a variety of ",[15,3492,1641],{"href":1639,"rel":3493},[33]," such as an error style or focused style which will make your forms and the fields within them as realistic as the real thing. Getting started with forms is also made easy with the Sample Form Patterns ",[15,3496,3499],{"href":3497,"rel":3498},"https://docs.axure.com/axure-rp/reference/widget-libraries/",[33],"widget library",", which is automatically pre-installed, and comes with common form patterns such as sign-up/sign-in forms, checkout forms, and a predictive search form.",[11,3502,3503],{},[100,3504],{"alt":71,"src":3505},"/images/2023/06/Forms.gif",[11,3507,3508],{},[115,3509,3510],{},"4. Easily Store and Access Data with Variables",[11,3512,3513,3517,3518,3522,3523,367],{},[15,3514,3516],{"href":1289,"rel":3515},[33],"Variables"," are another great way to build upon the complexity and realism of your prototypes. Variables are containers in which you can store text and numbers — referred to as the variable's \"value\" — for later use. You can display a variable's value on a widget as text, use it in a conditional logic statement, or reference it in a ",[15,3519,3521],{"href":736,"rel":3520},[33],"bracketed expression"," when building conditional statements. With variables, you can build complex flows such as passing text between pages, setting a dynamic panel state on another page, or build complex elements such as a ",[15,3524,3527],{"href":3525,"rel":3526},"https://docs.axure.com/axure-rp/tutorials/slider/",[33],"slider control",[11,3529,3530],{},[100,3531],{"alt":71,"src":3532},"/images/2023/06/variables4.png",[11,3534,3535],{},[115,3536,3537],{},"5. Build Stronger Interactions with Conditional Logic",[11,3539,3540,3541,3546,3547,3550,3551,3555,3556,3559],{},"Using ",[15,3542,3545],{"href":3543,"rel":3544},"https://docs.axure.com/axure-rp/reference/conditional-logic/",[33],"conditional logic"," is one of the most powerful tools to make your prototypes even more functional and realistic, allowing you to build complex user flows. Conditional logic is a system of rules you can use to specify when an ",[15,3548,1816],{"href":3549},"/support/core-training-4"," you've built should occur in the web browser. For example, you can stipulate that a button click will advance users to the next page in your prototype only if they have filled in all ",[15,3552,3554],{"href":766,"rel":3553},[33],"required fields"," in a form. When adding conditional logic to your interactions, you can tailor them even further by adding ",[15,3557,738],{"href":3558},"/blog/math-expressions",", which allow you to dynamically generate text and numeric values, such as to calculate the purchase total for a shopping cart, dynamically construct UI messages, and display the current date.",[11,3561,3562],{},[100,3563],{"alt":71,"src":3564},"/images/2023/06/conditional-logic2.png",[11,3566,3567],{},"With these features and capabilities unique to Axure RP, you can begin making complex prototypes that are realistic, functional, and allow you to demonstrate complex user flows to build an even better UX.",[11,3569,1665,3570,367],{},[15,3571,366],{"href":365},[11,3573,504],{},{"title":71,"searchDepth":72,"depth":72,"links":3575},[],[388,601],"2023-07-03T00:00:00.000Z","When user flows are complex, that's when you should reach for prototypes the most. Axure RP is one of the only UX tools that enable prototyping realistic and complex user flows. Here are 5 unique capabilities in Axure RP that make prototyping for complexity easy.",{"src":80},{},{"src":3582},"/images/2023/06/Complex-Prototypes2.png",{"title":3394,"description":3578},"blog/prototyping-complex-user-flows","PDIg9f7rmSEGaqoTEsktbmKEof9W1Ny1Ww_Pcg5glwA",{"id":3587,"title":3588,"author":523,"body":3589,"categories":3682,"date":3683,"description":3684,"extension":79,"featuredImage":80,"mainImage":3685,"meta":3686,"navigation":83,"path":1611,"previewImage":3687,"seo":3689,"stem":3690,"tags":80,"__hash__":3691},"blog/blog/prototype-flowcharts-with-connectors.md","Easily Create Flowcharts with Latest Connector Updates",{"type":8,"value":3590,"toc":3680},[3591,3596,3608,3613,3622,3627,3632,3643,3647,3652,3655,3660,3665,3668,3673,3678],[11,3592,3593],{},[100,3594],{"alt":71,"src":3595},"/images/2023/07/Connectors-1.svg",[11,3597,3598,3599,3603,3604,3607],{},"Diagraming a flowchart such as a user journey or mapping out new product updates is an important part of prototyping. In Axure RP, ",[15,3600,1570],{"href":3601,"rel":3602},"https://docs.axure.com/axure-rp/reference/flow-connectors/",[33]," are the glue that holds flowcharts and diagrams together. With our ",[15,3605,3606],{"href":1380},"latest updates"," to Axure RP 10, using connectors is now easier than ever.",[11,3609,3610],{},[115,3611,3612],{},"1. Quickly add new shapes and connector with a single click",[11,3614,3615,3616,3621],{},"The first update to connectors is the new ability to automatically add a new connector and matching ",[15,3617,3620],{"href":3618,"rel":3619},"https://docs.axure.com/axure-rp/reference/shapes/",[33],"shape widget"," with just a single click. To do this, make sure you're in connector mode and already have a shape widget on the canvas. Then, simply click one of the connector points on the widget, and a new matching shape and connector line will be added to the canvas.",[11,3623,3624],{},[100,3625],{"alt":71,"src":3626},"/images/2023/06/Connectors1.gif",[11,3628,3629],{},[115,3630,3631],{},"2. New keyboard shortcuts to build flows with speed",[11,3633,3540,3634,3637,3638,1623,3640,3642],{},[15,3635,1618],{"href":1616,"rel":3636},[33]," is one of the best ways to speed up your prototyping. Now with connectors, once you have a shape widget on the canvas and selected, you can use the keyboard shortcut ",[115,3639,1622],{},[115,3641,1626],{}," (Windows) in conjunction with the arrow keys to automatically add more connector lines and shapes.",[11,3644,3645],{},[100,3646],{"alt":71,"src":2537},[11,3648,3649],{},[115,3650,3651],{},"3. Draw connectors with even more ease",[11,3653,3654],{},"When building your flowcharts, you can draw connector lines by clicking and dragging from a connector point on one widget to a point on another widget. Now, in addition to drawing lines between existing connector points, you can automatically add new connector points along the edge of the starting or ending shape by simply clicking on and/or drawing to the part of the edge where you'd like a new connector point.",[11,3656,3657],{},[100,3658],{"alt":71,"src":3659},"/images/2023/06/Connectors3.gif",[11,3661,3662],{},[115,3663,3664],{},"4. Easily add new connector shapes",[11,3666,3667],{},"When previously drawing connector lines, if you didn't connect to an existing shape, then the connector would end wherever you stop drawing. With the latest update, once you stop drawing a connector line and haven't attached it to an existing widget, the shape selector will open automatically when you stop drawing, allowing you to quickly select and add a new connecting widget to the canvas.",[11,3669,3670],{},[100,3671],{"alt":71,"src":3672},"/images/2023/06/Screen-Shot-2023-06-20-at-9.25-1.svg",[11,3674,3675,3676,367],{},"We hope these new updates make using connectors in Axure RP even faster and more convenient. As always, if you need any help or want to submit feedback, you can contact us at ",[15,3677,366],{"href":365},[11,3679,504],{},{"title":71,"searchDepth":72,"depth":72,"links":3681},[],[388,178],"2023-06-21T00:00:00.000Z","Diagraming a flowchart such as a user journey or mapping out new product updates is an important part of prototyping. In Axure RP, connectors are the glue that holds flowcharts and diagrams together. With our latest updates to Axure RP 10, using connectors is now easier than ever.",{"src":80},{},{"src":3688},"/images/2023/06/Connectors3.png",{"title":3588,"description":3684},"blog/prototype-flowcharts-with-connectors","0dmovsgwynmUXaaAi7yXhjxVnxSmao9Qnc_q9eXUdyQ",{"id":3693,"title":3694,"author":523,"body":3695,"categories":3962,"date":3963,"description":3964,"extension":79,"featuredImage":80,"mainImage":3965,"meta":3966,"navigation":83,"path":3967,"previewImage":3968,"seo":3970,"stem":3971,"tags":80,"__hash__":3972},"blog/blog/embed-axure-prototypes.md","Embed Axure Prototypes in Your Favorite Collaboration Tools",{"type":8,"value":3696,"toc":3954},[3697,3702,3705,3709,3721,3726,3730,3749,3752,3759,3770,3776,3786,3790,3808,3848,3851,3856,3860,3880,3885,3889,3901,3906,3910,3913,3940,3945,3950],[11,3698,3699],{},[100,3700],{"alt":71,"src":3701},"/images/2023/07/Embedded-Collaboration.svg",[11,3703,3704],{},"Whether you rely on project management platforms, communication apps, or design tools, embedding Axure prototypes brings clarity, efficiency, and enhanced teamwork to your workflow. In this article, we will explore the benefits of embedding Axure prototypes in your favorite collaboration tools and discover how it can streamline your design process. To help make that process easier, we've compiled a list of commonly used tools to demonstrate and explain how you can easily embed your Axure prototypes.",[107,3706,3708],{"id":3707},"_1-notion","1. Notion",[11,3710,3711,3716,3717,3720],{},[15,3712,3715],{"href":3713,"rel":3714},"https://www.notion.so/",[33],"Notion",", a productivity and collaboration tool, makes embedding Axure prototypes as easy as ever. All you have to do is paste your share link onto a page, and select ",[115,3718,3719],{},"Create Embed"," from the context menu that appears. Then, your prototype preview will automatically appear and you can view and inspect just as if you were viewing it in the browser.",[11,3722,3723],{},[100,3724],{"alt":71,"src":3725},"/images/2023/06/Screen-Shot-2023-06-06-at-8.45-1.svg",[107,3727,3729],{"id":3728},"_2-jira-confluence","2. Jira & Confluence",[11,3731,3732,1571,3737,3742,3743,3748],{},[15,3733,3736],{"href":3734,"rel":3735},"https://www.atlassian.com/software/jira",[33],"Jira",[15,3738,3741],{"href":3739,"rel":3740},"https://www.atlassian.com/software/confluence",[33],"Confluence"," are commonly used by development and project management teams. Both of these tools also have ",[15,3744,3747],{"href":3745,"rel":3746},"https://marketplace.atlassian.com/vendors/1214399/axure",[33],"Axure plugins",", making it as simple as ever to embed your Axure prototypes into tickets.",[11,3750,3751],{},"Once you download and install the plugins, use the steps below to attach your prototypes:",[11,3753,3754,3758],{},[15,3755,3736],{"href":3756,"rel":3757},"https://marketplace.atlassian.com/apps/1221645/axure-for-jira?hosting=datacenter&tab=overview",[33],":",[269,3760,3761,3764,3767],{},[272,3762,3763],{},"Copy a share link from one of your Axure prototypes",[272,3765,3766],{},"From within a Jira ticket, click the Axure icon and paste the link into the Axure Prototype field",[272,3768,3769],{},"That's it! You can navigate your prototype directly within the Jira ticket and start collaborating by adding comments",[11,3771,3772,3758],{},[15,3773,3741],{"href":3774,"rel":3775},"https://marketplace.atlassian.com/apps/1223048/axure-for-confluence?hosting=datacenter&tab=overview",[33],[269,3777,3778,3780,3783],{},[272,3779,3763],{},[272,3781,3782],{},"When editing a Confluence page, paste an Axure Public Share Link directly into your page. Alternatively, click the Insert button and search for \"Axure for Confluence\" or type \"{axure\" and hit Enter.",[272,3784,3785],{},"Set the desired height for your embedded prototype. That's it! You can navigate your prototype directly within the read-view of the Confluence page and start collaborating by adding comments",[107,3787,3789],{"id":3788},"_3-miro","3. Miro",[11,3791,3792,3793,3798,3799,3803,3804,3807],{},"Adding your Axure prototypes to the visual collaboration platform ",[15,3794,3797],{"href":3795,"rel":3796},"https://miro.com/",[33],"Miro"," is simple. To start, make sure you have your Axure prototype's ",[15,3800,3802],{"href":3801},"/support/core-training-6","share link",", which you can copy from Axure Cloud or in the publishing dialog in Axure RP. Then in Miro, click ",[115,3805,3806],{},"Embed iFrame code"," in the toolbar, and then paste in an iframe code containing your Axure prototype link, such as this example below:",[3809,3810,3814],"pre",{"className":3811,"code":3812,"language":3813,"meta":71,"style":71},"language-html shiki shiki-themes github-light github-dark","\u003Ciframe src=\"https://r2b1jg.axshare.com\"> \u003C/iframe>\n","html",[3815,3816,3817],"code",{"__ignoreMap":71},[2506,3818,3821,3825,3829,3833,3836,3840,3843,3845],{"class":3819,"line":3820},"line",1,[2506,3822,3824],{"class":3823},"sVt8B","\u003C",[2506,3826,3828],{"class":3827},"s9eBZ","iframe",[2506,3830,3832],{"class":3831},"sScJk"," src",[2506,3834,3835],{"class":3823},"=",[2506,3837,3839],{"class":3838},"sZZnC","\"https://r2b1jg.axshare.com\"",[2506,3841,3842],{"class":3823},"> \u003C/",[2506,3844,3828],{"class":3827},[2506,3846,3847],{"class":3823},">\n",[11,3849,3850],{},"From there, click Open on the iframe to load your prototype. Now you and your team can preview and inspect your project pages right in Miro.",[11,3852,3853],{},[100,3854],{"alt":71,"src":3855},"/images/2023/06/Miro-Embed.gif",[107,3857,3859],{"id":3858},"_4-coda","4. Coda",[11,3861,3862,3867,3868,3871,3872,3875,3876,3879],{},[15,3863,3866],{"href":3864,"rel":3865},"https://coda.io/",[33],"Coda"," is the all-in-one doc that brings words, data, and teams together, and you can embed your Axure prototypes to include them in your Coda docs. To do so, simply paste your prototypes share link (with https:// included at the start) and select ",[115,3869,3870],{},"\u003C> Embed"," from the context menu. Then, click the ",[115,3873,3874],{},"pen"," icon in the top right corner, and toggle the ",[115,3877,3878],{},"Force"," radio button on.",[11,3881,3882],{},[100,3883],{"alt":71,"src":3884},"/images/2023/06/Coda-Embed.gif",[107,3886,3888],{"id":3887},"_5-avion","5. Avion",[11,3890,3891,3896,3897,3900],{},[15,3892,3895],{"href":3893,"rel":3894},"https://www.avion.io/",[33],"Avion",", a product planning tool with a focus on user story mapping, also allows you to easily embed Axure prototypes. Once you have copied your prototype's share link, into your user stories in Avion under the ",[115,3898,3899],{},"Attachments"," menu. Avion will recognize this as an Axure link and give you an interactive embed. This will stay up-to-date as you change your designs, as long as the link remains visible to Avion.",[11,3902,3903],{},[100,3904],{"alt":71,"src":3905},"/images/2023/06/Avion-1.svg",[107,3907,3909],{"id":3908},"_6-uxfolio","6. UXfolio",[11,3911,3912],{},"UXfolio is a portfolio builder for UX designers. You can easily embed and show off your Axure prototypes by following these steps:",[420,3914,3915,3918,3921,3928,3934],{},[272,3916,3917],{},"Copy you Axure prototype's share link and head over to UXfolio",[272,3919,3920],{},"Open your case study in edit mode.",[272,3922,3923,3924,3927],{},"Add a ",[115,3925,3926],{},"Prototype"," section.",[272,3929,3930,3931,3933],{},"Choose ",[115,3932,6],{}," from the list.",[272,3935,3936,3937,367],{},"Paste the prototype share link into the box, and click ",[115,3938,3939],{},"Save Changes",[11,3941,3942],{},[100,3943],{"alt":71,"src":3944},"/images/2023/06/UXfolio-Embed.gif",[11,3946,3947,3948,597],{},"We hope this article helps you get started with embedding your Axure prototypes in other tools. As always, if you have any questions or want to submit feedback, you can contact us at ",[15,3949,366],{"href":365},[3951,3952,3953],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":71,"searchDepth":72,"depth":72,"links":3955},[3956,3957,3958,3959,3960,3961],{"id":3707,"depth":72,"text":3708},{"id":3728,"depth":72,"text":3729},{"id":3788,"depth":72,"text":3789},{"id":3858,"depth":72,"text":3859},{"id":3887,"depth":72,"text":3888},{"id":3908,"depth":72,"text":3909},[829,601],"2023-06-07T00:00:00.000Z","Whether you rely on project management platforms, communication apps, or design tools, embedding Axure prototypes brings clarity, efficiency, and enhanced teamwork to your workflow. In this article, we will explore the benefits of embedding Axure prototypes in your favorite collaboration tools.",{"src":80},{},"/blog/embed-axure-prototypes",{"src":3969},"/images/2023/06/Embedding2-1-1.png",{"title":3694,"description":3964},"blog/embed-axure-prototypes","HiRAL5g0mgnYK8I7FSiRWYC1J2cKufdoa9ddeTF9qs8",{"id":3974,"title":3975,"author":523,"body":3976,"categories":4047,"date":4048,"description":4049,"extension":79,"featuredImage":80,"mainImage":4050,"meta":4051,"navigation":83,"path":2582,"previewImage":4052,"seo":4054,"stem":4055,"tags":80,"__hash__":4056},"blog/blog/data-driven-prototypes-csv.md","Import CSVs for Data Driven Prototypes",{"type":8,"value":3977,"toc":4042},[3978,3983,3990,3994,4004,4008,4021,4026,4030,4038],[11,3979,3980],{},[100,3981],{"alt":71,"src":3982},"/images/2023/07/Repeater-CSVs.svg",[11,3984,3985,3986,3989],{},"In Axure RP, ",[15,3987,2545],{"href":3988},"/blog/ux-data-repeaters"," have long been a unique and powerful feature. Repeaters allow you to display repeating collections of text, images, and other elements, such as data driven tables or product listing layouts. In Axure RP 10, you can do even more with repeaters by importing real data from CSV files with the click of a button.",[107,3991,3993],{"id":3992},"why-use-real-data-in-your-prototypes","Why use real data in your prototypes?",[11,3995,3996,3997,1571,4000,4003],{},"When prototyping or designing, a common problem is the lack of using real data. While using dummy data, stock images, or lorem ipsum give a general idea of the design you're prototyping, sometimes displaying the real content a user will be seeing can help you identify problems sooner, and allow you to gather ",[15,3998,3999],{"href":2159},"better feedback",[15,4001,1439],{"href":4002},"/blog/prototyping-for-user-testing-why-its-necessary-and-how-to-do-it"," results.",[107,4005,4007],{"id":4006},"how-to-use-real-data-in-your-prototypes","How to use real data in your prototypes?",[11,4009,4010,4011,4016,4017,4020],{},"In addition to producing better results, using real data in your prototypes will save you time and effort that you would have otherwise spent on creating placeholder data. With repeaters in Axure RP 10, this is made easy by the ability to import data ",[15,4012,4015],{"href":4013,"rel":4014},"https://docs.axure.com/axure-rp/reference/repeaters/#importing-data",[33],"directly from CSV files",". To do so, simply select the ",[115,4018,4019],{},"Import CSV"," button on the top of the dataset table. When importing a CSV file, columns and rows will automatically be added to the dataset as needed.",[11,4022,4023],{},[100,4024],{"alt":71,"src":4025},"/images/2023/03/Screen-Shot-2023-03-30-at-1.48-1.svg",[107,4027,4029],{"id":4028},"key-takeaways","Key takeaways",[11,4031,4032,4033,4037],{},"Overall, using real data in ",[15,4034,4036],{"href":4035},"/why-prototype","UX prototypes"," can be a valuable way to ensure that designs are effective, usable, and aligned with user needs. By easily incorporating user data into your repeater datasets, you can create prototypes that are more effective, efficient, and provide you with better results.",[11,4039,1665,4040,597],{},[15,4041,366],{"href":365},{"title":71,"searchDepth":72,"depth":72,"links":4043},[4044,4045,4046],{"id":3992,"depth":72,"text":3993},{"id":4006,"depth":72,"text":4007},{"id":4028,"depth":72,"text":4029},[388,601],"2023-06-04T00:00:00.000Z","Repeaters have long been a unique and powerful feature. In Axure RP 10, you can make your prototypes even more data driven with repeaters by importing CSV files with the click of a button.",{"src":80},{},{"src":4053},"/images/2023/03/Repeater-Data2-1.png",{"title":3975,"description":4049},"blog/data-driven-prototypes-csv","rNEBlUn3Wqccu92mspiecTVty1ooz16ACN02T1TPkA4",{"id":4058,"title":4059,"author":523,"body":4060,"categories":4200,"date":4201,"description":4202,"extension":79,"featuredImage":80,"mainImage":4203,"meta":4204,"navigation":83,"path":2587,"previewImage":4205,"seo":4207,"stem":4208,"tags":80,"__hash__":4209},"blog/blog/prototype-realistic-cart.md","How to Prototype a Realistic Cart Experience in Axure RP",{"type":8,"value":4061,"toc":4198},[4062,4067,4077,4087,4091,4114,4118,4121,4128,4133,4136,4168,4173,4176,4181,4184,4191,4196],[11,4063,4064],{},[100,4065],{"alt":71,"src":4066},"/images/2023/07/Shopping-Cart.svg",[11,4068,4069,4070,4073,4074,4076],{},"A user-friendly and seamless checkout process is critical for e-commerce businesses. By prototyping, ",[15,4071,4072],{"href":2159},"gathering feedback",", and conducting ",[15,4075,1439],{"href":4002},", you can identify pain points early on and refine your cart design to eliminate obstacles that might discourage users from completing purchases.",[11,4078,4079,4080,4083,4084,367],{},"In Axure RP, prototyping realistic and functional representations of your app or website's shopping flow is made easy with ",[15,4081,2545],{"href":2543,"rel":4082},[33],". Since repeaters are used to display repeating patterns of widgets, they are the ideal choice for designing layouts such as product listings and shopping carts. To get started, you can either drag the repeater card or repeater table widget onto the canvas, or you can start by designing the layout you want repeated, select those widgets, right-click, and select ",[115,4085,4086],{},"Create Repeater",[11,4088,4089],{},[100,4090],{"alt":71,"src":3473},[11,4092,4093,4094,4097,4098,4101,4102,4105,4106,4111,4112,367],{},"Once you have created a repeater, you can start to display text and images from each dataset column onto widgets in the repeater's item. In Axure RP 10, this process is made easy with the floating dataset table, where you can simply click ",[115,4095,4096],{},"Connect Widget",", and then choose a widget from the target dropdown. In the dataset table, you can also ",[15,4099,4100],{"href":2582},"easily import data"," with the  ",[115,4103,4104],{},"+ Import CSV option",". Alternatively, you can use the repeater's ",[15,4107,4110],{"href":4108,"rel":4109},"https://docs.axure.com/axure-rp/reference/repeaters/#item-loaded",[33],"Item Loaded event"," to connect data to widgets, which can be useful when dynamically generating text or numeric values with ",[15,4113,738],{"href":3558},[11,4115,4116],{},[100,4117],{"alt":71,"src":2576},[11,4119,4120],{},"In this example, you can see that the repeater card we created for a coffee roaster product listing has a product image, product name, brand name, roast type, and price. By connecting each dataset column to a corresponding widget and then filling out the dataset cells, we now easily have a full product listing without having to create the same design over and over again.",[11,4122,4123,4124,4127],{},"Once you have a product listing, you can also use a repeater to have a shopping cart that updates when a user adds a product to their cart. To do so, design your shopping cart to include elements such as the product name, quantity, and price, and turn it into a repeater just like with the product listing repeater. To display data on the shopping cart repeater, we chose to use the ",[115,4125,4126],{},"Item Loaded"," event in our example prototype, so that the text and images could be dynamically displayed via math expressions.",[11,4129,4130],{},[100,4131],{"alt":71,"src":4132},"/images/2023/05/Screen-Shot-2023-05-18-at-8.38-1.svg",[11,4134,4135],{},"Once the shopping cart repeater is set up, you can create an interaction that will trigger the shopping cart to update when users add products to their cart by following the steps below:",[420,4137,4138,4148,4155,4165],{},[272,4139,4140,4141,4144,4145,367],{},"Go back to the product listing repeater, add a ",[115,4142,4143],{},"button"," widget, and label it ",[115,4146,4147],{},"Add to Cart",[272,4149,4150,4151,4154],{},"With that button selected, click ",[115,4152,4153],{},"New Interaction"," in the Interactions pane.",[272,4156,4157,4158,4160,4161,4164],{},"Choose the ",[115,4159,1750],{}," event, and then choose the ",[115,4162,4163],{},"Add Rows"," action.",[272,4166,4167],{},"In the Target dropdown, choose the shopping cart repeater. This will make it so that a new row is added to that repeater whenever a user clicks the Add to Cart button.",[11,4169,4170],{},[100,4171],{"alt":71,"src":4172},"/images/2023/05/Screen-Shot-2023-05-18-at-6.32-1.svg",[11,4174,4175],{},"Now that you have a product listing with a functional Add to Cart button, and a shopping cart that updates based on the user's selections, you'll have a realistic prototype that represents a user's shopping flow.",[11,4177,4178],{},[100,4179],{"alt":71,"src":4180},"/images/2023/05/CoffeeRepeaterGif.gif",[11,4182,4183],{},"Overall, prototyping a shopping cart with repeaters in Axure RP helps you create a more interactive, realistic, and scalable representation of the shopping experience. Through iterative design, prototyping, and user testing, you can continually improve the usability of your app or website's shopping flow, making it more easy, efficient, and enjoyable for users.",[11,4185,4186,4187,367],{},"You can download the .rp file of the example prototype featured in this article ",[15,4188,630],{"href":4189,"rel":4190},"https://docs.axure.com/assets/Repeater-Shopping-Cart.rp",[33],[11,4192,4193,4194,367],{},"As always, if you have any questions or want to submit feedback, you can contact us at ",[15,4195,366],{"href":365},[11,4197,504],{},{"title":71,"searchDepth":72,"depth":72,"links":4199},[],[388,601],"2023-05-22T00:00:00.000Z","A user-friendly and seamless checkout process is critical for e-commerce businesses. In Axure RP, prototyping realistic and functional representations of your app or website's shopping flow is made easy with repeaters.",{"src":80},{},{"src":4206},"/images/2023/05/Shopping2.png",{"title":4059,"description":4202},"blog/prototype-realistic-cart","8BlqIPYyoijVT6-ZnvRNO8L1fMUYi_yqf0oO8N06-pY",{"id":4211,"title":4212,"author":523,"body":4213,"categories":4301,"date":4302,"description":4303,"extension":79,"featuredImage":80,"mainImage":4304,"meta":4305,"navigation":83,"path":3558,"previewImage":4306,"seo":4308,"stem":4309,"tags":80,"__hash__":4310},"blog/blog/math-expressions.md","Take Your Prototypes to the Next Level with Math Expressions",{"type":8,"value":4214,"toc":4299},[4215,4220,4240,4254,4259,4267,4272,4292,4297],[11,4216,4217],{},[100,4218],{"alt":71,"src":4219},"/images/2023/07/Math-Expressions.svg",[11,4221,4222,4223,4226,4227,802,4230,808,4233,4236,4237,367],{},"In UX and product design, the ability to create ",[15,4224,4225],{"href":2056},"functional and realistic prototypes"," is an important part of the design process. With Axure RP, features like ",[15,4228,4229],{"href":3488},"working forms",[15,4231,3144],{"href":4232},"/blog/dynamic-panel-shortcuts",[15,4234,2545],{"href":2543,"rel":4235},[33],", all help to make your prototypes more realistic. However, you can also enhance your prototypes even more and take them to the next level by taking advantage of ",[15,4238,738],{"href":736,"rel":4239},[33],[11,4241,4242,4243,4248,4249,367],{},"By using mathematical expressions in Axure RP, you can create more dynamic and interactive prototypes that can respond to user input and you can dynamically generate text and numeric values based on calculations. For instance, you can do things like calculate the purchase total for a shopping cart in a check-out form, ",[15,4244,4247],{"href":4245,"rel":4246},"https://docs.axure.com/axure-rp/tutorials/set-text-droplist/",[33],"dynamically set text",", or ",[15,4250,4253],{"href":4251,"rel":4252},"https://docs.axure.com/axure-rp/reference/math-functions-expressions/#date-and-time",[33],"display the current date or time",[11,4255,4256],{},[100,4257],{"alt":71,"src":4258},"/images/2023/02/Screen-Shot-2023-02-22-at-10.12.11-AM.png",[11,4260,4261,4262,743,4264,4266],{},"The great part about using expressions in Axure RP is that they're easy to add when building an interaction, and the possibilities are endless. To include an expression in one of your interactions, simply write your desired math expression into any field that has an ",[115,4263,742],{},[115,4265,746],{}," field that is common in many interactions.",[11,4268,4269],{},[100,4270],{"alt":71,"src":4271},"/images/2023/02/expressions2.png",[11,4273,4274,4275,4280,4281,4283,4284,4287,4288,4291],{},"When ",[15,4276,4279],{"href":4277,"rel":4278},"https://docs.axure.com/axure-rp/reference/math-functions-expressions/#writing-expressions",[33],"formatting a math expression",", all you have to do is ensure that the formula is contained within the double brackets ",[3815,4282,750],{},". This is handy because it also allows you to add text outside of the brackets which will not affect the calculation, and will ensure that the text will appear as written. For example, if you set the text on a widget to ",[115,4285,4286],{},"Your total is $[[ 5.50 + 2.99 ]]",", the widget's text will read ",[115,4289,4290],{},"Your total is $8.49"," in the web browser.",[11,4293,4294,4295,367],{},"Overall, using math expressions in Axure RP is a great way to create more dynamic and interactive prototypes, and provide realism that will benefit you throughout the journey of your designs and projects. We hope this article helps and inspires you to take your prototypes to the next level! As always, if you need any help or want to submit feedback, you can contact us at ",[15,4296,366],{"href":365},[11,4298,504],{},{"title":71,"searchDepth":72,"depth":72,"links":4300},[],[388,601],"2023-05-15T00:00:00.000Z","In UX and product design, the ability to create functional and realistic prototypes is an important part of the design process. With Axure RP, you can enhance your prototypes even more and take them to the next level by taking advantage of math expressions.",{"src":80},{},{"src":4307},"/images/2023/02/Math-Expressions2-1.png",{"title":4212,"description":4303},"blog/math-expressions","VEaA7ArTezRWOGuhLtdv86YohHCv8E7LEd7maw-lBBA",{"id":4312,"title":4313,"author":523,"body":4314,"categories":4466,"date":4467,"description":4468,"extension":79,"featuredImage":80,"mainImage":4469,"meta":4470,"navigation":83,"path":4471,"previewImage":4472,"seo":4474,"stem":4475,"tags":80,"__hash__":4476},"blog/blog/prototype-for-speed.md","5 Tips to Speed Up Your Prototype Builds in Axure RP",{"type":8,"value":4315,"toc":4464},[4316,4321,4324,4329,4346,4351,4356,4365,4370,4375,4388,4393,4398,4403,4418,4423,4428,4450,4462],[11,4317,4318],{},[100,4319],{"alt":71,"src":4320},"/images/2023/07/5-Tips-Small.svg",[11,4322,4323],{},"Every month, we send our newsletter subscribers helpful tips and tricks for using Axure RP and Axure Cloud. Whether you're a novice or an advanced Axure user, here are five of our favorite tips and tricks that you should know:",[11,4325,4326],{},[115,4327,4328],{},"Tip 1: Save Time by Customizing the Main Toolbar",[11,4330,4331,4332,4337,4338,4341,4342,4345],{},"You can ",[15,4333,4336],{"href":4334,"rel":4335},"https://docs.axure.com/axure-rp/reference/environment/?utm_campaign=Tips%20and%20Tricks&utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz-8guyLxCJrgU-EJ8RLILWl_n3DRaCxfKHwf97XrvLP9VdFmtR9M6b6LEpu9djqtJhhmYtM0#customizing-the-main-toolbar",[33],"customize"," the ",[115,4339,4340],{},"Main Toolbar"," of RP to show/hide icons that are most useful for you and your workflow. You can edit the toolbar by going to ",[115,4343,4344],{},"View > Toolbars > Customize Main Toolbar"," (or by right-clicking an empty area of the Main Toolbar).",[11,4347,4348],{},[100,4349],{"alt":71,"src":4350},"/images/2023/05/Customize-Toolbar-1.svg",[11,4352,4353],{},[115,4354,4355],{},"Tip 2: Switch to Low-Fidelity Mode With the Click of a Button",[11,4357,4358,4359,4364],{},"A page's ",[15,4360,4363],{"href":4361,"rel":4362},"https://docs.axure.com/axure-rp/reference/styling-pages/?utm_campaign=Tips%20and%20Tricks&utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--5JKEuLZNImBlRSB-Aaf-7_8QH-uamhrLiV8_oPSiaiCGuoP7aceRWU014-LOX6MJ-ypZA#low-fidelity-mode",[33],"visual fidelity"," setting allows you to easily toggle a design between normal and low fidelity. Setting a page to low fidelity will render everything in grayscale and display all fonts as the Axure Handwriting font. This can be especially useful when building wireframes, or when you want stakeholders to focus on a page's layout, interactions, and overall UX, rather than its visual design.",[11,4366,4367],{},[100,4368],{"alt":71,"src":4369},"/images/2023/05/Low-Fi-Gif.gif",[11,4371,4372],{},[115,4373,4374],{},"Tip 3: Select \"This widget\" in Interactions to Easily Copy and Paste the Same Functionality Across Widgets",[11,4376,4377,4378,4381,4382,4387],{},"Need to create multiple widgets that hide when clicked? Or panels that switch to their next state when swiped? Selecting ",[115,4379,4380],{},"This widget"," from the target dropdown when ",[15,4383,4386],{"href":4384,"rel":4385},"https://docs.axure.com/axure-rp/reference/events-cases-actions/?utm_campaign=Tips%20and%20Tricks&utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz--5JKEuLZNImBlRSB-Aaf-7_8QH-uamhrLiV8_oPSiaiCGuoP7aceRWU014-LOX6MJ-ypZA",[33],"creating an interaction"," makes it easy to copy and paste the same interaction across widgets while ensuring that each individual widget is the target of its own interaction.",[11,4389,4390],{},[100,4391],{"alt":71,"src":4392},"/images/2023/05/This-Widget-1.svg",[11,4394,4395],{},[115,4396,4397],{},"Tip 4: Use the Error Style Effect with Conditional Logic to Quickly Build Working Forms",[11,4399,4400],{},[100,4401],{"alt":71,"src":4402},"/images/2023/05/set-error-state-1.svg",[11,4404,4405,4409,4410,375,4413,4417],{},[15,4406,1780],{"href":4407,"rel":4408},"https://docs.axure.com/axure-rp/reference/style-effects/?utm_campaign=Tips%20and%20Tricks&utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz-882Nkdw0j1V5qMqqVSWsGTK86yld_X2KRUWGc3lCDDuBOYwEj5t7UC2V14K3ne0Cok9s9R#error",[33]," in RP 10 help you demonstrate what happens when a form is not completed correctly. For example, add an error style effect that sets a password text field's line color to red. Then when creating an incorrect login case, add a ",[115,4411,4412],{},"Set Error State",[15,4414,1746],{"href":4415,"rel":4416},"https://docs.axure.com/axure-rp/reference/actions-list/?utm_campaign=Tips%20and%20Tricks&utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz-882Nkdw0j1V5qMqqVSWsGTK86yld_X2KRUWGc3lCDDuBOYwEj5t7UC2V14K3ne0Cok9s9R",[33]," on the text field if the login credentials entered are incorrect.",[11,4419,4420],{},[115,4421,4422],{},"Tip 5: Dynamically Generate Text Made Easy With Expressions",[11,4424,4425],{},[100,4426],{"alt":71,"src":4427},"/images/2023/05/Expressions-1.svg",[11,4429,2502,4430,4435,4436,4439,4440,4442,4443,4446,4447,367],{},[15,4431,4434],{"href":4432,"rel":4433},"https://docs.axure.com/axure-rp/reference/math-functions-expressions/?utm_campaign=Tips%20and%20Tricks&utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz-8EBUrJ5jXHT8GWpBKw2xl-gtfBhZGoWMRsHtbU8i7CmfI6wkDBEmLRxKEPJGJoUCQwni5R",[33],"expressions"," to dynamically generate text and numeric values on your widgets. Any field that has an ",[115,4437,4438],{},"ƒx"," icon next to it can be used to add expressions. Text wrapped in double brackets ",[115,4441,750],{}," will be interpreted as an expression in the prototype. For example, you can get the day of the week with ",[115,4444,4445],{},"[[Now.getDayOfWeek()]]"," or generate a random number with ",[115,4448,4449],{},"[[Math.random()]]",[11,4451,4452,4453,4457,4458,367],{},"For more Tips and Tricks subscribe to our newsletter or visit our documentation site at ",[15,4454,4456],{"href":493,"rel":4455},[33],"docs.axure.com",". Also, if you have tips of your own that you'd like to share, email us at ",[15,4459,4461],{"href":4460},"mailto:PR@axure.com","PR@axure.com",[11,4463,3001],{},{"title":71,"searchDepth":72,"depth":72,"links":4465},[],[388,601],"2023-05-05T00:00:00.000Z","Every month, we send our newsletter subscribers helpful tips and tricks for using Axure RP and Axure Cloud. Whether you're a novice or an advanced Axure user, here are five of our favorite tips and tricks that you should know.",{"src":80},{},"/blog/prototype-for-speed",{"src":4473},"/images/2023/05/5-Tips-Small.png",{"title":4313,"description":4468},"blog/prototype-for-speed","A3S4m1fYdcj2FE39gSQOd1jynnWIoiUnbOJz98Ucss8",{"id":4478,"title":4479,"author":523,"body":4480,"categories":4619,"date":4620,"description":4621,"extension":79,"featuredImage":80,"mainImage":4622,"meta":4623,"navigation":83,"path":895,"previewImage":4624,"seo":4626,"stem":4627,"tags":80,"__hash__":4628},"blog/blog/award-winning-apps.md","From Prototyping to Award Winning Apps",{"type":8,"value":4481,"toc":4612},[4482,4487,4496,4500,4505,4514,4517,4521,4526,4529,4533,4538,4552,4555,4558,4564,4568,4571,4587,4591,4594,4597],[11,4483,4484],{},[100,4485],{"alt":71,"src":4486},"/images/2023/07/Nitzan.svg",[11,4488,880,4489,886,4492,4495],{},[15,4490,885],{"href":883,"rel":4491},[33],[15,4493,891],{"href":889,"rel":4494},[33]," is evident by its user-friendly design, seamless interactions, and capturing animations. Here's what Nitzan had to say about his background as a UX designer and experience building this prototype.",[107,4497,4499],{"id":4498},"quick-background-on-nitzan","Quick Background on Nitzan",[11,4501,4502],{},[100,4503],{"alt":71,"src":4504},"/images/2023/04/Nitzan-1.svg",[11,4506,4507,4508,4513],{},"My name is Nitzan and I am the CEO and owner of the agency ",[15,4509,4512],{"href":4510,"rel":4511},"https://www.uxpert.com/",[33],"UXPERT",". I started off as a developer, then moved on to become a graphic designer and animator. I also have experience as a product manager and as a VP of Product and UX for hi-tech companies. I founded my company, UXPERT, 12 years ago. We design UX/UI products for customers. For fun, I also enjoy basketball!",[11,4515,4516],{},"I've been using Axure RP for about 10 years now. At UXPERT, we also use Figma for UX/UI design, and we use Sketch sometimes for UI design. We also use Adobe tools for movie editing, illustration, animation, and for photo editing.",[107,4518,4520],{"id":4519},"why-prototype","Why Prototype",[11,4522,4523],{},[100,4524],{"alt":71,"src":4525},"/images/2023/04/Nitzan-Quote-1.svg",[11,4527,4528],{},"Prototyping helps us demonstrate what we are looking for, and what we want the development team to do. By prototyping, stakeholders and developers can really see and understand what we are trying to achieve and we can perform usability testing with real users before we design and develop the real product.",[107,4530,4532],{"id":4531},"the-israel-railways-app-prototype","The Israel Railways App Prototype",[11,4534,4535],{},[100,4536],{"alt":71,"src":4537},"/images/2023/04/Screen-Shot-2023-04-18-at-2.30-1.svg",[11,4539,4540,4541,4545,4546,4551],{},"In this prototype, there are various user flows for choosing rides and creating a route, which are achieved using ",[15,4542,4544],{"href":1289,"rel":4543},[33],"variables",". For example, from the beginning you can start off as a new user and start building your ride, or use the app as a returning user, and you'll see your ride history. In the \"My Rides\" section, you can also ",[15,4547,4550],{"href":4548,"rel":4549},"https://docs.axure.com/axure-rp/reference/sorting-repeater-rows/",[33],"sort"," your favorite rides by starring them, which brings them to the top of the list.",[11,4553,4554],{},"The prototype also has a functional search feature and both working date and time pickers. Once you search and select your rides, you can see the route details, and also any updates made to the selected rides in the route. Once you have your rides chosen, you can click on the bell icon for more options such as setting a reminder for getting off the train or adding your rides to your calendar. You can also choose to set notifications for changes to your rides, either one time only or regularly, and with the option to customize which days.",[11,4556,4557],{},"The prototype also has animations and transitions when selections are loading, which helps the user to not wonder whether or not the prototype is working. This also helps to make the prototype feel like a real application.",[3828,4559],{"width":4560,"height":4561,"src":4562,"frameBorder":4563,"allowFullScreen":83},830,600,"https://www.youtube.com/embed/_7EFJO-C0sk?autoplay=1&mute=1","0",[107,4565,4567],{"id":4566},"the-prototyping-process","The Prototyping Process",[11,4569,4570],{},"As long-time Axure users, building this prototype was not too difficult. For this prototype, we used Axure because of its ability to create different paths through the app and the ability to create high fidelity interaction. For example, the time picker with the ability to select from the calendar and show the date on the drop down, as well as the ability to type into fields and create a search function.",[11,4572,4573,4574,4576,4577,4580,4581,4586],{},"When prototyping this project in Axure RP, the main elements we relied on were ",[15,4575,3144],{"href":1996}," and variables. We didn't use ",[15,4578,2545],{"href":2543,"rel":4579},[33],", but we probably could have. We also used ",[15,4582,4585],{"href":4583,"rel":4584},"https://docs.axure.com/axure-rp/reference/creating-and-using-components/",[33],"Components"," in order to not duplicate too many parts of the prototype.",[107,4588,4590],{"id":4589},"the-outcome","The Outcome",[11,4592,4593],{},"This app has won three awards so far: one Israeli award, and two international awards. Nitzan will also be lecturing about this application at the HCI International conference in Copenhagen in July and the UXI Live conference in Israel in May.",[11,4595,4596],{},"We've also seen success as the Israel Railways app has many downloads and high usage every month, and people seem to like it. When we were nominated for the award, we actually presented the prototype and not the actual app, which has the advantage of demonstrating your work and design properly as you intended it.",[11,4598,4599,4600,4603,4604,4607,4608,367],{},"You can view Nitzan's prototype ",[15,4601,630],{"href":889,"rel":4602},[33],", and you can also read more about the project and the awards it has won ",[15,4605,630],{"href":883,"rel":4606},[33],". You can also learn more about Nitzan's company, UXPERT, by visiting their ",[15,4609,4611],{"href":4510,"rel":4610},[33],"website",{"title":71,"searchDepth":72,"depth":72,"links":4613},[4614,4615,4616,4617,4618],{"id":4498,"depth":72,"text":4499},{"id":4519,"depth":72,"text":4520},{"id":4531,"depth":72,"text":4532},{"id":4566,"depth":72,"text":4567},{"id":4589,"depth":72,"text":4590},[75,76],"2023-04-25T00:00:00.000Z","We chatted with Nitzan, UXPERT's CEO and a long-time Axure RP user and UX designer, about UXPERT's award winning Israel Railways train app, which they prototyped using Axure RP. Here's what Nitzan had to say about his background as a UX designer and experience building this prototype.",{"src":80},{},{"src":4625},"/images/2023/04/nitzan-2-1-1.png",{"title":4479,"description":4621},"blog/award-winning-apps","WsbMpvL_h8wldepAq4Zfhzs3cTVD0OCz-jpziDrP8Yg",{"id":4630,"title":4631,"author":523,"body":4632,"categories":4723,"date":4724,"description":4725,"extension":79,"featuredImage":80,"mainImage":4726,"meta":4727,"navigation":83,"path":2765,"previewImage":4728,"seo":4730,"stem":4731,"tags":80,"__hash__":4732},"blog/blog/axure-support-team.md","Meet the Axure Support Team",{"type":8,"value":4633,"toc":4721},[4634,4639,4642,4669,4674,4679,4682,4685,4695,4698,4701,4706,4711,4714,4719],[11,4635,4636],{},[100,4637],{"alt":71,"src":4638},"/images/2023/04/Support-2.svg",[11,4640,4641],{},"Solving difficult problems can require complex solutions and the use of robust prototyping tools. When prototyping with Axure RP, our dedicated product support team is here to help you quickly navigate through prototyping challenges or any issues you might come across so that you can build your UX prototypes.",[11,4643,4644,4645,4649,4650,4654,4655,4660,4661,4664,4665,4668],{},"From prototyping ",[15,4646,4648],{"href":4647},"/blog/a-few-quick-notes","working musical instruments"," to ",[15,4651,4653],{"href":4652},"/blog/customer-story","demos for customers",", our team has seen prototypes that come in all sizes and fidelities. Axure's support team handles a wide variety of customer inquiries, ranging from helping users with ",[15,4656,4659],{"href":4657,"rel":4658},"https://docs.axure.com/axure-rp/reference/activating-rp/",[33],"activating Axure RP",", to walking through complex features like ",[15,4662,1291],{"href":1289,"rel":4663},[33]," or ",[15,4666,2545],{"href":2543,"rel":4667},[33],", or helping users with sophisticated prototypes pinpoint why one of their interactions may not be working.",[11,4670,4671],{},[100,4672],{"alt":71,"src":4673},"/images/2023/03/Frame-663.svg",[11,4675,4676],{},[26,4677,4678],{},"“Helping others is always important and being there to support users in need is such a great thing. Good customer service really provides users with peace of mind and is a great way to accelerate and improve their experience.”",[11,4680,4681],{},"— Ben, Product Support Specialist",[11,4683,4684],{},"Our support team also often helps with technical troubleshooting as well. When asked about an issue that they commonly help user's solve, one support specialist mentioned when users have trouble connecting to Axure Cloud:",[11,4686,4687],{},[26,4688,4689,4690,4694],{},"“When users are not able to generate a project, there can be different scenarios for this. Sometimes it's because they cannot connect to Axure Cloud. In this case, I would refer to our support documentation about ",[15,4691,4693],{"href":2927,"rel":4692},[33],"troubleshooting connection issues",".”",[11,4696,4697],{},"— Adil, Product Support Specialist",[11,4699,4700],{},"Good communication between our support team and the product team is also an essential part of our ability to continually release product improvements and feature updates.",[11,4702,4703],{},[100,4704],{"alt":71,"src":4705},"/images/2023/03/Frame-661.svg",[11,4707,4708],{},[26,4709,4710],{},"“The support team's role besides problem solving is to be the liaison between the customers and the rest of the company; this position allows support to gather resources and information to resolve customer issues, while simultaneously gathering and escalating feedback from customers to the respective internal teams so that they can be actioned.”",[11,4712,4713],{},"— Alyssa, Product Support Manager",[11,4715,4716,4717,367],{},"Overall, providing good customer support is an essential component of providing a positive user experience that Axure values greatly. If you ever run into any issues or need assistance when prototyping in Axure RP, you can contact our team of experts anytime at ",[15,4718,366],{"href":365},[11,4720,3001],{},{"title":71,"searchDepth":72,"depth":72,"links":4722},[],[388,76],"2023-03-23T00:00:00.000Z","Solving difficult problems can require complex solutions and the use of robust prototyping tools. When prototyping with Axure RP, our dedicated product support team is here to help you quickly navigate through any prototyping challenge you may come across. Learn more!",{"src":80},{},{"src":4729},"/images/2023/03/Support2.svg",{"title":4631,"description":4725},"blog/axure-support-team","FRM3-NQ2y2sPUCheYNrzDJR0FUy3Fmd8sh42ooUSmYw",{"id":4734,"title":4735,"author":523,"body":4736,"categories":4797,"date":4798,"description":4799,"extension":79,"featuredImage":80,"mainImage":4800,"meta":4801,"navigation":83,"path":2088,"previewImage":4802,"seo":4804,"stem":4805,"tags":80,"__hash__":4806},"blog/blog/outline-pane-filter.md","Stay Organized with Outline Pane Filters",{"type":8,"value":4737,"toc":4795},[4738,4743,4763,4770,4775,4784,4789,4793],[11,4739,4740],{},[100,4741],{"alt":71,"src":4742},"/images/2023/04/Outline-Panes.svg",[11,4744,4745,4746,1571,4751,4756,4757,4762],{},"With any UX tool, staying organized is the key to working quickly and efficiently. When prototyping, it's important to keep track of different design elements in a clear and structured manner, especially when it comes to ",[15,4747,4750],{"href":4748,"rel":4749},"https://docs.axure.com/axure-rp/reference/events-cases-actions/",[33],"interactions",[15,4752,4755],{"href":4753,"rel":4754},"https://docs.axure.com/axure-rp/reference/animations/",[33],"animations",". In Axure RP, the outline pane is one of the top tools to use to stay ",[15,4758,4761],{"href":4759,"rel":4760},"https://docs.axure.com/axure-rp/reference/organizing-widgets/",[33],"organized"," by tracking widgets, re-ording them, placing them in folders, and much more.",[11,4764,4765,4766,4769],{},"Now in our ",[15,4767,4768],{"href":1380},"latest release",", you can also filter the outline pane to sort widgets based on whether or not they have an interaction added to them. This allows you to easily locate and make changes to existing interactions and test various design solutions.",[11,4771,4772],{},[100,4773],{"alt":71,"src":4774},"/images/2023/02/Screen-Shot-2023-02-06-at-3.00.54-PM.png",[11,4776,4777,4778,4783],{},"With this new sorting filter, staying organized in Axure RP is a breeze. A well-organized prototyping process can reduce errors, improve ",[15,4779,4782],{"href":4780,"rel":4781},"https://docs.axure.com/axure-cloud/reference/discussions/",[33],"collaboration",", and save resources in the long run, giving you more time to focus on creating a polished, efficient, and user-friendly product.",[11,4785,4786,4787,367],{},"We hope this new update helps you more easily navigate through your projects and speed up the prototyping process in Axure RP. To download the latest version of Axure RP 10, click ",[15,4788,630],{"href":1375},[11,4790,1665,4791,367],{},[15,4792,366],{"href":365},[11,4794,504],{},{"title":71,"searchDepth":72,"depth":72,"links":4796},[],[388,601],"2023-02-08T00:00:00.000Z","With any UX tool, staying organized is the key to working quickly and efficiently. In Axure RP, the outline pane is an easy way to stay organized by tracking widgets, placing them in folders, and using filters to sort them according to your needs.",{"src":80},{},{"src":4803},"/images/2023/02/Outline-Pane-Small.png",{"title":4735,"description":4799},"blog/outline-pane-filter","de8g2Jll7-hvmlqyZgp1z-BGoagLhAZPkQPA0SVvE-s",{"id":4808,"title":4809,"author":523,"body":4810,"categories":4945,"date":4946,"description":4947,"extension":79,"featuredImage":80,"mainImage":4948,"meta":4949,"navigation":83,"path":2056,"previewImage":4950,"seo":4952,"stem":4953,"tags":80,"__hash__":4954},"blog/blog/developers-love-functional-prototypes.md","Top 5 Reasons Why Developers Love Functional Prototypes",{"type":8,"value":4811,"toc":4938},[4812,4817,4820,4824,4831,4836,4841,4845,4853,4858,4863,4867,4870,4875,4880,4885,4889,4898,4903,4908,4913,4917,4926,4931,4934],[11,4813,4814],{},[100,4815],{"alt":71,"src":4816},"/images/2023/04/Dev-Tips.svg",[11,4818,4819],{},"Prototyping is a great way to work through concepts, visualization of user flows, and explore functionality. But it's also a great way to hand off specs to your dev team to build your vision. We rounded up a few developers to ask them about how prototypes impact their workflows and how prototyping tools make their lives easier.",[107,4821,4823],{"id":4822},"_1-conveniently-view-specs-and-prototypes-in-one-central-tool","1. Conveniently view specs and prototypes in one central tool",[11,4825,4826,4827,4830],{},"The consensus from our interviews shows that the easier it is to manage and access all of the files, the more likely the dev team will use them. By having all of the prototypes, specs, and context in one location like with ",[15,4828,177],{"href":1035,"rel":4829},[33],", developers can conveniently access the information they needed to get projects built without endless back and forth.",[1488,4832,4833],{},[11,4834,4835],{},"\"I will view the specs provided by product management when working on user-facing components of a project. I'll usually have the prototype open while actively working so that I can refer to it easily.\"",[1488,4837,4838],{},[11,4839,4840],{},"\"My work is more efficient because all the resources needed are now generally in the same application! The days where I would have to hop from one app to the next or maintain a ton of tabs in my browser are slowly fading away!\"",[107,4842,4844],{"id":4843},"_2-easy-collaboration-right-from-the-beginning","2. Easy collaboration right from the beginning",[11,4846,4847,4848,4852],{},"Easy and early collaboration between the product and dev teams make for a more seamless communication and process. Features like ",[15,4849,4851],{"href":4780,"rel":4850},[33],"commenting",", notifications, and activity news feed help make communication possible without being overwhelming.",[1488,4854,4855],{},[11,4856,4857],{},"\"I reference Axure Cloud prototypes when implementing new features. The PMs will define the behavior and appearance of what I will be building and I can ask them questions and send feedback pretty easily with the discussion comments. I use these comments a couple times a week or as needed to get clarity on the work I'm doing, and I get notified right away when they respond.\"",[11,4859,4860],{},[100,4861],{"alt":71,"src":4862},"/images/2023/01/Screen-Shot-2023-01-27-at-1.43.52-PM.png",[107,4864,4866],{"id":4865},"_3-ability-to-inspect-prototypes","3. Ability to inspect prototypes",[11,4868,4869],{},"The Inspect tools also come in handy for engineers and developers. When viewing a project, the ability to use an inspect tool, prototype player, and an easy-to-share link in Axure Cloud all come in handy for development teams. Being able to view style, content, and layout information about the elements on the page, and the ability to download image assets makes development easier for the team.",[1488,4871,4872],{},[11,4873,4874],{},"\"The Inspect tool allows me to grab style details like css and grab svg assets.\"",[1488,4876,4877],{},[11,4878,4879],{},"\"I personally rely on the ability to inspect and redline the prototypes so that I can translate that into our future products.\"",[11,4881,4882],{},[100,4883],{"alt":71,"src":4884},"/images/2023/01/Screen-Shot-2023-01-27-at-1.36.15-PM.png",[107,4886,4888],{"id":4887},"_4-integrations-with-jira","4. Integrations with Jira",[11,4890,4891,4892,4897],{},"For many developers and engineers, Jira is a frequently used tool. With ",[15,4893,4896],{"href":4894,"rel":4895},"https://marketplace.atlassian.com/apps/1221645/axure-for-jira?tab=overview&hosting=cloud",[33],"Axure's integration with Jira",", adding a prototype or spec directly into a Jira ticket helps everyone save time and stay organized.",[1488,4899,4900],{},[11,4901,4902],{},"\"We use Jira to track tasks so the Jira integration is quite handy. As a dev, I'm rarely/never actually in the Axure Cloud interface itself so having this integration allows me to directly access the prototype without having to search for it.\"",[1488,4904,4905],{},[11,4906,4907],{},"\"The Jira integration with Axure Cloud is nice to have on a ticket since I can know what that ticket is referencing at a glance by looking at the prototype window view.\"",[11,4909,4910],{},[100,4911],{"alt":71,"src":4912},"/images/2023/01/axure-jira-plugin-1024x913-1.png",[107,4914,4916],{"id":4915},"_5-keeping-track-of-a-projects-history-and-updates","5. Keeping track of a project's history and updates",[11,4918,4919,4920,4925],{},"When collaborating with another team, organization and keeping track of new changes are important. Developers mentioned that the ability to keep track of a ",[15,4921,4924],{"href":4922,"rel":4923},"https://docs.axure.com/axure-rp/reference/team-project-history/#from-axure-cloud",[33],"project's history"," and project updates makes it easier to ensure that everyone's on the same page.",[1488,4927,4928],{},[11,4929,4930],{},"\"A top feature would be having an extremely quick turnaround on editing, building, and sharing prototypes as well as keeping the project's history. If there is a spec that needs a change, I never have to wait long for an updated version to be posted for me to reference. This leads to less confusion and gives me confidence that I am working on the newest version.\"",[11,4932,4933],{},"Prototypes can be used by a variety of teams and can make collaboration between the design and dev teams a more seamless process.",[11,4935,1665,4936,597],{},[15,4937,366],{"href":365},{"title":71,"searchDepth":72,"depth":72,"links":4939},[4940,4941,4942,4943,4944],{"id":4822,"depth":72,"text":4823},{"id":4843,"depth":72,"text":4844},{"id":4865,"depth":72,"text":4866},{"id":4887,"depth":72,"text":4888},{"id":4915,"depth":72,"text":4916},[177,601,75],"2023-01-27T00:00:00.000Z","Handing off prototyping specs to your dev team is an important part of the design process. We rounded up a few developers to ask them about how prototyping tools, such as Axure RP and Axure Cloud, make their lives easier.",{"src":80},{},{"src":4951},"/images/2023/01/Dev-Tips2.png",{"title":4809,"description":4947},"blog/developers-love-functional-prototypes","PCBMdzEFkEjt_VMmuBBNClQ0OQzVNf2ElmB9BjxEZnE",{"id":4956,"title":4957,"author":523,"body":4958,"categories":5086,"date":5087,"description":5088,"extension":79,"featuredImage":80,"mainImage":5089,"meta":5090,"navigation":83,"path":5091,"previewImage":5092,"seo":5094,"stem":5095,"tags":80,"__hash__":5096},"blog/blog/implementing-feedback.md","5 Tips for Implementing Feedback",{"type":8,"value":4959,"toc":5084},[4960,4965,4972,4990,4995,5019,5024,5055,5059,5074,5077,5082],[11,4961,4962],{},[100,4963],{"alt":71,"src":4964},"/images/2023/04/5-Tips-Small.svg",[11,4966,4967,4968,4971],{},"In UX and product design, ",[15,4969,4970],{"href":2159},"gathering quality feedback"," from users, stakeholders, and experts is critical to the success of projects. However, knowing what to do with that feedback and how to apply it productively can be the hardest part. Here are a few steps that can help guide the process of implementing UX feedback:",[420,4973,4974],{},[272,4975,4976,4979,4980,1571,4984,4989],{},[115,4977,4978],{},"Gather quality feedback:"," You can accomplish this by using prototypes while conducting surveys, user testing, interviews, or other methods. Make sure to collect feedback not just internally, but also from a diverse group of users to get a comprehensive understanding of their needs and preferences. With Axure RP, publishing to ",[15,4981,177],{"href":4982,"rel":4983},"https://app.axure.cloud/",[33],[15,4985,4988],{"href":4986,"rel":4987},"https://docs.axure.com/axure-cloud/reference/sharing-axure-rp-projects/",[33],"sharing your prototype links"," to teammates and stakeholders is a convenient way to gather comments and feedback on your prototypes.",[11,4991,4992],{},[100,4993],{"alt":71,"src":4994},"/images/2023/01/Screen-Shot-2022-10-13-at-9.25.13-AM.png",[420,4996,4997,5008],{"start":72},[272,4998,4999,5002,5003,5007],{},[115,5000,5001],{},"Analyze the feedback:"," Once you gather feedback, such as from user testing or from ",[15,5004,5006],{"href":4780,"rel":5005},[33],"prototype comments"," and discussions, look for patterns and common themes in the feedback you've collected. Identify the areas of the product or service that users and stakeholders are having the most difficulty with and prioritize these for improvement.",[272,5009,5010,5013,5014,5018],{},[115,5011,5012],{},"Prototype solutions:"," Based on the feedback you've collected and analyzed, come up with solutions to address the problems users are experiencing. Be sure to consider the trade-offs of different solutions and choose the one that will have the most impact. When prototyping in Axure RP 10, using our readily available ",[15,5015,5017],{"href":5016},"/blog/axure-rp-templates","templates"," can be a great way to show new solutions –– from early concept exploration to detailed designs. Our new templates can also help with the handoff process, as they include note areas to detail what your proposed ideas are and why. Once the changes or new ideas are put into place, be sure to test them with users to ensure that they have the desired effect and make any additional adjustments as needed.",[11,5020,5021],{},[100,5022],{"alt":71,"src":5023},"/images/2023/01/Screen-Shot-2022-06-28-at-3.49.10-PM-1.png",[420,5025,5027],{"start":5026},4,[272,5028,5029,5032,5033,5035,5036,5041,5042,802,5047,5051,5052,367],{},[115,5030,5031],{},"Document and handoff the changes:"," Once you've fleshed out the solution to implement, prototype and ",[15,5034,1516],{"href":1515}," the solution to your developers to make the changes. During handoff, high-fidelity prototypes help you communicate these changes clearly. Axure RP also includes features to communicate additional context, such as through ",[15,5037,5040],{"href":5038,"rel":5039},"https://docs.axure.com/axure-rp/reference/page-widget-notes/",[33],"widget and page notes",", a ",[15,5043,5046],{"href":5044,"rel":5045},"https://docs.axure.com/axure-rp/reference/word-specification/",[33],"word spec",[15,5048,5050],{"href":799,"rel":5049},[33],"Inspect tool",", or by sharing your published prototype link in ",[15,5053,3736],{"href":5054},"/blog/embed-axure-prototypes-in-jira-tickets",[11,5056,5057],{},[100,5058],{"alt":71,"src":4912},[420,5060,5062],{"start":5061},5,[272,5063,5064,5067,5068,5073],{},[115,5065,5066],{},"Continuously iterate:"," The process of gathering and implementing UX feedback should be ongoing and in every stage of your design process. Continuously gather feedback, analyze it, and make improvements in order to continuously improve the user experience. Additionally, keep track of feedback as well, such as with the ",[15,5069,5072],{"href":5070,"rel":5071},"https://docs.axure.com/axure-cloud/reference/discussions/#discussions-summary",[33],"project discussions tab"," in Axure Cloud, so that you can monitor progress over time and reflect on what changes have been made throughout the design process.",[11,5075,5076],{},"Overall, it's important to involve users and experts in the feedback gathering process to make sure that the solutions are aligned with the project goals. Prototyping every step of the way helps clearly communicate your ideas, making sure that everyone understands the feedback, the solutions, and the next steps.",[11,5078,5079,5080,367],{},"As always, if you need any help or have any feedback, please contact us at ",[15,5081,366],{"href":365},[11,5083,504],{},{"title":71,"searchDepth":72,"depth":72,"links":5085},[],[601,76],"2023-01-17T00:00:00.000Z","In UX and product design, gathering quality feedback from users, stakeholders, and experts is critical to the success of projects, but knowing how to apply feedback productively can be challenging. Here are a 5 tips that can help guide the process of implementing UX feedback",{"src":80},{},"/blog/implementing-feedback",{"src":5093},"/images/2023/01/5-Tips-Feedback2.png",{"title":4957,"description":5088},"blog/implementing-feedback","H4g6lLTF_A9vX58z9YArVN5-tycGBYToZdggPAw1gw0",{"id":5098,"title":5099,"author":523,"body":5100,"categories":5283,"date":5284,"description":5109,"extension":79,"featuredImage":80,"mainImage":5285,"meta":5286,"navigation":83,"path":5287,"previewImage":5288,"seo":5290,"stem":5291,"tags":80,"__hash__":5292},"blog/blog/top-articles-2022.md","Wrapping up with the Top Articles of 2022",{"type":8,"value":5101,"toc":5275},[5102,5107,5110,5114,5119,5141,5145,5150,5155,5171,5175,5180,5189,5193,5198,5203,5216,5220,5225,5241,5245,5250,5255,5263],[11,5103,5104],{},[100,5105],{"alt":71,"src":5106},"/images/2023/04/Roll-up.svg",[11,5108,5109],{},"Throughout the year, we've shared many blog posts with topics ranging from product updates, tips for using Axure RP, and interviews with Axure RP users. To wrap up the year, we've decided to highlight some of our blog posts and industry articles we've shared on social media that stood out the most!",[107,5111,5113],{"id":5112},"_1-jumpstart-your-prototypes-with-templates","1. Jumpstart Your Prototypes with Templates",[11,5115,5116],{},[100,5117],{"alt":71,"src":5118},"/images/2022/07/getting-started-prototype-template.svg",[11,5120,5121,5122,5126,5127,5131,5132,5136,5137,5140],{},"This year, we unveiled a brand new set of templates in Axure RP 10: the Prototyping Starter, UX Prototyping, and Quick Win templates. In the ",[15,5123,5125],{"href":5124},"/blog/prototype-starter-template","Prototyping Starter"," template, you'll find various tips and starting layouts for common navigation design patterns for both web and mobile. The ",[15,5128,5130],{"href":5129},"/blog/ux-prototyping-template","UX Prototyping"," template is geared towards guiding you throughout the UX process –– from early concept exploration to detailed design and handoff. And with the ",[15,5133,5135],{"href":5134},"/blog/quick-win-template","Quick Win template",", you'll be able to quickly communicate ideas and new changes to your existing products and applications to stakeholders and teammates. Overall, with these templates, you'll be on your way to prototyping like a pro. Check out the ",[15,5138,5139],{"href":5016},"original post"," to learn more!",[107,5142,5144],{"id":5143},"_2-design-critique-methods","2. Design Critique Methods",[11,5146,5147],{},[100,5148],{"alt":71,"src":5149},"/images/2022/12/Design-Critique-Methods.png",[11,5151,5152],{},[26,5153,5154],{},"\"Design critique is a very helpful activity for designers to get some feedback in any stage of a design.\"",[11,5156,5157,5158,5161,5162,5165,5166,3287],{},"As most designers know, gathering design critiques is a crucial step of the design process, and often occurs throughout various stages. Ya-Ching's article for Medium discussed two useful design critique methods: the ",[115,5159,5160],{},"Rose, Bud, Thorn"," method and the ",[115,5163,5164],{},"SQUACK"," method. To learn more about what these methods entail and how they can benefit you, check out ",[15,5167,5170],{"href":5168,"rel":5169},"https://medium.com/@ychsieh93/design-critique-methods-dddbe1405491",[33],"their article",[107,5172,5174],{"id":5173},"_3-getting-the-most-out-of-the-figma-plugin","3. Getting the Most Out of the Figma Plugin",[11,5176,5177],{},[100,5178],{"alt":71,"src":5179},"/images/2022/12/figma-plugin1.png",[11,5181,634,5182,5185,5186,5188],{},[15,5183,5184],{"href":1498},"Axure for Figma plugin",", transforming your Figma files into rich, interactive prototypes is a breeze. In addition to bringing your Figma frames into Axure RP, you can also export your frames into Axure Cloud, keeping everything organized into a single, shareable link. Check out the ",[15,5187,896],{"href":834}," to learn more details.",[107,5190,5192],{"id":5191},"_4-the-beginners-guide-to-user-flow-in-ux-design-2022","4. The Beginner's Guide to User Flow in UX Design | 2022",[11,5194,5195],{},[100,5196],{"alt":71,"src":5197},"/images/2022/12/User-Flows.png",[11,5199,5200],{},[26,5201,5202],{},"\"The user flow in UX design is essential for creating a great UX design that can straighten out the user's path, what problems they may meet, how to fix, what they need, how to start, and how you design.\"",[11,5204,5205,5206,5210,5211,3287],{},"Creating user flows is a common and fairly uncomplicated part of the UX process. In Axure RP, you can quickly map out user flows by using ",[15,5207,5209],{"href":1574,"rel":5208},[33],"flow diagrams",". With that said, knowing when to use a user flow and what type of flows you should create can take some practice. To dig deeper into what goes into creating user flows, check out ",[15,5212,5215],{"href":5213,"rel":5214},"https://uxplanet.org/the-beginners-guide-to-user-flow-in-ux-design-2022-7a0ab8c7d0bd",[33],"this article",[107,5217,5219],{"id":5218},"_5-save-time-with-new-paste-to-replace-feature-in-axure-rp-10","5. Save Time With New Paste to Replace Feature in Axure RP 10",[11,5221,5222],{},[100,5223],{"alt":71,"src":5224},"/images/2022/12/paste-to-replace.gif",[11,5226,5227,5228,5231,5232,5235,5236,5240],{},"This summer, we just unveiled the new paste to replace feature in Axure RP 10, which will help you speed up your prototyping process and limit the amount of rework needed after copying and pasting. As the name implies, the paste to replace feature allows you to copy something to your clipboard, and then paste it to replace something that exists on the Axure RP canvas with the use of the simple ",[115,5229,5230],{},"Ctrl+Alt+Shift+V","(Windows) or ",[115,5233,5234],{},"Cmd+Opt+Shift+V"," (Mac) keyboard command. Read the ",[15,5237,5239],{"href":5238},"/blog/paste-to-replace","original blog post"," for more details about this new feature.",[107,5242,5244],{"id":5243},"_6-ux-writing-study-guide","6. UX Writing: Study Guide",[11,5246,5247],{},[100,5248],{"alt":71,"src":5249},"/images/2022/12/UX_writing.png",[11,5251,5252],{},[26,5253,5254],{},"\"Quality content speaks clearly to people, builds trust, and compels action toward organizational goals.\"",[11,5256,5257,5258,5262],{},"UX writing is often an overlooked or even neglected part of the product development process. However, high quality and clear UX writing or copy is a significant way that you can communicate information and your goals. Check out ",[15,5259,5215],{"href":5260,"rel":5261},"https://www.nngroup.com/articles/ux-writing-study-guide/",[33]," to learn how to better write and present information that aligns with users' needs.",[11,5264,5265,5266,802,5269,808,5272,367],{},"As we ring in the new year in 2023, we'll continue sharing exciting new UX-related articles. To stay up to date with our latest finds, follow us on ",[15,5267,990],{"href":988,"rel":5268},[33],[15,5270,995],{"href":993,"rel":5271},[33],[15,5273,1000],{"href":998,"rel":5274},[33],{"title":71,"searchDepth":72,"depth":72,"links":5276},[5277,5278,5279,5280,5281,5282],{"id":5112,"depth":72,"text":5113},{"id":5143,"depth":72,"text":5144},{"id":5173,"depth":72,"text":5174},{"id":5191,"depth":72,"text":5192},{"id":5218,"depth":72,"text":5219},{"id":5243,"depth":72,"text":5244},[],"2022-12-27T00:00:00.000Z",{"src":80},{},"/blog/top-articles-2022",{"src":5289},"/images/2022/12/Roll-up2.png",{"title":5099,"description":5109},"blog/top-articles-2022","HMP5vfEkxqn3OgKnd1u3bLCSPeblWoCOgHczvK3BxEo",{"id":5294,"title":5295,"author":523,"body":5296,"categories":5452,"date":5453,"description":5454,"extension":79,"featuredImage":80,"mainImage":5455,"meta":5456,"navigation":83,"path":4232,"previewImage":5457,"seo":5459,"stem":5460,"tags":80,"__hash__":5461},"blog/blog/dynamic-panel-shortcuts.md","5 Key Shortcuts for Using Dynamic Panels",{"type":8,"value":5297,"toc":5445},[5298,5303,5306,5310,5323,5327,5334,5344,5349,5353,5363,5376,5380,5392,5402,5407,5411,5423,5428,5441],[11,5299,5300],{},[100,5301],{"alt":71,"src":5302},"/images/2023/04/Dynamic-Pannels.svg",[11,5304,5305],{},"In Axure RP, the dynamic panel is a powerful and useful widget to have in your toolbox. Dynamic panels are containers with multiple states allowing you to prototype realistic functionality in no time. To become a pro when using dynamic panels, check out these 5 tips to help you prototype even more smoothly and efficiently.",[107,5307,5309],{"id":5308},"_1-use-the-bracket-keys-to-switch-back-and-forth-between-panel-states","1. Use the bracket keys to switch back and forth between panel states",[11,5311,5312,5313,5316,5317,5322],{},"Like with many apps and tools, ",[15,5314,1618],{"href":1616,"rel":5315},[33]," make things easier and help you save time. With dynamic panels, using the bracket keys (",[115,5318,5319],{},[2506,5320,5321],{},"** and **",") when you have the panel selected or when you're in state-editing mode allows you to quickly switch back and forth between panel states so that you can view or edit other states with ease.",[107,5324,5326],{"id":5325},"_2-use-all-states-view-to-view-and-edit-multiple-states-side-by-side","2. Use All States View to view and edit multiple states side-by-side",[11,5328,5329,5330,5333],{},"In ",[15,5331,1977],{"href":1983,"rel":5332},[33],", you can add, remove, and edit widgets in any of the individual dynamic panel states. This makes it easy to make changes and edits in your dynamic panel states if you need to edit multiple states, or if you just want to view the context of all the states at the same time.",[11,5335,5336,5337,1623,5340,5343],{},"When viewing all states, you can rearrange the layout to show all states vertically or horizontally and you can also reorder your panel states by dragging them. Other convenient tasks you can do in this view includes the ability to create new panel states and duplicate existing states. Additionally, with the ",[115,5338,5339],{},"CMD+Option+drag",[115,5341,5342],{},"CTRL+ALT+Drag"," (Windows) keyboard shortcut, you can easily drag widgets in and out of different panel states.",[11,5345,5346],{},[100,5347],{"alt":71,"src":5348},"/images/2022/11/all-states-view-blog-image.png",[107,5350,5352],{"id":5351},"_3-copy-and-paste-panel-states-in-and-out-of-different-dynamic-panels","3. Copy and paste panel states in and out of different dynamic panels",[11,5354,5355,5356,1623,5359,5362],{},"If you want to copy a panel state from one dynamic panel to another, you can do so by using the ",[115,5357,5358],{},"CMD+C",[115,5360,5361],{},"CTRL+C"," (Windows) keyboard shortcut. This comes in handy when you need to have multiple similar panels, or when you have different versions of a design idea and want to quickly copy and paste a panel state to another to make design changes for comparison.",[11,5364,5365,5366,5371,5372,5375],{},"In addition to copying and pasting states, you can also ",[15,5367,5370],{"href":5368,"rel":5369},"https://docs.axure.com/axure-rp/reference/dynamic-panels/#break-away-first-state",[33],"break away"," a panel state by right-clicking the panel in the ",[115,5373,5374],{},"Outline"," pane and selecting \"Break Away Current State\" from the context menu.",[107,5377,5379],{"id":5378},"_4-name-your-dynamic-panels","4. Name your dynamic panels",[11,5381,5382,5383,5388,5389,5391],{},"When creating your prototypes, the amount of widgets you have on a page can add up quickly, and keeping track of them can be a task in and of itself. If you have multiple dynamic panels on a page, ",[15,5384,5387],{"href":5385,"rel":5386},"https://docs.axure.com/axure-rp/reference/organizing-widgets/#naming-widgets",[33],"naming them"," will help you to easily keep track of which one is which in the ",[115,5390,5374],{}," pane and in the target dropdown menu when building interactions. Additionally, you can also give your panel states different names as well.",[11,5393,5394,5395,5398,5399,5401],{},"To name your dynamic panels (or any widget) simply click on the widget name text field at the top of the Interactions pane or ",[115,5396,5397],{},"Style"," pane. To name panel states, you can do so in the ",[115,5400,5374],{}," pane, or by clicking the state name in the panel bar or style toolbar.",[11,5403,5404],{},[100,5405],{"alt":71,"src":5406},"/images/2022/11/Screen-Shot-2022-11-14-at-12.15.38-PM.png",[107,5408,5410],{"id":5409},"_5-easily-scroll-to-your-current-panel-state-in-the-interaction-target-dropdown-list","5. Easily scroll to your current panel state in the interaction target dropdown list",[11,5412,5413,5414,5418,5419,5422],{},"As your prototypes grow and as you have more dynamic panels and widgets on your pages, navigating through the target dropdown list when ",[15,5415,5417],{"href":4748,"rel":5416},[33],"building an interaction"," becomes more challenging. However, in Axure RP 10, when adding interactions to a widget within a panel state, you can now scroll directly to that state in the target dropdown list by clicking the \"",[115,5420,5421],{},"Scroll to current state","\" button at the bottom of the list. This makes finding the right widget in the correct dynamic panel state a breeze and will ensure that you won't mistake one panel state for another.",[11,5424,5425],{},[100,5426],{"alt":71,"src":5427},"/images/2022/11/Screen-Shot-2022-11-17-at-8.47.37-AM.png",[11,5429,5430,5431,5436,5437,367],{},"We hope these tips help you save time and become even more of a pro at using dynamic panels in Axure RP! For additional resources, check out our ",[15,5432,5435],{"href":5433,"rel":5434},"http://axure.com/support/core-training-5",[33],"Dynamic Panels Core Training"," or our ",[15,5438,5440],{"href":3423,"rel":5439},[33],"Tutorials",[11,5442,1665,5443,597],{},[15,5444,366],{"href":365},{"title":71,"searchDepth":72,"depth":72,"links":5446},[5447,5448,5449,5450,5451],{"id":5308,"depth":72,"text":5309},{"id":5325,"depth":72,"text":5326},{"id":5351,"depth":72,"text":5352},{"id":5378,"depth":72,"text":5379},{"id":5409,"depth":72,"text":5410},[388,601],"2022-11-18T00:00:00.000Z","In Axure RP, the dynamic panel is a powerful and useful widget to have in your toolbox. To become a master at using dynamic panels, check out these 5 tips that will help you prototype even more smoothly and efficiently.",{"src":80},{},{"src":5458},"/images/2022/11/DynamicPanels3-1.png",{"title":5295,"description":5454},"blog/dynamic-panel-shortcuts","WHXMQr9Xe53l0efl0GvxK892um3c1bhQ3p0unFJKtvU",{"id":5463,"title":5464,"author":523,"body":5465,"categories":5556,"date":5557,"description":5558,"extension":79,"featuredImage":80,"mainImage":5559,"meta":5560,"navigation":83,"path":5561,"previewImage":5562,"seo":5564,"stem":5565,"tags":80,"__hash__":5566},"blog/blog/interactions-quick-tip.md","Quick Tip for Prototyping Interactions",{"type":8,"value":5466,"toc":5554},[5467,5472,5480,5487,5492,5515,5520,5532,5537,5552],[11,5468,5469],{},[100,5470],{"alt":71,"src":5471},"/images/2023/04/Copy-Paste.svg",[11,5473,5474,5475,5479],{},"When prototyping, finding time-saving tricks is a must. Whether it's just a simple keyboard shortcut, or something more complex like the ",[15,5476,5478],{"href":5477},"/blog/simplify-your-workflow-with-the-updated-dynamic-style-toolbar","dynamic style toolbar",", each time-saving element adds up to make your prototyping process even quicker and smoother. One trick you should try out if you haven't yet is copying and pasting interactions.",[11,5481,5482,5483,5486],{},"Copying and pasting interactions is a simple yet helpful shortcut. To do so, simply click on the widget with the existing interaction, and then click on the interaction event from the ",[115,5484,5485],{},"Interactions pane",". From there, all you need to do is copy as normal (CMD+C/CTRL+C), click on the new widget, and then paste as normal (CMD+V/CTRL+V).",[11,5488,5489],{},[100,5490],{"alt":71,"src":5491},"/images/2022/10/Interactions-Copy-Paste2.gif",[11,5493,5494,5495,5500,5501,5504,5505,5507,5508,5510,5511,5514],{},"When copying and pasting interactions, you can also copy individual ",[15,5496,5499],{"href":5497,"rel":5498},"https://docs.axure.com/axure-rp/reference/events-cases-actions/#actions",[33],"actions"," and paste them onto a different event if desired. For instance, maybe you want to use a ",[115,5502,5503],{},"Mouse Enter"," event instead of a ",[115,5506,1750],{}," event, but you'd still like to use the same action and targeted widget. To carry out this scenario, click ",[115,5509,4153],{}," after selecting the new widget. From there, you'll see that the event dropdown list will have ",[115,5512,5513],{},"Paste"," buttons next to each event, allowing you to automatically apply the copied action to whichever event you select.",[11,5516,5517],{},[100,5518],{"alt":71,"src":5519},"/images/2022/10/Paste-Dropdown.png",[11,5521,5522,5523,5525,5526,5528,5529,5531],{},"Additionally, when creating your original interaction that you plan to copy, selecting ",[115,5524,4380],{}," from the target dropdown menu makes it even easier and faster to copy and paste the same interaction across widgets in situations where a widget is the target of its own interaction. For instance, if you have a widget that hides when it is clicked, or a ",[15,5527,1908],{"href":1996}," that switches to the next state when swiped. By selecting ",[115,5530,4380],{}," from the target dropdown, you won't have to edit the pasted interaction, since you'll have ensured that each individual widget is already the target of its own interaction.",[11,5533,5534],{},[100,5535],{"alt":71,"src":5536},"/images/2022/10/Screen-Shot-2022-09-13-at-1.46.54-PM.png",[11,5538,5539,5540,5545,5546,1863,5550,367],{},"We hope this simple and useful tip helps save you even more time when prototyping in Axure RP! For more interactions basics, check out our ",[15,5541,5544],{"href":5542,"rel":5543},"http://axure.com/support/core-training-4",[33],"Interactions Core Training",", or for more advanced tips, check out our ",[15,5547,5440],{"href":5548,"rel":5549},"https://docs.axure.com/axure-rp/tutorials/interactive-button/",[33],[15,5551,366],{"href":365},[11,5553,504],{},{"title":71,"searchDepth":72,"depth":72,"links":5555},[],[388,601],"2022-11-01T00:00:00.000Z","When prototyping, finding time-saving tricks is a must. One simple and easy trick you should try out if you haven't yet is copying and pasting interactions, which will help make your prototyping process quicker and smoother than ever.",{"src":80},{},"/blog/interactions-quick-tip",{"src":5563},"/images/2022/11/CopyPaste2-2.png",{"title":5464,"description":5558},"blog/interactions-quick-tip","uP19No7isK344imfzJ11x2B1CqZyk2U5wDmuGznsHec",{"id":5568,"title":5569,"author":523,"body":5570,"categories":5761,"date":5762,"description":5763,"extension":79,"featuredImage":80,"mainImage":5764,"meta":5765,"navigation":83,"path":5766,"previewImage":5767,"seo":5769,"stem":5770,"tags":80,"__hash__":5771},"blog/blog/prototyping-basics-file.md","Explore Axure RP with the Prototyping Basics File",{"type":8,"value":5571,"toc":5759},[5572,5577,5593,5600,5607,5612,5623,5628,5633,5638,5651,5658,5663,5668,5674,5683,5688,5693,5703,5708,5734,5739,5753,5757],[11,5573,5574],{},[100,5575],{"alt":71,"src":5576},"/images/2023/04/Prototyping-Basics.svg",[11,5578,5579,5580,5582,5583,5586,5587,375,5590,367],{},"To find the Prototyping Basics file, simply download Axure RP ",[15,5581,630],{"href":1375},"! and open the file from the ",[115,5584,5585],{},"Welcome Screen"," or from the ",[115,5588,5589],{},"Help",[115,5591,5592],{},"Menu",[11,5594,5595,5596,5599],{},"Learning to use a new software tool often comes with challenges. You have to get used to a new UI layout, learn new features, and figure out how to easily navigate through the application. To help you begin mastering the ins and outs of using Axure RP, we created the ",[115,5597,5598],{},"Prototyping Basics"," file. If you like to jump in and learn by doing hands-on exercises, the Prototyping Basics file is a great starting point.",[11,5601,5602,5603,5606],{},"In Axure RP, you can prototype anything from concepts and low-fi wireframes to complex hi-fidelity prototypes complete with smart ",[15,5604,3545],{"href":3543,"rel":5605},[33],". In the Prototyping Basics file, you'll get an overview of the most important things you need to know, such as learning how to add widgets onto the canvas and edit them, making the most of dynamic panels, building interactions and adding cases to them, and sharing your prototypes.",[11,5608,5609],{},[115,5610,5611],{},"Where to Find the Prototyping Basics File",[11,5613,5614,5615,5618,5619,5622],{},"To get started using the Prototyping Basics file, simply open Axure RP 10 and click the ",[115,5616,5617],{},"Open Prototyping Basics"," Button. You can also go to ",[115,5620,5621],{},"Help > Prototyping Basics"," in the menu bar at the top.",[11,5624,5625],{},[100,5626],{"alt":71,"src":5627},"/images/2022/10/Screen-Shot-2022-10-20-at-1.48.02-PM.png",[11,5629,5630],{},[115,5631,5632],{},"Working with Widgets",[11,5634,5635],{},[100,5636],{"alt":71,"src":5637},"/images/2022/10/mod-3-widget-3.png",[11,5639,5640,5641,5646,5647,367],{},"As you get started in the file, we introduce you to widgets, which is what you'll use to build your prototypes. Widgets can be shapes, text, images, form fields, containers, and even data-driven elements. Axure RP comes with 5 default widget libraries, but you can also ",[15,5642,5645],{"href":5643,"rel":5644},"https://docs.axure.com/axure-rp/reference/widget-libraries/#creating-libraries",[33],"create your own"," or download pre-made widgets from our ",[15,5648,5650],{"href":5649},"/support/download-widget-libraries","widget libraries collections page",[11,5652,5653,5654,5657],{},"In the Prototyping Basics file, you'll learn that adding and editing widgets in Axure RP is simple. Once you find the widget you want from the libraries pane, all you need to do is drag it onto the canvas. From there, using the ",[115,5655,5656],{},"Style Toolbar"," to edit the properties and details of your widgets is a breeze.",[11,5659,5660],{},[115,5661,5662],{},"Learning Interactions",[11,5664,5665],{},[100,5666],{"alt":71,"src":5667},"/images/2022/10/Group-827.png",[11,5669,5670,5671,5673],{},"Once you get the hang of adding and editing widgets, building ",[15,5672,4750],{"href":3549}," is the next go-to in your prototyping journey. With interactions, you can take your prototypes to the next level by making them rich and lifelike. Interactions determine the dynamic behaviors of widgets and pages such as clicking a button to navigate to another page in the prototype or showing another widget.",[11,5675,5676,5677,5682],{},"In the Prototyping Basics file, you'll also learn how to add ",[15,5678,5681],{"href":5679,"rel":5680},"https://docs.axure.com/axure-rp/reference/events-cases-actions/#cases",[33],"cases"," to the interactions you create. Cases are useful because they allow you to demonstrate different flows from an interaction event. For example, you'll see how to easily set up two common user flows by adding a \"success\" and \"error\" case to an interaction.",[11,5684,5685],{},[115,5686,5687],{},"Discovering Dynamic Panels",[11,5689,5690],{},[100,5691],{"alt":71,"src":5692},"/images/2022/10/dynamic-panel-icon-1.png",[11,5694,5695,5696,5698,5699,5702],{},"The Prototyping Basics also focuses on the dynamic panel, which is a powerful and diverse widget that every new user should get to know. ",[15,5697,3419],{"href":1996}," are containers with multiple states, allowing you to prototype realistic functionality in no time. You'll learn how to use the Set Panel State action to quickly demonstrate interactive concept ideas from navigation headers, to sidebars, ",[15,5700,3425],{"href":3423,"rel":5701},[33],", and much more. Dynamic panels can also be used to simulate dragging content, swiping on mobile devices, displaying scrollable areas, or pinning content to the browser window.",[11,5704,5705],{},[115,5706,5707],{},"Sharing Your Prototypes",[11,5709,5710,5711,5714,5715,5718,5719,5723,5724,5728,5729,5733],{},"Lastly, you'll learn about the benefits and ease of sharing your prototypes to ",[15,5712,177],{"href":168,"rel":5713},[33],". You can publish your projects to Axure Cloud by clicking the ",[115,5716,5717],{},"Share"," button at the top-right of the Axure RP window, and then you'll get a ",[15,5720,5722],{"href":2666,"rel":5721},[33],"link to the published prototype"," which you can share with others to view on any device with a web browser. By sharing your prototypes to Axure Cloud, you and your team can comment directly on prototypes, ",[15,5725,5727],{"href":799,"rel":5726},[33],"inspect them"," for CSS and layout, and receive Slack, Microsoft Teams and email notifications when changes are made to the project. You can also share directly in ",[15,5730,5732],{"href":3745,"rel":5731},[33],"Jira and Confluence"," with an Axure integration.",[11,5735,5736],{},[100,5737],{"alt":71,"src":5738},"/images/2022/10/Screen-Shot-2022-10-13-at-9.00.56-AM.png",[11,5740,5741,5742,5744,5745,5749,5750,5752],{},"We hope the new ",[115,5743,5598],{}," file helps you jumpstart the learning process and get you on your way to prototyping like a pro. For additional resources, check out our ",[15,5746,5748],{"href":5747},"/support","core training series"," which you can complete and watch all of the videos in under 30 minutes! You can also get a head start on your prototypes by using the ",[15,5751,5017],{"href":5016}," available from the Axure RP 10 Welcome Screen.",[11,5754,1665,5755,367],{},[15,5756,366],{"href":365},[11,5758,504],{},{"title":71,"searchDepth":72,"depth":72,"links":5760},[],[388,601],"2022-10-20T00:00:00.000Z","To help you begin mastering the ins and outs of using Axure RP, we created the Prototyping Basics file. If you like to jump in and learn by doing hands-on exercises, then this is the perfect starting point for you.",{"src":80},{},"/blog/prototyping-basics-file",{"src":5768},"/images/2022/10/Prototyping-Basics2-1.png",{"title":5569,"description":5763},"blog/prototyping-basics-file","iq5LlvFzYLDAdnxNvrY6IvbLb1YqnFcyW1dX-ZFamHo",{"id":5773,"title":5774,"author":523,"body":5775,"categories":5856,"date":5857,"description":5858,"extension":79,"featuredImage":80,"mainImage":5859,"meta":5861,"navigation":83,"path":5134,"previewImage":5862,"seo":5864,"stem":5865,"tags":80,"__hash__":5866},"blog/blog/quick-win-template.md","Quick Solutions with the Quick Win Template",{"type":8,"value":5776,"toc":5854},[5777,5784,5787,5792,5795,5826,5833,5838,5848,5852],[11,5778,5779,5780,5783],{},"When prototyping and designing, starting from a blank slate isn't always what you'll be tasked with. Sometimes you just need to make a few changes to an existing design and quickly validate new solutions. Whether you're making these changes based on internal changes in workflows, or adjusting a design based on user feedback, the ",[115,5781,5782],{},"Quick Win"," template in Axure RP 10 is a great tool to help you get started!",[11,5785,5786],{},"With the Quick Win template, making updates to a current design or prototype is a breeze. In the template, you'll see a sample which demonstrates how you can quickly show your existing design's current flow and your proposed new solution so that they can be viewed together, side by side.",[11,5788,5789],{},[100,5790],{"alt":71,"src":5791},"/images/2022/10/Screen-Shot-2022-10-14-at-8.30.10-AM.png",[11,5793,5794],{},"Once you get a feel for how you can make use of the template for your own projects, you can begin to make use of it for your own projects. Here's a few tips to help you get started:",[269,5796,5797,5807,5820],{},[272,5798,5799,5800,1571,5803,5806],{},"On page 1, you can double click the image widgets underneath the ",[115,5801,5802],{},"Current Flow",[115,5804,5805],{},"Solution"," headers in order to replace them with your own images or screenshots of your current design.",[272,5808,5809,5810,5815,5816,5819],{},"To quickly edit or mockup your proposed solution, consider using the ",[15,5811,5814],{"href":5812,"rel":5813},"https://docs.axure.com/axure-rp/reference/images/#cropping-and-slicing",[33],"slice and crop tool"," so that you can remove or rearrange elements of the design. Additionally, you can also use the ",[15,5817,5818],{"href":5238},"paste to replace"," function to easily swap out content in seconds.",[272,5821,5822,5823,5825],{},"If you have more than one solution you'd like to evaluate, you can also make use of ",[15,5824,3144],{"href":1996},", and have each panel state display a different option or design layout.",[11,5827,5828,5829,5832],{},"The Quick Win template also comes with sticky notes on the canvas so that you can easily document what the changes are and note down any feedback you receive, making ",[15,5830,5831],{"href":1515},"handoff to your development team"," clear and simple.",[11,5834,5835],{},[100,5836],{"alt":71,"src":5837},"/images/2022/10/Screen-Shot-2022-10-14-at-8.30.27-AM.png",[11,5839,5840,5841,5844,5845,5847],{},"We hope this helps speed up your workflow! In addition to the Quick Win template, you can also check out the ",[15,5842,5843],{"href":5124},"Prototype Starter"," and the ",[15,5846,5130],{"href":5129}," templates in Axure RP 10 as well.",[11,5849,1665,5850,367],{},[15,5851,366],{"href":365},[11,5853,504],{},{"title":71,"searchDepth":72,"depth":72,"links":5855},[],[388,178],"2022-10-17T00:00:00.000Z","When prototyping and designing sometimes you just need to make a few changes to an existing design and quickly validate new solutions. To speed up that process, use the new Quick Win template in Axure RP 10.",{"src":5860},"/images/2022/10/Quick-Win-EG-2-1.png",{},{"src":5863},"/images/2022/10/Quick-Win-EG-3-1.png",{"title":5774,"description":5858},"blog/quick-win-template","Fvcejk-h3A7T2rmqwJ25uMrtzqnDZ8b3zOQaRmPx6io",{"id":5868,"title":5869,"author":523,"body":5870,"categories":5921,"date":5922,"description":5923,"extension":79,"featuredImage":80,"mainImage":5924,"meta":5926,"navigation":83,"path":5927,"previewImage":5928,"seo":5929,"stem":5930,"tags":80,"__hash__":5931},"blog/blog/rightpoint-customer-story.md","Customer Story: Rightpoint and Axure",{"type":8,"value":5871,"toc":5919},[5872,5881,5884,5887,5890,5895,5900,5903,5906,5912,5917],[11,5873,5874,5875,1571,5877,5880],{},"Whether you're creating a simple mockup, or designing a complex prototype of an app, webpage, or new workflow, using ",[15,5876,388],{"href":1375},[15,5878,5879],{"href":3801},"sharing your prototypes on Axure Cloud"," can help you and your team build success.",[11,5882,5883],{},"To learn from a real-life example of a team using Axure RP, we recently did a case study with Rightpoint. Rightpoint is a global experience company that connects people and drives meaningful outcomes for organizations. We spoke with Ezra Schwartz, Rightpoint's experience group design director, about how Axure RP has been a fundamental part of helping them meet their mission.",[11,5885,5886],{},"One key example Rightpoint gave of how using Axure RP is a key part of their solution-building process is with one of their clients, a major wholesale industrial supplier, who wanted to introduce self-service ordering to save their staff time and resources.",[11,5888,5889],{},"When asked about how Axure RP played a role in building this solution, Ezra states that:",[1488,5891,5892],{},[11,5893,5894],{},"\"With Axure RP, the UX team was able to explore, simulate and validate concepts, features and workflows that were completely new to the client's industry…Throughout, Axure's sophisticated prototyping capabilities saved inestimable real-world time and costs.\"",[11,5896,5897],{},[100,5898],{"alt":71,"src":5899},"/images/2023/01/quote-1.png",[11,5901,5902],{},"Ezra's team at Rightpoint also uses Axure RP for a wide range of other projects, such as user journey maps, or to simulate dynamic persona-driven interaction scenarios end-to-end. Additionally, Ezra and his team noted the collaborative benefits of prototyping with Axure RP by being able to share prototypes with other designers, client stakeholders, and their engineering team.",[11,5904,5905],{},"We thank Ezra and the Rightpoint team for sharing their experience of using Axure RP with us, and we hope this helps inspire you and gives further insight on how Axure RP can help you and your team deliver real-life solutions.",[11,5907,5908,5909,367],{},"To view Rightpoint's full case study, ",[2244,5910,2247],{"to":5911,"external":71},"/images/2022/11/Axure-Rightpoint-Case-Study-R.pdf",[11,5913,5914,5915,367],{},"As always, to submit any feedback, you can contact us at ",[15,5916,366],{"href":365},[11,5918,504],{},{"title":71,"searchDepth":72,"depth":72,"links":5920},[],[75],"2022-10-06T00:00:00.000Z","Rightpoint is a global experience company that connects people and drives meaningful outcomes for organizations. Learn how Rightpoint's UX team uses Axure RP to explore, simulate and validate concepts, features and workflows.",{"src":5925},"/images/2023/01/Rightpoint2.png",{},"/blog/rightpoint-customer-story",{"src":5925},{"title":5869,"description":5923},"blog/rightpoint-customer-story","O-h3bLu1KXP1s6ohNFTZrhl-oulTDVJFk7kypXOpo1E",{"id":5933,"title":5934,"author":523,"body":5935,"categories":5984,"date":5985,"description":5986,"extension":79,"featuredImage":80,"mainImage":5987,"meta":5989,"navigation":83,"path":5238,"previewImage":5990,"seo":5991,"stem":5992,"tags":80,"__hash__":5993},"blog/blog/paste-to-replace.md","Save Time with New Paste to Replace Feature in Axure RP 10",{"type":8,"value":5936,"toc":5982},[5937,5942,5963,5968,5975,5980],[11,5938,5939,5940,631],{},"To download the latest version of Axure RP 10 with the paste to replace feature, click ",[15,5941,630],{"href":1375},[11,5943,5944,5945,5947,5948,5950,5951,5953,5954,5958,5959,5962],{},"Copying and pasting are often the most common and seemingly simplest keyboard shortcuts to use. However, sometimes the action you're looking to take is a bit more complex. In Axure RP 10, we just unveiled the new ",[115,5946,5818],{}," feature, which will help you speed up your prototyping process and limit the amount of rework needed after copying and pasting. As the name implies, the paste to replace feature allows you to copy something to your clipboard, and then paste it to replace something that exists on the Axure RP canvas. To use this feature, copy a widget or collection of widgets as normal, select what you'd like to replace, and then use the ",[115,5949,5230],{}," (Windows) or ",[115,5952,5234],{}," (Mac) ",[15,5955,5957],{"href":1616,"rel":5956},[33],"keyboard command",". Alternatively, you can right-click your selection, and select ",[115,5960,5961],{},"Paste Special > Paste to Replace"," from the context menu. What's unique about paste to replace though is that in addition to simply swapping out one widget for another, you can also swap out multiple selected widgets with what you have copied onto your clipboard instantly. This is helpful in cases where you have UI or style updates that affect numerous widgets, and will allow you to update each widget at a much faster rate.",[11,5964,5965],{},[100,5966],{"alt":71,"src":5967},"/images/2022/08/paste-to-replace.gif",[11,5969,5970,5971,5974],{},"What also makes this feature special is that if you're replacing the same widget type, such as a ",[15,5972,1908],{"href":1906,"rel":5973},[33]," with a different dynamic panel, or a button widget with another button widget, then any interactions that reference the original widget(s) will now reference the widget(s) you replaced them with. Since the interactions and logic remain intact, you'll save even more time by not needing to rebuild interactions every time you replace a widget or group of widgets in your prototypes.",[11,5976,5977,5978,367],{},"We hope this helps make your prototyping experience in Axure RP even faster and more convenient. As always, if you need any help or want to submit feedback, you can contact us at ",[15,5979,366],{"href":365},[11,5981,504],{},{"title":71,"searchDepth":72,"depth":72,"links":5983},[],[388,178],"2022-08-23T00:00:00.000Z","In Axure RP 10, we just unveiled the new paste to replace feature, allowing you to replace widgets with new ones you have copied on your clipboard, and still maintain your existing interactions. This will help you speed up your prototyping process and limit the amount of rework needed when copying and pasting.",{"src":5988},"/images/2022/08/Paste-to-Replace-3.png",{},{"src":5988},{"title":5934,"description":5986},"blog/paste-to-replace","OXEvNrqTyp-u2WR1sfhtyvp8jQ9QCEOJor49lFmbrI0",{"id":5995,"title":5996,"author":523,"body":5997,"categories":6109,"date":6110,"description":6111,"extension":79,"featuredImage":80,"mainImage":6112,"meta":6114,"navigation":83,"path":5124,"previewImage":6115,"seo":6116,"stem":6117,"tags":80,"__hash__":6118},"blog/blog/prototype-starter-template.md","Get a Head Start with the Prototype Starter Template",{"type":8,"value":5998,"toc":6107},[5999,6006,6011,6016,6023,6028,6036,6041,6046,6054,6059,6064,6078,6083,6093,6101,6105],[11,6000,6001,6002,6005],{},"When it comes to prototyping, starting from a blank canvas can be a daunting task. Because of that, our product team at Axure decided to create a ",[15,6003,6004],{"href":5016},"set of templates"," to help users get started. To dig deeper into the Prototype Starter template, we talked with one of our product managers, Justin, to discuss how it can help you get the ball rolling on your next prototype.",[11,6007,6008],{},[115,6009,6010],{},"1. Why did you choose these templates for our users?",[11,6012,6013],{},[100,6014],{"alt":71,"src":6015},"/images/2022/08/quote-1.png",[11,6017,6018,6019,6022],{},"Axure RP's bread and butter is in creating rich interactive prototypes. Knowing that, we wanted to give users templates to jumpstart their prototyping and show different approaches to creating a prototype on Axure RP. We decided to go with an approach that leaned into ",[15,6020,3144],{"href":1906,"rel":6021},[33]," because patterns that users want to create in Axure RP often require the dynamic panel. If you get comfortable with the dynamic panel in Axure RP, you can get a lot of value quickly from the tool. You'll notice that all of the templates use a dynamic panel but they are used in different design contexts.",[11,6024,6025],{},[115,6026,6027],{},"2. Who can benefit from using this template?",[11,6029,6030,6031,367],{},"Both users who are new to Axure RP and users already familiar with our software benefit from the prototype starter template. When you're first learning Axure RP, templates are a great way to tinker to understand how things work, and it demonstrates how prototypes can be laid out in a side-by-side format or can be designed for a certain screen or device. So new users will gain a lot of value from having these templates as resources. It also provides a quick way for someone to extend or customize a template if the template represents something they would want to build—for example a web application with a navigation that ",[15,6032,6035],{"href":6033,"rel":6034},"https://docs.axure.com/axure-rp/reference/dynamic-panels/#pin-to-browser",[33],"stays put when you scroll",[11,6037,6038],{},[100,6039],{"alt":71,"src":6040},"/images/2022/08/Screen-Shot-2022-08-19-at-12.23.58-PM.png",[11,6042,6043],{},[115,6044,6045],{},"3. How can a user learn to better use Axure RP from this template?",[11,6047,6048,6049,6053],{},"From the structure of the pages within the project, you can begin to learn how you can structure a project within RP. You can have both concepts and your interactive prototypes in one project—that's one of the neat parts about RP—you can have various parts of your process available for consumption by stakeholders from ",[15,6050,6052],{"href":2666,"rel":6051},[33],"one project link",". You'll also learn about the various features that dynamic panels offer like being able to create scrollable regions by using a dynamic panel.",[11,6055,6056],{},[115,6057,6058],{},"4. How might an expert and a new Axure user use these templates differently?",[11,6060,6061],{},[100,6062],{"alt":71,"src":6063},"/images/2022/08/Loaded-Interaction.png",[11,6065,6066,6067,6070,6071,375,6074,6077],{},"Expert users might adopt some tips and tricks we used in the template. For example, on the ",[115,6068,6069],{},"Mobile App Sliding Nav"," page, we layered the navigation on top of the \"main content\" on the page. However, the problem is, the navigation can get in the way if you ever want to edit anything behind it. So as users are working in RP, they can move it anywhere on the page and when previewing the prototype, the ",[115,6072,6073],{},"Loaded",[15,6075,1816],{"href":4748,"rel":6076},[33]," will move it back to where it needs to be.",[11,6079,6080],{},[115,6081,6082],{},"5. How might a PM and a UX designer use this template differently?",[11,6084,6085,6086,6089,6090,6092],{},"I think a Product Manager will work within the ",[115,6087,6088],{},"Concepts"," page for analysis and to build out concepts that help guide conversations about what their team should build. Concepts can be as simple as taking screenshots, adding stickies, and using interactive elements when they help illustrate an idea. For myself, I make use of the concepts format by making multiple concepts available side-by-side so we can talk about different approaches and options. As for the UX designer, once they are ready for the design phase, they could use the ",[115,6091,6088],{}," page to start getting rough ideas of how they would solve a user task. Then, depending on the complexity of the user task they need to solve for, they might start building wireframes or rich-interactive prototypes. The great thing about this template is that it gives you starting points to take wireframes through to high-fidelity prototypes.",[11,6094,6095,6096,367],{},"To use the Prototype Starter template, and our other two new templates, download the latest version of Axure RP 10 from ",[15,6097,6100],{"href":6098,"rel":6099},"https://axure.com/download",[33],"axure.com/download",[11,6102,1665,6103,367],{},[15,6104,366],{"href":365},[11,6106,3001],{},{"title":71,"searchDepth":72,"depth":72,"links":6108},[],[388,178],"2022-08-20T00:00:00.000Z","When it comes to prototyping, starting from a blank canvas can be a daunting task. To dig deeper into the Prototype Starter template, we talked with one of our product managers, Justin, to discuss how it can help you get the ball rolling on your next prototype.",{"src":6113},"/images/2022/08/Prototype-Starter-1.png",{},{"src":6113},{"title":5996,"description":6111},"blog/prototype-starter-template","MxqTo3u-MxsnFKZNcVFP4dqF3kJ2rkwYNyfn3X6v-Cc",{"id":6120,"title":6121,"author":523,"body":6122,"categories":6211,"date":6212,"description":6213,"extension":79,"featuredImage":80,"mainImage":6214,"meta":6216,"navigation":83,"path":1515,"previewImage":6217,"seo":6218,"stem":6219,"tags":80,"__hash__":6220},"blog/blog/developer-handoff.md","5 Ways to Improve Developer Handoff with Axure RP",{"type":8,"value":6123,"toc":6209},[6124,6127,6132,6135,6140,6145,6148,6153,6158,6161,6166,6171,6179,6184,6189,6197,6202,6207],[11,6125,6126],{},"Once you have figured out what to build, the desired solution needs to be communicated to the developers. That process is often called developer handoff. Of course there is some back and forth during production, but the initial handoff sets the stage and can either lead to an efficient release or a frustrating, time-consuming series of sprints. Here are some ways to ensure that your projects are the efficient kind.",[11,6128,6129],{},[115,6130,6131],{},"1. Share your prototypes",[11,6133,6134],{},"Prototypes provide a common language that's easy for the whole team to understand. If you created prototypes to explore concepts, do detailed design, or conduct user testing, share them! It will help developers quickly understand the scope of the desired solution. If some parts of the prototype have changed or aren't quite perfect, point them out and use tip number 2, add documentation.",[11,6136,6137],{},[100,6138],{"alt":71,"src":6139},"/images/2022/08/Screen-Shot-2022-10-13-at-9.00.56-AM.png",[11,6141,6142],{},[115,6143,6144],{},"2. Add documentation… but not too much",[11,6146,6147],{},"We've learned that writing pages of documentation doesn't usually lead to the desired result. But we've also learned that having too little documentation leads to guesswork followed by rework. Providing a brief overview of the goals and complementing mockups and prototypes with notes and stickies can go a long way to ensuring that the solutions you design make their way to your customers. In Axure RP, you can create a page that provides an overview right next to the pages of your prototypes. You can also easily add sticky notes (M) to the canvas or use the Notes pane to attach notes to pages and widgets.",[11,6149,6150],{},[100,6151],{"alt":71,"src":6152},"/images/2022/08/Screen-Shot-2022-10-13-at-8.45.50-AM-e1665677118795.png",[11,6154,6155],{},[115,6156,6157],{},"3. Keep everything organized and in fewer places",[11,6159,6160],{},"Getting from an idea to a detailed solution can be messy. Important information for developers can be scattered across different places and frequently missed. Whenever possible, gather that information in your RP file so the developers can get everything from a single link. Organize the information across pages and categorize those pages into folders to make it even easier to consume. For example, an \"Archive\" folder is very helpful to tuck away old drafts that developers can ignore.",[11,6162,6163],{},[100,6164],{"alt":71,"src":6165},"/images/2022/08/Screen-Shot-2022-10-13-at-8.58.09-AM.png",[11,6167,6168],{},[115,6169,6170],{},"4. Integrate with Jira and Confluence",[11,6172,6173,6174,6178],{},"If your developers use Jira or Confluence, install the ",[15,6175,6177],{"href":3745,"rel":6176},[33],"Axure integrations"," so you can embed your prototypes directly into tickets and pages. You can configure the Share Link to go to a specific page or change the scale before adding it to Jira. Just navigate to the Share Link, browse to the desired page, and change any of the settings before copying the URL from your browser to paste into the Jira plugin.",[11,6180,6181],{},[100,6182],{"alt":71,"src":6183},"/images/2022/08/axure-jira-plugin.png",[11,6185,6186],{},[115,6187,6188],{},"5. Use comments for questions and feedback",[11,6190,6191,6192,6196],{},"Whether the developers are viewing your prototypes in Cloud, at the Share Link, or inside Jira, they have the ability to ",[15,6193,6195],{"href":4780,"rel":6194},[33],"add comments"," directly to the pages. Encourage them to ask questions and get clarification using comments. You'll be notified by email right away, or Slack or Microsoft Teams if those have been set up. You can respond to comments and mark them resolved when they're complete. This way, questions are in the context of the prototypes and documentation, and developers don't have to wait for the next meeting to move forward.",[11,6198,6199],{},[100,6200],{"alt":71,"src":6201},"/images/2022/08/Screen-Shot-2022-10-13-at-9.25.13-AM.png",[11,6203,6204,6205,367],{},"We hope these tips help you and the developers on your team deliver better solutions in less time and with less frustration. As always, if you need any help or have any feedback, please contact us at ",[15,6206,366],{"href":365},[11,6208,504],{},{"title":71,"searchDepth":72,"depth":72,"links":6210},[],[177,388,601],"2022-08-17T00:00:00.000Z","The initial developer handoff sets the stage for production and can either lead to an efficient release or a frustrating, time-consuming series of sprints. Here are some ways to ensure that your projects are the efficient kind.",{"src":6215},"/images/2022/08/Handoff2.png",{},{"src":6215},{"title":6121,"description":6213},"blog/developer-handoff","FpUFG7d7jG5GFtukWwvmYwCYjgI0ufzIdNumEZwfjj0",{"id":6222,"title":6223,"author":523,"body":6224,"categories":6301,"date":6302,"description":6303,"extension":79,"featuredImage":80,"mainImage":6304,"meta":6306,"navigation":83,"path":5129,"previewImage":6307,"seo":6308,"stem":6309,"tags":80,"__hash__":6310},"blog/blog/ux-prototyping-template.md","Making the Most of the UX Prototyping Template",{"type":8,"value":6225,"toc":6295},[6226,6233,6237,6246,6249,6254,6258,6268,6271,6275,6283,6287,6293],[11,6227,6228,6229,6232],{},"If you're looking for inspiration, or even just a good starting point on your next prototype, then using a template may be the perfect solution for you. We just unveiled ",[15,6230,6231],{"href":5016},"three new templates"," in Axure RP 10 that you can use to get a jumpstart on your next prototype. To dive deeper into the creation of the UX Prototyping template and how you can make the best use of it, we talked with one of our product managers, Frankie, to give more insight.",[107,6234,6236],{"id":6235},"who-templates-will-benefit","Who Templates Will Benefit",[11,6238,6239,6240,6245],{},"I think this template is for anyone who is looking for a little bit more structure in how they approach ",[15,6241,6244],{"href":6242,"rel":6243},"https://axure.com/why-prototype",[33],"UX prototyping"," and problem solving in general. Without a framework or defined process, it's easy to start jumping to solutions that you think will work without first clearly defining a problem. What this template attempts to provide is a bit of structure and help you navigate a process that starts with creating alignment around a specific user problem or opportunity and getting buy-in from your stakeholders. It then guides you through the process of comparing multiple concepts and handing over your final solution.",[11,6247,6248],{},"I know different organizations follow different processes, but I think anyone who has faced challenges while working through the various phases of a UX project will find something useful in this template that they can apply to their own process.",[11,6250,6251],{},[100,6252],{"alt":71,"src":6253},"/images/2022/08/Screen-Shot-2022-08-04-at-9.40.05-AM.png",[107,6255,6257],{"id":6256},"using-this-template-as-a-product-manager","Using This Template as a Product Manager",[11,6259,6260,6261,4664,6264,6267],{},"As a product manager, I use this template to paint the picture of the user problem and tell their story to my team and stakeholders. This helps to get everyone on the same page and aligned around the task the user is trying to accomplish. I also like doing this teardown activity in RP because it's easy to add screenshots and document problems and ideas alongside them. It can be really eye-opening once you start to tear down the user task and actually show the struggles they experience while completing that task, and allows us to ask ourselves, ",[26,6262,6263],{},"\"does this concept alleviate this pain point?\"",[26,6265,6266],{},"\"does this idea actually help the user accomplish their task?\"",". We'll often uncover problems we didn't even know existed when we originally kicked off the project.",[11,6269,6270],{},"Product managers will find that they can better control 'scope creep', or projects that begin to balloon from the original scope, by having those user tasks and pain points clearly documented at the outset of the project.",[107,6272,6274],{"id":6273},"real-life-outcomes","Real Life Outcomes",[11,6276,6277,6278,6282],{},"In addition to helping me stay organized with my projects, especially when it comes to presenting early concepts, this template is also great for developer handoff. Once we've landed on a solution, we'll create a user story in our issue tracking system, ",[15,6279,3736],{"href":6280,"rel":6281},"https://marketplace.atlassian.com/apps/1221645/axure-for-jira",[33],", and embed the Solution prototype. It's perfect for an interactive specification for the developers. Team members can easily see how the project evolved over time - what other options were considered and why we decided to go with the final approach. It helps to tell the full story of the project and it's nice having that all in one place.",[107,6284,6286],{"id":6285},"final-thoughts","Final Thoughts",[11,6288,6289,6290,367],{},"With the UX Prototyping template, you'll be on your way to staying more organized, having better guided discussion, and more accurately identifying and creating the right concepts to solve your users needs. To use this template, and our other two new templates, download the latest version of Axure RP 10 from ",[15,6291,6100],{"href":6098,"rel":6292},[33],[11,6294,3001],{},{"title":71,"searchDepth":72,"depth":72,"links":6296},[6297,6298,6299,6300],{"id":6235,"depth":72,"text":6236},{"id":6256,"depth":72,"text":6257},{"id":6273,"depth":72,"text":6274},{"id":6285,"depth":72,"text":6286},[388,178],"2022-08-04T00:00:00.000Z","If you're looking for inspiration, or even just a good starting point on your next prototype, then using a template such as our new UX Prototyping template, may be the perfect solution for you. read more for a first-hand account from Axure product manager, Frankie!",{"src":6305},"/images/2022/08/UX-prototyping-template-4.png",{},{"src":6305},{"title":6223,"description":6303},"blog/ux-prototyping-template","8XTc4UbH4SDmXSwl3uf1zN3SpcmupT4V6QUmGZ_4rpo",{"id":6312,"title":6313,"author":523,"body":6314,"categories":6381,"date":6382,"description":6383,"extension":79,"featuredImage":80,"mainImage":6384,"meta":6386,"navigation":83,"path":6387,"previewImage":6388,"seo":6389,"stem":6390,"tags":80,"__hash__":6391},"blog/blog/conditional-flows.md","Enhance Your Prototypes with Conditional Flows",{"type":8,"value":6315,"toc":6377},[6316,6322,6326,6329,6333,6339,6362,6367,6370,6373],[11,6317,6318,6319,367],{},"Prototyping is all about finding the right solution. Testing different scenarios and validating different flows. Condition Flows in Axure RP are some of the most powerful ways to demonstrate multiple flows or sequences to your stakeholders and users who undergo testing, so that you can collect even better ",[15,6320,2160],{"href":4780,"rel":6321},[33],[107,6323,6325],{"id":6324},"what-are-conditional-flows-and-why-should-you-use-them","What are conditional flows and why should you use them?",[11,6327,6328],{},"A conditional flow is a set of possible scenarios that can occur depending on what conditions are met. When building prototypes, you'll often come across situations where you'll need to build interactions that lead to different outcomes based on user input or other factors. For instance, you can stipulate that a button click will advance users to the next page in your prototype only if they have filled in all required fields in a form.",[107,6330,6332],{"id":6331},"how-to-create-conditional-flows","How to create conditional flows",[11,6334,6335,6336,367],{},"In Axure RP, when you build an interaction, it will consist of events, actions, and cases. Cases are what determines the order or precedence of how an interaction fires, and how you order each case is especially important when using ",[15,6337,3545],{"href":3543,"rel":6338},[33],[11,6340,6341,6342,6345,6346,6352,6353,6356,6357,6361],{},"In the example of a login submission form, you may have a login button with a ",[115,6343,6344],{},"Click or Tap > Open Link > Page 2"," interaction. Then, you can add conditional logic that states \"If text on Email Field equals ",[26,6347,6348],{},[15,6349,6351],{"href":6350},"mailto:test@domain.com","test@domain.com"," and text on Password Field equals ",[26,6354,6355],{},"123456",".\" You can also take this a step further by adding another case for incorrect submissions, where the user will see an error message or an ",[15,6358,6360],{"href":772,"rel":6359},[33],"error state"," if their credentials are incorrect.",[11,6363,6364],{},[100,6365],{"alt":71,"src":6366},"/images/2022/07/Screen-Shot-2022-07-13-at-8.01.47-AM.png",[11,6368,6369],{},"As a result of that, if the user enters each field correctly, they'll advance to the next page. If they don't, they see an error message indicating the unsuccessful login attempt.",[11,6371,6372],{},"We hope this helps inspire you to make the most out of using conditional flows in Axure RP.",[11,6374,1665,6375,597],{},[15,6376,366],{"href":365},{"title":71,"searchDepth":72,"depth":72,"links":6378},[6379,6380],{"id":6324,"depth":72,"text":6325},{"id":6331,"depth":72,"text":6332},[388,601],"2022-07-21T00:00:00.000Z","Prototyping is all about finding the right solution. Testing different scenarios and validating different flows. Condition Flows in Axure RP are some of the most powerful ways to demonstrate multiple flows or sequences to your stakeholders and users who undergo testing, so that you can collect even better feedback.",{"src":6385},"/images/2022/07/Conditional-Logic-2.png",{},"/blog/conditional-flows",{"src":6385},{"title":6313,"description":6383},"blog/conditional-flows","FqLVS-gTXbq9-9kCvq390XK_8CaTwtWJR4za6I5SxFs",{"id":6393,"title":6394,"author":523,"body":6395,"categories":6478,"date":6479,"description":6480,"extension":79,"featuredImage":80,"mainImage":6481,"meta":6483,"navigation":83,"path":5016,"previewImage":6484,"seo":6485,"stem":6486,"tags":80,"__hash__":6487},"blog/blog/axure-rp-templates.md","Jumpstart Your Prototypes with Templates",{"type":8,"value":6396,"toc":6473},[6397,6407,6411,6414,6425,6428,6433,6436,6439,6442,6447,6450,6453,6458,6461,6469],[11,6398,6399,6400,802,6402,808,6404,6406],{},"Prototyping from a blank slate can often be a daunting task. Because of that, we've recently unveiled three new templates to help you get started with prototyping like a pro! The new ",[26,6401,5125],{},[26,6403,5130],{},[26,6405,5782],{}," templates are readily available on the Axure RP welcome screen.",[11,6408,6409],{},[100,6410],{"alt":71,"src":5118},[107,6412,5125],{"id":6413},"prototyping-starter",[11,6415,6416,6417,1571,6420,367],{},"The first new template is our prototyping starter template, which is perfect for anyone who is building a prototype from scratch in Axure RP. In it, you'll find numerous tips for prototyping common navigation design patterns for web and mobile. You'll also get an introduction to key widgets such as ",[15,6418,3144],{"href":1906,"rel":6419},[33],[15,6421,6424],{"href":6422,"rel":6423},"https://docs.axure.com/axure-rp/reference/hot-spots/",[33],"hot spots",[11,6426,6427],{},"Some specific starter designs included in the template are a Concepts page, which has a sample storyboard and a sample slideshow, allowing you to quickly prototype ideas. Other examples like the Mobile App Sliding Nav page allows you to build a scrollable mobile app without compromising the usability of the menu.",[11,6429,6430],{},[100,6431],{"alt":71,"src":6432},"/images/2022/06/Screen-Shot-2022-07-01-at-9.29.46-AM.png",[107,6434,5130],{"id":6435},"ux-prototyping",[11,6437,6438],{},"The UX Prototyping template helps you learn to take advantage of prototyping throughout the UX process –– from early concept exploration to detailed design and handoff. From identifying user problems, documenting inspiration and ideas, and prototyping early concepts and final solutions, this template guides you through a process to help you start off on the right foot.",[11,6440,6441],{},"This template is also great for staying organized and on the right track when working through the problem to solution workflow. This will not only help save you and your team time and effort down the road, but it will also add more value to your prototypes.",[11,6443,6444],{},[100,6445],{"alt":71,"src":6446},"/images/2022/06/Screen-Shot-2022-06-28-at-3.49.10-PM.png",[107,6448,5782],{"id":6449},"quick-win",[11,6451,6452],{},"Lastly, our Quick Win template is intended to help you quickly communicate ideas and quick changes to your existing products and applications to stakeholders and teammates. For example, with this template you can easily edit the two side-by-side placeholder mockups to easily show your current flow, and then show your proposed solution.",[11,6454,6455],{},[100,6456],{"alt":71,"src":6457},"/images/2022/06/Screen-Shot-2022-06-28-at-4.03.25-PM.png",[11,6459,6460],{},"Overall, we hope these new templates help you get started with prototyping in Axure RP; whether you're a brand new beginner, or a seasoned pro who's looking for an organized starting point for new projects.",[11,6462,6463,6464,367],{},"If you haven't updated to the latest version of Axure RP 10, head over to ",[15,6465,6468],{"href":6466,"rel":6467},"https://axure.com/update",[33],"axure.com/update",[11,6470,1665,6471,597],{},[15,6472,366],{"href":365},{"title":71,"searchDepth":72,"depth":72,"links":6474},[6475,6476,6477],{"id":6413,"depth":72,"text":5125},{"id":6435,"depth":72,"text":5130},{"id":6449,"depth":72,"text":5782},[388,178],"2022-07-13T00:00:00.000Z","Prototyping from a blank slate can often be a daunting task. Because of that, we've recently unveiled three new templates to help you get started with prototyping like a pro!",{"src":6482},"/images/2022/07/Templates2.png",{},{"src":6482},{"title":6394,"description":6480},"blog/axure-rp-templates","ZQIOuvpSBk8KeGNpUXGVrdCrDXj1-ISy3h-djyHJ5yw",{"id":6489,"title":6490,"author":523,"body":6491,"categories":6549,"date":6550,"description":6495,"extension":79,"featuredImage":80,"mainImage":6551,"meta":6553,"navigation":83,"path":6554,"previewImage":6555,"seo":6556,"stem":6557,"tags":80,"__hash__":6558},"blog/blog/smarter-features.md","Smarter Features, Faster Prototyping in Axure RP 10",{"type":8,"value":6492,"toc":6545},[6493,6496,6500,6513,6518,6522,6531,6536,6543],[11,6494,6495],{},"Here at Axure, we're continually working to create new features and enhance your prototyping experience. Some of our latest new features in Axure RP 10 include smart duplication and smart distance snapping. With these new features and enhancements, prototyping in RP is now faster than ever.",[107,6497,6499],{"id":6498},"smart-duplication","Smart Duplication",[11,6501,6502,6503,4664,6506,375,6509,6512],{},"When duplicating a widget using ",[115,6504,6505],{},"CTRL/CMD + D",[115,6507,6508],{},"CTRL/OPT + Drag Selection",[15,6510,1618],{"href":1616,"rel":6511},[33],", Axure RP will remember the distance you moved the duplicate widget from the original. As shown below, any subsequent duplications after that will place the selected widget the same distance until the widget is deselected. This will save you time and effort, as you won't have to manually calculate the equal distance between widgets and adjust their spacing.",[11,6514,6515],{},[100,6516],{"alt":71,"src":6517},"/images/2022/06/Duplicate.gif",[107,6519,6521],{"id":6520},"smart-distance-snapping","Smart Distance Snapping",[11,6523,6524,6525,6530],{},"Similar to the above feature, the new enhancements to ",[15,6526,6529],{"href":6527,"rel":6528},"https://docs.axure.com/axure-rp/reference/grid-guides-snapping/#snap-to-widgets",[33],"widget snapping"," will make placing new widgets at equal distance even easier. How this works is that when moving widgets on the canvas, they will now snap to position when existing widgets are already equal in distance. With both of these new features, equally spacing widgets is an automatic and seamless process.",[11,6532,6533],{},[100,6534],{"alt":71,"src":6535},"/images/2022/06/Distance-Guide.png",[11,6537,6463,6538,1863,6541,367],{},[15,6539,6468],{"href":6466,"rel":6540},[33],[15,6542,366],{"href":365},[11,6544,504],{},{"title":71,"searchDepth":72,"depth":72,"links":6546},[6547,6548],{"id":6498,"depth":72,"text":6499},{"id":6520,"depth":72,"text":6521},[388,178],"2022-06-17T00:00:00.000Z",{"src":6552},"/images/2022/06/Snapping-Grids-1.png",{},"/blog/smarter-features",{"src":6552},{"title":6490,"description":6495},"blog/smarter-features","IuU4VY8iTQcKnI-LyqQzBinuXCpeVxgUpAV0PvsTtEI",{"id":6560,"title":6561,"author":523,"body":6562,"categories":6691,"date":6692,"description":6693,"extension":79,"featuredImage":80,"mainImage":6694,"meta":6696,"navigation":83,"path":6697,"previewImage":6698,"seo":6699,"stem":6700,"tags":80,"__hash__":6701},"blog/blog/ux-articles-for-summer.md","Kick Off the Summer Season by Reading These 5 UX Articles",{"type":8,"value":6563,"toc":6684},[6564,6567,6571,6576,6581,6589,6593,6598,6603,6611,6615,6620,6625,6630,6634,6639,6644,6651,6655,6660,6665,6672],[11,6565,6566],{},"Throughout this year, we've shared numerous UX and industry-related articles with you across our social media platforms. As we approach the summer, we bring you the 5 most popular UX articles we shared and why they stand out to us!",[195,6568,6570],{"id":6569},"_1-design-beyond-deliverables","1. Design beyond deliverables",[11,6572,6573],{},[100,6574],{"alt":71,"src":6575},"/images/2022/06/design-beyond-deliverables.png",[11,6577,6578],{},[26,6579,6580],{},"\"There is a lot of communication around design…and it's probably the most challenging part of our job\"",[11,6582,6583,6584,3287],{},"Fostering communication and gathering feedback on your designs has long been an essential part of the UX design process. With digital designs becoming more complex, and often involving more stakeholders, these principles are as important as ever. Check out the ",[15,6585,6588],{"href":6586,"rel":6587},"https://uxdesign.cc/design-beyond-deliverables-993700a4a7c7",[33],"original article",[195,6590,6592],{"id":6591},"_2-the-4-rs-that-set-apart-great-ux-designers","2. The 4 \"Rs\" that set apart great UX designers",[11,6594,6595],{},[100,6596],{"alt":71,"src":6597},"/images/2022/06/The-4-Rs.jpeg",[11,6599,6600],{},[26,6601,6602],{},"\"Great designers can distinguish themselves by demonstrating these 4, surprisingly rare, but very important attributes: Resourcefulness, Responsiveness, Reliability, and Ready with reasons (and ready to be wrong)\"",[11,6604,6605,6606,6610],{},"In the UX field, setting yourself apart is both important and a challenge. Most UX designers place high importance on empathy, identifying problems, and cultivating their prototyping skills. But in order to set yourself apart and be a standout UX designer, focusing on the four core principles discussed in ",[15,6607,5215],{"href":6608,"rel":6609},"https://uxplanet.org/the-4-rs-that-set-apart-great-ux-designers-1731223d8de9",[33]," will make a difference.",[195,6612,6614],{"id":6613},"_3-a-few-quick-notes","3. A Few Quick Notes",[11,6616,6617],{},[100,6618],{"alt":71,"src":6619},"/images/2022/02/lukeconcertina.jpeg",[11,6621,6622],{},[26,6623,6624],{},"\"When using Axure, I thought it was amazing because all the other design tools are mostly geared toward visual design and layouts.\"",[11,6626,6627,6628,367],{},"We chatted with Luke, who is a long-time Axure RP user and UX designer of 10-years about his Axure prototype. His project serves as a tool to help Anglo concertina players learn scales and chords. To learn more about his story, prototyping experience, and his project, check out the ",[15,6629,5239],{"href":4647},[195,6631,6633],{"id":6632},"_4-ux-glossary","4. UX Glossary",[11,6635,6636],{},[100,6637],{"alt":71,"src":6638},"/images/2022/06/UX-Glossary.jpeg",[11,6640,6641],{},[26,6642,6643],{},"\"User experience design is full of technical jargon that can be hard to decipher.\"",[11,6645,6646,6647,367],{},"Like many professional fields, the field of UX design includes a large amount of technical and specific terms that may be unfamiliar to a newcomer in the profession. While it may seem like some terms can be interchangeable or synonymous with other colloquial terms, that's not always the case. For a detailed list of the most common UX terms you should know, read and save ",[15,6648,5215],{"href":6649,"rel":6650},"https://uxdesign.cc/ux-glossary-84f1213a7932",[33],[195,6652,6654],{"id":6653},"_5-making-a-great-first-impression-in-product-design","5. Making a great first impression in product design",[11,6656,6657],{},[100,6658],{"alt":71,"src":6659},"/images/2022/06/First-Impression-e1654115061699.jpeg",[11,6661,6662],{},[26,6663,6664],{},"\"The first impression is more than just a moment; it can affect how users perceive your design.\"",[11,6666,6667,6668,957],{},"The age-old advice about the importance of first impressions is true for designs, just as much as for people. Research shows that when users have a negative or positive first impression of your product or design, that impression sticks with them. Because of that, ensuring that your users' first impressions are positive is ever more important. Check out the ",[15,6669,6588],{"href":6670,"rel":6671},"https://uxplanet.org/making-a-great-first-impression-in-product-design-ce55ccf057f7",[33],[11,6673,6674,6675,802,6678,808,6681,367],{},"As always, we'll continue to share amazing new UX-related articles. To stay up to date with our latest finds, follow us on ",[15,6676,990],{"href":988,"rel":6677},[33],[15,6679,995],{"href":993,"rel":6680},[33],[15,6682,1000],{"href":998,"rel":6683},[33],{"title":71,"searchDepth":72,"depth":72,"links":6685},[6686,6687,6688,6689,6690],{"id":6569,"depth":309,"text":6570},{"id":6591,"depth":309,"text":6592},{"id":6613,"depth":309,"text":6614},{"id":6632,"depth":309,"text":6633},{"id":6653,"depth":309,"text":6654},[75,76],"2022-06-01T00:00:00.000Z","Need summer reading ideas? Expand your UX skills, stay on top of the latest prototyping trends, or help pitch your projects to your stakeholders with the 5 most popular UX articles from our social media platforms.",{"src":6695},"/images/2022/06/UX-Articles2.png",{},"/blog/ux-articles-for-summer",{"src":6695},{"title":6561,"description":6693},"blog/ux-articles-for-summer","aOqQkOhbBnHxm2fDt7dum1GK0SHKRhEV358SWUxkSvA",{"id":6703,"title":6704,"author":3023,"body":6705,"categories":6867,"date":6868,"description":6869,"extension":79,"featuredImage":80,"mainImage":6870,"meta":6871,"navigation":83,"path":6872,"previewImage":6873,"seo":6875,"stem":6876,"tags":80,"__hash__":6877},"blog/blog/tips-nav-widgets-large-files.md","7 Tips for Navigating Widgets in Large Prototype Files",{"type":8,"value":6706,"toc":6858},[6707,6710,6714,6722,6727,6731,6740,6745,6749,6765,6770,6774,6783,6788,6792,6811,6816,6820,6823,6828,6832,6845,6850],[11,6708,6709],{},"Even as an organized file builder, when you have layers of widgets in your larger prototypes, navigating through each element can be difficult. Here at Axure, we've seen projects with dozens of pages and thousands of widgets. Check out these 7 tips for identifying, selecting, and keeping track of all those widgets in your complex prototypes.",[107,6711,6713],{"id":6712},"_1-slow-click-to-select-widgets-that-are-behind-other-widgets","1. \"Slow Click\" to Select Widgets That are Behind Other Widgets",[11,6715,6716,6717,6721],{},"If you want to select a widget behind another widget without having to use the ",[15,6718,1845],{"href":6719,"rel":6720},"https://docs.axure.com/axure-rp/reference/environment/?utm_campaign=Tips%20and%20Tricks&utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz-80LcCWEq9z1VRf-S1OMonYRWxQvkH0RYsekFs9_2EuY6Jd0RJB3WI90qnOUaDUB6FAC29T#a-map-of-the-environment",[33],", you can \"slow click\" to select the widgets behind the currently selected widget. To do so, click over the area of the widget you want to select. Then, without moving the cursor, click again. Continue doing this until the widget is selected.",[11,6723,6724],{},[100,6725],{"alt":71,"src":6726},"/images/2022/05/unnamed.gif",[107,6728,6730],{"id":6729},"_2-select-widgets-behind-other-widgets-using-select-widget-from-the-context-menu","2. Select Widgets Behind Other Widgets Using \"Select Widget\" From the Context Menu",[11,6732,6733,6734,6739],{},"Similar to the previous tip, if you want to ",[15,6735,6738],{"href":6736,"rel":6737},"https://docs.axure.com/axure-rp/reference/organizing-widgets/?utm_campaign=Tips%20and%20Tricks&utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz-80LcCWEq9z1VRf-S1OMonYRWxQvkH0RYsekFs9_2EuY6Jd0RJB3WI90qnOUaDUB6FAC29T#layer-order--depth-order--front-and-back",[33],"select a widget behind another widget"," without having to use the Outline pane, you can right-click the area over the widget you would like to select, then choose Select Widget from the context menu, which will show a list of the widgets behind the area you right-clicked.",[11,6741,6742],{},[100,6743],{"alt":71,"src":6744},"/images/2022/05/unnamed-3.png",[107,6746,6748],{"id":6747},"_3-hide-widgets-from-view","3. Hide Widgets From View",[11,6750,6751,6752,802,6757,4248,6761,6764],{},"If you ever want to temporarily hide widgets on the canvas, you can use the Hide from View button in the Outline pane. This button will appear for ",[15,6753,6756],{"href":6754,"rel":6755},"https://docs.axure.com/axure-rp/reference/widget-groups/",[33],"Groups",[15,6758,6760],{"href":1906,"rel":6759},[33],"Dynamic Panels",[15,6762,4585],{"href":4583,"rel":6763},[33]," and will hide them from your view on the canvas while editing, but they will still appear in the prototype.",[11,6766,6767],{},[100,6768],{"alt":71,"src":6769},"/images/2022/05/hide-from-view.gif",[107,6771,6773],{"id":6772},"_4-hide-other-widgets-when-editing-repeaters","4. Hide Other Widgets When Editing Repeaters",[11,6775,6776,6777,6782],{},"In RP 10, you can now hide other widgets that are on the canvas when editing a ",[15,6778,6781],{"href":6779,"rel":6780},"https://fwd.axure.com/e3t/Btc/5D+113/cQx7M04/MWY_c-RXS6pW8PFV_b1MW_HJW6R-97G4C8kbwMJvQn93q3nJV1-WJV7CgTr6W4vV5xX30KLynW3WRzT-2ZkB8gW25tNpJ6Rxgy5W8c4fym8JtWqFW8XqVQp51dJ1mW7Q_FNc8W06pjVFvk4c2JQ6k9W2xfJdR5lpFTTN8S4m_wyQbV8N6-040yhPl2CW3wbgF78MwrB4W6dMcLw2lnxSVW50lrg45wVs6HW1QMld12xK_-HW2ZyQ2v6N_-PDW5t_dw11CPRKjW6G25Hw58rNlxW8vWZ8t1HslFsW91NvX15HK3QNW17mXhH3XlQBHW6LpY7T7TZ7StW3vGLVm7TBjhvN7HybFbkRFBvW3jFTqd6kQk1g3p9y1",[33],"repeater widget",". To access this feature, double-click on the repeater to enter editing mode, and then select the Isolate button on the repeater's floating toolbar.",[11,6784,6785],{},[100,6786],{"alt":71,"src":6787},"/images/2022/05/isolate-widget-repeater-e1653324543696.png",[107,6789,6791],{"id":6790},"_5-use-move-actions-on-page-load-when-working-with-multi-layer-designs","5. Use move actions on page load when working with multi-layer designs",[11,6793,6794,6795,375,6798,6801,6802,6806,6807,6810],{},"If you are working with a multi-layered design and are having trouble editing buried widgets, try spacing them out on the canvas while editing, rather than having them layered on top of one another. Then, rather than moving them back and forth throughout the editing process, you can set up a ",[26,6796,6797],{},"Page Loaded",[15,6799,1816],{"href":4748,"rel":6800},[33]," with a \"Move\" action to relocate them to the required location when the prototype is viewed. A great example of this is building a ",[15,6803,6805],{"href":6804},"/blog/prototyping-and-designing-for-multiple-device-sizes","mobile prototype"," with a menu that expands from the top left. Rather than attempting to edit this menu while located on top of the rest of the design, you can instead edit it in an open space on the canvas and set up a ",[26,6808,6809],{},"Page Loaded > Move"," interaction targeting the widgets you need to relocate.",[11,6812,6813],{},[100,6814],{"alt":71,"src":6815},"/images/2022/05/move-action.png",[107,6817,6819],{"id":6818},"_6-collapseexpand-all-in-outline","6. Collapse/Expand All in Outline",[11,6821,6822],{},"Quickly tidy up the Outline view by using the Collapse / Expand All button in the filter menu at the top-right of the Outline pane. Easily toggle between viewing the entire page contents and just the top-level groupings.",[11,6824,6825],{},[100,6826],{"alt":71,"src":6827},"/images/2022/05/unnamed-1.png",[107,6829,6831],{"id":6830},"_7-keep-track-of-interactions-by-using-start-trace-while-previewing","7. Keep Track of Interactions by Using \"Start Trace\" While Previewing",[11,6833,6834,6835,6840,6841,6844],{},"If you ever need to see a list of your prototype interactions, whether for documentation or troubleshooting purposes, you can do so when previewing your prototype. Start by opening the ",[15,6836,6839],{"href":6837,"rel":6838},"https://docs.axure.com/axure-rp/reference/prototype-player/?utm_campaign=Tips%20and%20Tricks&utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz-8EWKckWSbNjKRvxEkAk9NJyzbieNc7r6M_9WMLU49zc3Wk5SFDMMvBmUiAoDI7IcYLkT1_#console",[33],"console"," panel, selecting ",[26,6842,6843],{},"Start Trace",", and then triggering interactions and associated events as you interact with your prototype. This allows you to isolate interactions in any problem areas and make adjustments as needed.",[11,6846,6847],{},[100,6848],{"alt":71,"src":6849},"/images/2022/05/unnamed-2.png",[11,6851,6852,6853,6857],{},"We hope these tips help make your prototyping experience an even more seamless process, especially for your most complex and large projects. Have your own tips and tricks? Reach out to us at ",[15,6854,6856],{"href":6855},"mailto:hello@axure.com","hello@axure.com"," and we'd love to include them in our next newsletter or blog post.",{"title":71,"searchDepth":72,"depth":72,"links":6859},[6860,6861,6862,6863,6864,6865,6866],{"id":6712,"depth":72,"text":6713},{"id":6729,"depth":72,"text":6730},{"id":6747,"depth":72,"text":6748},{"id":6772,"depth":72,"text":6773},{"id":6790,"depth":72,"text":6791},{"id":6818,"depth":72,"text":6819},{"id":6830,"depth":72,"text":6831},[388,601],"2022-05-23T00:00:00.000Z","When you have layers of widgets in your larger prototypes, navigating through each element can be difficult. Here at Axure, we've seen projects with dozens of pages and thousands of widgets. Check out these 7 tips for identifying, selecting, and keeping track of all those widgets in your complex prototypes.",{"src":80},{},"/blog/tips-nav-widgets-large-files",{"src":6874},"/images/2022/05/7tips-for-widget-largefile.png",{"title":6704,"description":6869},"blog/tips-nav-widgets-large-files","XA2gc4_vDPJdSQ455FNuC3-K49vqY_zvt-W-8k_Sp-I",{"id":6879,"title":6880,"author":6,"body":6881,"categories":6943,"date":6944,"description":6945,"extension":79,"featuredImage":80,"mainImage":6946,"meta":6948,"navigation":83,"path":6949,"previewImage":6950,"seo":6951,"stem":6952,"tags":80,"__hash__":6953},"blog/blog/custom-cloud-plugins.md","Easily Add Audio, Video, and Tracking Capabilities to Your Prototypes",{"type":8,"value":6882,"toc":6940},[6883,6891,6911,6915,6922,6925,6930,6933,6936],[11,6884,6885,6886,6890],{},"With Axure RP, you can make realistic and interactive and high-fidelity prototypes without needing to code. That said, sometimes you may want to bring even more realism to your prototypes, do something out of the box, or even add tracking capabilities. One way to accomplish this is by adding ",[15,6887,6889],{"href":3228,"rel":6888},[33],"custom code plugins"," in Axure Cloud.",[11,6892,6893,6894,6898,6899,6903,6904,6907,6908,367],{},"To add custom plugins to your project, simply log in to Axure Cloud from the ",[15,6895,6897],{"href":686,"rel":6896},[33],"desktop app"," or from a ",[15,6900,6902],{"href":168,"rel":6901},[33],"web browser",". Then, you can find the plugins section by navigating to the project's overview page and select the ",[115,6905,6906],{},"Advanced"," tab. From there, you can insert HTML or javascript into the text field, and decide if the plugin will be located inside the head or body of a page, or inside of a ",[15,6909,1908],{"href":1906,"rel":6910},[33],[107,6912,6914],{"id":6913},"why-should-you-use-plugins","Why should you use plugins?",[11,6916,6917,6918,367],{},"Custom plugins can be used for a variety of purposes, ranging from inserting animated images, audio and video into your project, linking your prototype to Google Analytics for accurate data tracking, or when using a ",[15,6919,6921],{"href":3257,"rel":6920},[33],"user testing platform like UXtweak",[11,6923,6924],{},"In the Google Analytics example below, you can see that the plugin is composed of a Google Analytics global site tag code snippet, which you can then add to pages in your project:",[11,6926,6927],{},[100,6928],{"alt":71,"src":6929},"/images/2022/05/Screen-Shot-2022-05-16-at-10.24.49-AM.png",[11,6931,6932],{},"This is just one of many examples of how you can use custom plugins to enhance your prototypes and ensure that they work congruently with the other tools or databases you also use.",[11,6934,6935],{},"We hope this inspires you to get even more creative with what you can do with your prototypes!",[11,6937,5914,6938,597],{},[15,6939,366],{"href":365},{"title":71,"searchDepth":72,"depth":72,"links":6941},[6942],{"id":6913,"depth":72,"text":6914},[177,601],"2022-05-16T00:00:00.000Z","With Axure Cloud plugins, you can use custom code snippets to bring even more realism to your prototypes, do something out of the box, or even add tracking capabilities. Learn more about how you can use this feature to make the most of your prototypes!",{"src":6947},"/images/2022/05/Cloud-Plugins2.png",{},"/blog/custom-cloud-plugins",{"src":6947},{"title":6880,"description":6945},"blog/custom-cloud-plugins","M4rnyuTL9FGlJJvncRM7BTPz68X1IULV85MIlUQA6gY",{"id":6955,"title":6956,"author":6,"body":6957,"categories":7023,"date":7024,"description":6963,"extension":79,"featuredImage":80,"mainImage":7025,"meta":7027,"navigation":83,"path":7028,"previewImage":7029,"seo":7031,"stem":7032,"tags":80,"__hash__":7033},"blog/blog/prototyping-for-work.md","Prototyping for Work",{"type":8,"value":6958,"toc":7019},[6959,6964,6968,6977,6983,6991,6997,7005,7011],[11,6960,6961],{},[26,6962,6963],{},"We chatted with Matan, a Product Manager that recently expanded his skill set to include UX. His project serves as a way to demonstrate his newly learned UX and Axure skills, as he explored new employment opportunities.",[195,6965,6967],{"id":6966},"quick-background-on-matan","Quick Background on Matan",[11,6969,6970,6976],{},[115,6971,6972,6973],{},"Getting into UX ",[100,6974],{"alt":71,"src":6975},"/images/2022/04/IMG_3409.jpeg"," I started out as a Product Manager. After my first role, I decided to start exploring UX to help me communicate my vision for our product. I enrolled in a UX course with a strong cognitive psychology aspect. For me to be great at my job, it helps if I understand the mental model of a user, what they can do in each task, and how each point is in a different situation. I wanted to understand the motivations and the things that users need. From there, I can apply this knowledge to make our product easier to use, more supportive, and empowering for them.",[11,6978,6979,6982],{},[115,6980,6981],{},"The Power of Prototyping"," In my UX course, we started exploring prototyping with Axure. We actually started learning Axure in our first lesson, and so I was practicing with it right away. It was mind-blowing for me, because I could build my visions in a very realistic way. But I also found myself exploring different ways to design and build things. I'm not a developer or programmer, so I was excited that I didn't need to write any code to build a product that felt so real, all on my own.",[195,6984,6986],{"id":6985},"the-cv-project",[15,6987,6990],{"href":6988,"rel":6989},"https://n2qzgm.axshare.com/#id=eb1b4p&p=matan_s_cv",[33],"The CV Project",[11,6992,6993,6996],{},[115,6994,6995],{},"The Catalyst"," As I was putting my CV together for a new job after my UX course, I understood that for any product manager position, you're competing against hundreds of other CVs in the pile. To stand out, I needed to do something to take the value that I learned from the course and try to do it in an out-of-the-box way. It was the beginning of the pandemic, and I had a lot of time to work on it. First, I asked myself, \"who are my users, my target audience?\" To avoid the HR resume pile, I decided to target the VP, or person in a company that can evaluate a product. I wanted my audience to really read my resume. Not just glance and look for buzzwords, but really see it on their phone and engage. So I decided to bring in some incentives as a gamification idea. The idea is that as long as they read my CV, my prototype, they will get points.",[11,6998,6999],{},[15,7000,7002],{"href":6988,"rel":7001},[33],[100,7003],{"alt":71,"src":7004},"/images/2022/04/matan_CV_project.png",[11,7006,7007,7010],{},[115,7008,7009],{},"Building the Prototype"," I started this project with some of the basic knowledge from my courses, but I also learned so much from the forums, Axure documentation, YouTube, and tons of feedback from people I took my courses with. I had some difficulties at first because I was building my first product –on my own– with a tool that was new to me. I would try one thing one way and then figure out a new way to do things, so there were a lot of iterations. I learned a lot about design throughout the process, and it really changed the way that I work. I worked a lot with dynamic panels. I love the dynamic panel. I use it in almost everything because I could do almost anything with it. I used dynamic panels to test different experiences and see what was working. It was a great feeling to be able to solve different problems while prototyping. Almost like a game in itself; I really enjoy it.",[11,7012,7013,7015,7016,367],{},[115,7014,4590],{}," Yes, I started a new job. Some people liked my resume project, some people ignored it, and some people didn't like it. Overall, building it out was a great lesson, improved my level of experience, and it was great to apply all the feedback I received. The ability to share the preview or the link to my demo helped me. I got so many tips from people, and all the feedback was quick and valuable. I'm trying to implement prototyping more with the different people and companies that I talk to. Axure is a superpower tool. If we can use it earlier in the discovery process, we can build and explore the best designs for users. To \"play\" Matan's resume, you can check it out ",[15,7017,630],{"href":6988,"rel":7018},[33],{"title":71,"searchDepth":72,"depth":72,"links":7020},[7021,7022],{"id":6966,"depth":309,"text":6967},{"id":6985,"depth":309,"text":6990},[],"2022-04-27T00:00:00.000Z",{"src":7026},"/images/2022/04/prototyping-for-work@2x-1.png",{},"/blog/prototyping-for-work",{"src":7030},"/images/2022/04/prototyping-for-work@2x.png",{"title":6956,"description":6963},"blog/prototyping-for-work","HbbOuUhKv2OnftM9a5hzzx_9l_UlxnbFmS0IFSNMKLg",{"id":7035,"title":7036,"author":6,"body":7037,"categories":7105,"date":7106,"description":7107,"extension":79,"featuredImage":80,"mainImage":7108,"meta":7110,"navigation":83,"path":7111,"previewImage":7112,"seo":7114,"stem":7115,"tags":80,"__hash__":7116},"blog/blog/convenience-of-components.md","The Convenience of Components",{"type":8,"value":7038,"toc":7103},[7039,7046,7054,7059,7064,7067,7072,7087,7096,7099],[11,7040,7041,7042,7045],{},"Do you have UX/UI elements that you'll probably use on most or all pages of your prototype? If so, ",[15,7043,4585],{"href":4583,"rel":7044},[33]," are your friend. Whether you have a quick and simple low-fidelity prototype, or a complex prototype that you'll be working on for some time, revisiting components can be a great way to enhance your prototyping experience.",[11,7047,7048,7049,7053],{},"Components help you save time by allowing you to save a collection of widgets into a group that you can easily add to any page in your prototype. Similar to ",[15,7050,7052],{"href":7051},"/blog/custom-widget-libraries","custom widget libraries",", components also allow you to add interactions to the widgets when building a component, and those interactions will be present in each component instance.",[1488,7055,7056],{},[11,7057,7058],{},"Tip: What makes components different from widget libraries is that anytime you update the main component, any instances of a component that have already been added to pages in your projects will automatically be updated as well.",[11,7060,7061],{},[100,7062],{"alt":71,"src":7063},"/images/2022/04/Editing-a-Component.png",[11,7065,7066],{},"So when and why should you create a component? Common design elements that components are great for include headers, footers, and navigation menus, since these elements are often used on multiple or all pages of a prototype. This allows you to build these commonly used design elements once, and then add them to multiple pages in a matter of seconds.",[11,7068,7069],{},[100,7070],{"alt":71,"src":7071},"/images/2022/04/Adding-Component-to-Pages.gif",[11,7073,7074,7075,7080,7081,7086],{},"How can you take your components to the next level? Components also have additional neat tricks, such as ",[15,7076,7079],{"href":7077,"rel":7078},"https://docs.axure.com/axure-rp/reference/creating-and-using-components/#text-and-image-overrides",[33],"text and image overrides",", which allow you to easily override one specific instance of a component without affecting any other instances. You can also create ",[15,7082,7085],{"href":7083,"rel":7084},"https://docs.axure.com/axure-rp/reference/component-views/",[33],"component views"," to correspond with any adaptive views that you may have in your prototype.",[11,7088,7089,7090,7095],{},"On a more advanced level, consider trying out using ",[15,7091,7094],{"href":7092,"rel":7093},"https://docs.axure.com/axure-rp/reference/raised-events/",[33],"raised events"," with your components, which allow you to configure actions under an interaction event that target widgets outside of the component, and can be set at the page level.",[11,7097,7098],{},"We hope this deeper dive into the benefits of using components will inspire you to make use of this feature in your Axure RP Prototypes.",[11,7100,5914,7101,597],{},[15,7102,366],{"href":365},{"title":71,"searchDepth":72,"depth":72,"links":7104},[],[388,601],"2022-04-06T00:00:00.000Z","Whether you have a quick and simple low-fidelity prototype, or a complex prototype that you'll be working on for some time, revisiting components can be a great way to enhance your prototyping experience.",{"src":7109},"/images/2022/04/Components.png",{},"/blog/convenience-of-components",{"src":7113},"/images/2022/04/Components2.png",{"title":7036,"description":7107},"blog/convenience-of-components","Gbady61i5M1l64kkhtQB63EBg3yHKF0WpHrdB89VvnA",{"id":7118,"title":7119,"author":6,"body":7120,"categories":7191,"date":7192,"description":7193,"extension":79,"featuredImage":80,"mainImage":7194,"meta":7196,"navigation":83,"path":7051,"previewImage":7197,"seo":7199,"stem":7200,"tags":80,"__hash__":7201},"blog/blog/custom-widget-libraries.md","Easily Maintain Designs Across Prototypes",{"type":8,"value":7121,"toc":7189},[7122,7129,7132,7143,7156,7163,7168,7171,7175,7185],[11,7123,7124,7125],{},"What's the best way to ensure that the widgets and design patterns that you commonly use are always readily available to your team and up to date? Creating your own ",[15,7126,7128],{"href":3497,"rel":7127},[33],"widget libraries.",[11,7130,7131],{},"Custom libraries are a great tool to take advantage of for a variety of reasons, such as when:",[269,7133,7134,7137,7140],{},[272,7135,7136],{},"You have numerous widgets or components that you use in multiple prototypes",[272,7138,7139],{},"You have design elements that must follow specific company style guidelines",[272,7141,7142],{},"You want to ensure that you and your team stay consistent and have access to the most up-to-date version of the widgets you collectively use",[11,7144,7145,7146,808,7150,7155],{},"With the ability to publish your library files to ",[15,7147,177],{"href":7148,"rel":7149},"http://app.axure.cloud",[33],[15,7151,7154],{"href":7152,"rel":7153},"https://docs.axure.com/axure-rp/reference/widget-libraries/#adding-and-removing-libraries",[33],"upload them in the Libraries pane"," in Axure RP, you'll always be able to access the most up to date versions of your custom made widgets.",[11,7157,7158,7159,7162],{},"Creating widget library files is simple –– just open Axure RP, go to ",[115,7160,7161],{},"File > New Library",", and then start creating and styling your widgets.",[11,7164,7165],{},[100,7166],{"alt":71,"src":7167},"/images/2022/03/Screen-Shot-2022-03-22-at-12.27.58-PM.png",[11,7169,7170],{},"Along with saving specific style elements such as fonts, colors, images, and much more, the beauty of creating custom widget libraries is that you can add interactions to your widgets as well, which will be saved and automatically applied to the widget when you use it in your prototypes.",[1488,7172,7173],{},[11,7174,7058],{},[11,7176,7177,7178,7181,7182,367],{},"In addition to creating your own libraries, you can also download pre-made custom widget libraries that are ",[15,7179,7180],{"href":5649},"offered from our Axure user community",". If you're looking for templates, commonly used web icons, and mobile and desktop UI patterns just to name a few, these are a great place to start. You can also learn more about submitting your own libraries ",[15,7183,630],{"href":7184},"/support/download-widget-libraries/submit",[11,7186,5914,7187,597],{},[15,7188,366],{"href":365},{"title":71,"searchDepth":72,"depth":72,"links":7190},[],[388,601],"2022-03-23T00:00:00.000Z","Easily maintain designs across multiple prototypes with custom widget libraries! Take advantage of the ability to create your own widget libraries to ensure that the widgets and design patterns that you commonly use are always readily available to your team and up to date.",{"src":7195},"/images/2022/03/Widget-Libraries-3.png",{},{"src":7198},"/images/2022/03/Widget-Libraries-2.png",{"title":7119,"description":7193},"blog/custom-widget-libraries","onN48hQuQBrMo3qjQlMKQXPTqLKh8HmuEMLGAbiCS3k",{"id":7203,"title":7204,"author":6,"body":7205,"categories":7293,"date":7294,"description":7295,"extension":79,"featuredImage":80,"mainImage":7296,"meta":7298,"navigation":83,"path":2159,"previewImage":7299,"seo":7301,"stem":7302,"tags":80,"__hash__":7303},"blog/blog/gathering-quality-feedback.md","Top 4 Tips for Gathering Quality Feedback",{"type":8,"value":7206,"toc":7291},[7207,7210,7223,7228,7247,7252,7282,7285,7289],[11,7208,7209],{},"While we gather feedback every day, sometimes our designs still don't quite meet the mark. This can lead to unnecessary redesigns, extra work, and wasted time. That's why quality is essential when collecting feedback. Check out these 4 tips to improve your feedback when sharing UX designs:",[420,7211,7212],{},[272,7213,7214,7217,7218,7222],{},[115,7215,7216],{},"Get your comments down to the widget level."," While overall feedback is still helpful, asking for more specific feedback on individual widgets or elements in your prototype will help you identify and resolve any issues much more quickly and efficiently. With Axure, anyone who reviews your project can ",[15,7219,6195],{"href":7220,"rel":7221},"https://docs.axure.com/axure-cloud/reference/discussions/#posting-comments",[33]," directly on the widget or area of the page that they're addressing.",[11,7224,7225],{},[100,7226],{"alt":71,"src":7227},"/images/2022/02/discussions4.png",[420,7229,7230],{"start":72},[272,7231,7232,7235,7236,7241,7242,957],{},[115,7233,7234],{},"Make commenting as easy as possible for your reviewer."," Since your reviewers may not be as familiar with your design tools as you are, it's helpful to ensure that commenting and navigating through prototypes is a seamless process. Here at Axure, we've now made it even simpler to share your projects with stakeholders and team members with link options that the comments panel and page navigation panel are already visible and accessible. Additionally, keep in mind that when viewing projects in the browser, you can further customize which panels of the ",[15,7237,7240],{"href":7238,"rel":7239},"https://docs.axure.com/axure-rp/reference/prototype-player/",[33],"Prototype Player"," are expanded and collapsed, which will update the URL, and you can share those specific URL configurations as well. ",[15,7243,7246],{"href":7244,"rel":7245},"https://docs.axure.com/axure-rp/reference/prototype-player/#saving-and-sharing-prototype-player-configurations",[33],"Check out this reference guide",[11,7248,7249],{},[100,7250],{"alt":71,"src":7251},"/images/2022/02/PlayerURL.gif",[420,7253,7254,7265],{"start":309},[272,7255,7256,7259,7260,7264],{},[115,7257,7258],{},"Gather feedback throughout various stages of the design process."," While it's tempting to want a project to be complete and polished when presenting it, keeping stakeholders in the loop and getting their input even in the early stages will help you save time and frustration later on. Even showing an early stage, a ",[15,7261,7263],{"href":7262},"/blog/hi-fi-to-lo-fi-with-the-flip-of-a-switch","low-fidelity"," wireframe can help with identifying issues with workflows or navigation.",[272,7266,7267,7270,7271,7275,7276,7281],{},[115,7268,7269],{},"Streamline communication with Integrations."," By making use of plugins and integrations, it's easier to communicate between your team and stakeholders. For instance, if your team uses ",[15,7272,7274],{"href":3745,"rel":7273},[33],"Jira & confluence",", you can embed your Axure prototypes directly within tickets. We also offer ",[15,7277,7280],{"href":7278,"rel":7279},"https://docs.axure.com/axure-cloud/reference/notifications/",[33],"Slack & Microsoft Teams"," integrations, which makes it possible to receive updates and notifications in a way that's convenient for everyone involved.",[11,7283,7284],{},"Gathering quality critiques and suggestions throughout the design process will help you save time and retain your clients' trust and confidence. We hope that the features and integrations Axure offers will help make this a seamless process and help you create designs that you and your stakeholders are pleased with.",[11,7286,5914,7287,367],{},[15,7288,366],{"href":365},[11,7290,504],{},{"title":71,"searchDepth":72,"depth":72,"links":7292},[],[177,601],"2022-02-23T00:00:00.000Z","When it comes to gathering feedback from stakeholders and teammates, quality is essential. Check out these 4 tips to improve your feedback when sharing UX designs.",{"src":7297},"/images/2022/02/Sharing-for-Feedback-2.png",{},{"src":7300},"/images/2022/02/Sharing-for-Feedback2.png",{"title":7204,"description":7295},"blog/gathering-quality-feedback","kXkgsCgLXxOrbFlxXBFPotAgdMo3WHCIAlfuX9p3dEg",{"id":7305,"title":7306,"author":6,"body":7307,"categories":7436,"date":7437,"description":7438,"extension":79,"featuredImage":80,"mainImage":7439,"meta":7441,"navigation":83,"path":4647,"previewImage":7442,"seo":7443,"stem":7444,"tags":80,"__hash__":7445},"blog/blog/a-few-quick-notes.md","A Few Quick Notes",{"type":8,"value":7308,"toc":7432},[7309,7314,7318,7323,7329,7332,7337,7340,7348,7356,7360,7373,7377,7380,7385,7392,7397,7400,7404,7419,7424],[11,7310,7311],{},[26,7312,7313],{},"We chatted with Luke, who is a long-time Axure RP user and UX designer of 10-years about his Axure prototype. His project serves as a tool to help Anglo concertina players learn scales and chords.",[195,7315,7317],{"id":7316},"quick-background-on-luke","Quick background on Luke",[11,7319,7320],{},[115,7321,7322],{},"Started in UX",[11,7324,7325],{},[115,7326,7327],{},[100,7328],{"alt":71,"src":6619},[11,7330,7331],{},"I got started in academia. I went through an HCI program, and I was mostly doing user research. I would get super frustrated not being able to do anything about the insights that I was getting from user research myself, so prototyping and interaction design was a logical next step. My manager at the time was an Axure user, and he introduced it to me. When using Axure, I thought it was amazing because all the other design tools are mostly geared toward visual design and layouts.",[11,7333,7334],{},[115,7335,7336],{},"Daily UX Toolbelt",[11,7338,7339],{},"For work, it's usually a combination of Zoom, Microsoft Excel, and Axure. If I need to do any serious image editing, I'll use Photoshop. I've pretty much decided that anything that Sketch or Figma has that I like, Axure does well enough for my purposes. I get frustrated when there aren't interaction design elements in the tools, so I pretty much use Axure for everything visual and interactive.",[195,7341,7343],{"id":7342},"the-anglo-piano",[15,7344,7347],{"href":7345,"rel":7346},"https://anglopiano.com/",[33],"The Anglo Piano",[11,7349,7350],{},[15,7351,7353],{"href":7345,"rel":7352},[33],[100,7354],{"alt":71,"src":7355},"/images/2022/02/Screen-Shot-2022-02-18-at-11.20.51-AM.png",[11,7357,7358],{},[115,7359,6995],{},[11,7361,7362,7363,7368,7369,7372],{},"I started playing ",[15,7364,7367],{"href":7365,"rel":7366},"https://en.wikipedia.org/wiki/Anglo_concertina",[33],"Anglo concertina"," a few years ago, which if you're not familiar with it, is an instrument like a little accordion. This type of concertina has two different notes for each button: one if you're squeezing and one if you're pulling. The keyboard layout is intuitive if you're playing really simple things, but if you're trying to get into more complicated tunes or harmonies, it can get pretty complicated quickly. I would often find myself sitting down at a piano to figure out how to translate ",[2506,7370,7371],{},"notes"," to concertina.",[11,7374,7375],{},[115,7376,7009],{},[11,7378,7379],{},"The first version probably took me a solid weekend to build, and that was using the out-of-the-box functionality that is built into Axure. After I started getting a lot of feedback, I probably have spent another weekend or two's worth of time on it. I really, really heavily relied on repeaters. It was mind-bending to recreate a piano keyboard using repeaters, but it was more straightforward to do the concertina keyboard that way. I also used a repeater-based system to parse the variable in the URL that stores the custom layout.",[11,7381,7382],{},[115,7383,7384],{},"The Hardest Stuff",[11,7386,7387,7388,7391],{},"I had to record a little mp3 of every single key pressed on the piano and then put it through a little script so that I could embed it into the prototype. I could just have a folder sitting on my server that had all the sounds, but I like things to be more self-contained. Also, the ability to encode a custom layout of the concertina ",[2506,7389,7390],{},"depending on your version of the instrument"," as a global variable so that you can use that as a URL and bookmark it, that was a trip. I know it's not something that Axure is intended to do, but it was very satisfying once it was done. I think working within the constraints is a fun puzzle, kind of like playing concertina.",[11,7393,7394],{},[115,7395,7396],{},"The Fun Stuff",[11,7398,7399],{},"Well in addition to everything else, the idea that I, as a designer, can knock out an actual usable product using Axure, then get feedback and iterate on that myself is just hugely satisfying. It cuts down on the alienation from labor.",[11,7401,7402],{},[115,7403,4590],{},[11,7405,7406,7407,7412,7413,7418],{},"There's this site called ",[15,7408,7411],{"href":7409,"rel":7410},"http://concertina.net",[33],"concertina.net",", which is a forum for concertina players. It's a welcoming community of enthusiasts, and it made sense ",[15,7414,7417],{"href":7415,"rel":7416},"https://www.concertina.net/forums/index.php?/topic/24636-anglo-piano-webapp/",[33],"to post it there"," once I'd gotten it into a state where it was working. It instantly got two pages of replies and people requesting different layouts. So that's when I started working on it in earnest. Once you get to a super-advanced level with the concertina, you start encountering all these very strange keyboard layouts. So it was pretty clear when I posted this on the forum that people would need a way to customize it.",[11,7420,7421],{},[115,7422,7423],{},"Axure Tip to Share",[11,7425,7426,7427,367],{},"I think repeaters are super useful for more than what they seem on the face of it. I use them as little databases, and they can do things like simple database queries or things like vlookup, if you're familiar with excel. I would also say if you're going to use sounds, try and find a pre-built widget instead of building your own because that was just tedious but cool. To learn more about how Luke's concertina prototype works, check out his ",[15,7428,7431],{"href":7429,"rel":7430},"https://www.youtube.com/watch?v=gVQDAPBuO5Y",[33],"youtube video",{"title":71,"searchDepth":72,"depth":72,"links":7433},[7434,7435],{"id":7316,"depth":309,"text":7317},{"id":7342,"depth":309,"text":7347},[],"2022-02-18T00:00:00.000Z","We chatted with Luke, who is a long-time Axure RP user and UX designer of 10-years about his Axure prototype. His project serves as a tool to help Anglo concertina players learn scales and chords. Learn more about how Luke built his working prototype in Axure RP. ",{"src":7440},"/images/2022/02/A-few-quick-notes@1x-1.png",{},{"src":7440},{"title":7306,"description":7438},"blog/a-few-quick-notes","guarrkz_5AnfS4K7mCgi0Xugdx9BVNe93_Xg3i3vqs8",{"id":7447,"title":7448,"author":7449,"body":7450,"categories":7474,"date":7475,"description":7476,"extension":79,"featuredImage":80,"mainImage":7477,"meta":7478,"navigation":83,"path":7479,"previewImage":7480,"seo":7482,"stem":7483,"tags":80,"__hash__":7484},"blog/blog/know-it-all.md","Know It All","Victor",{"type":8,"value":7451,"toc":7472},[7452,7455,7458,7463,7466,7469],[11,7453,7454],{},"By: Victor, Co-Founder at Axure",[11,7456,7457],{},"Your job is to come up with the perfect solution that users will love while taking into account the needs and constraints of sales, marketing, support, design, development, QA, IT, and every other part of the business that has a stake in the product. Ahem… and if you don't know exactly what each team wants, feel free to set up an hour to interview them.",[11,7459,7460],{},[100,7461],{"alt":71,"src":7462},"/images/2022/02/quote-2.png",[11,7464,7465],{},"If this sounds like your job, first, congratulations. Your manager believes you are superhuman! Second, I'm sorry. It's not easy to live up to an expectation that you know it all and will make all the right decisions.",[11,7467,7468],{},"Fortunately for us regular humans, there's another way to get to the right solution. Instead of independently representing the user and every department in the company, you can engage them during analysis and design. Gather information. Listen to feedback. Get validation.",[11,7470,7471],{},"Oddly enough, getting to the right solution requires proving that you're NOT a know-it-all. Show them multiple options. Present prototypes without the visual polish. Prove that you're not just trying to get them to say \"Yes\" and you'll get real, honest, valuable input that just might make you look superhuman.",{"title":71,"searchDepth":72,"depth":72,"links":7473},[],[601,76],"2022-02-04T00:00:00.000Z","Your job is to come up with the perfect solution that users will love while taking into account the needs and constraints of sales, marketing, support, design, development, QA, IT, and every other part of the business that has a stake in the product. Oddly enough, getting to the right solution requires proving that you're NOT a know-it-all.",{"src":80},{},"/blog/know-it-all",{"src":7481},"/images/2022/02/know-it-all.png",{"title":7448,"description":7476},"blog/know-it-all","Zs1S_k0rEE2zWkGc2Q03MNcc10DBlGO-uZ5qrVCJh5U",{"id":7486,"title":7487,"author":6,"body":7488,"categories":7562,"date":7563,"description":7564,"extension":79,"featuredImage":80,"mainImage":7565,"meta":7567,"navigation":83,"path":7568,"previewImage":7569,"seo":7571,"stem":7572,"tags":80,"__hash__":7573},"blog/blog/axure-m1-support.md","Axure RP Now Runs Natively on Apple's M1 Macs",{"type":8,"value":7489,"toc":7557},[7490,7495,7498,7502,7511,7515,7524,7528,7531,7539,7545,7552],[11,7491,7492,7493,631],{},"To download the latest version of Axure RP 10 with Apple Silicon Support, click ",[15,7494,630],{"href":1375},[11,7496,7497],{},"We're excited to announce that Axure RP 10 now runs natively on Macs with the Apple Silicon Chip. When using the latest release on M1 Macs, you will get extended battery life, lower memory usage, and improved overall performance. In our baseline tests, some operations were more than 2x faster.",[107,7499,7501],{"id":7500},"background","Background",[11,7503,7504,7505,7510],{},"In 2020, Apple announced their plan to transition Mac computers from Intel processors to Apple Silicon, which is a series of system on a chip (SoC) and system in a package (SiP) processors designed by Apple Inc. The first major development in this transition is the M1 chip, which is included in ",[15,7506,7509],{"href":7507,"rel":7508},"https://support.apple.com/en-us/HT211814",[33],"certain models of new Mac computers"," released in fall of 2020.",[107,7512,7514],{"id":7513},"why-its-important","Why it's important",[11,7516,7517,7518,7523],{},"Without native support, Intel-based apps must be translated through ",[15,7519,7522],{"href":7520,"rel":7521},"https://support.apple.com/en-us/HT211861",[33],"Rosetta 2"," (a simulation tool which runs in the background) in order to run on the new Apple architecture. This change sparked new opportunities for developers worldwide, as software applications need to be rewritten in order to natively support Apple Silicon and take advantage of the increased battery life and performance.",[107,7525,7527],{"id":7526},"axure-rp-10-on-m1","Axure RP 10 on M1",[11,7529,7530],{},"By installing this new build, translating the app through Rosetta 2 is no longer needed, and Axure RP 10 can utilize all of the power of the new M1 chip. This will allow you to create UX prototypes with even more interactions, event triggers, and conditions, so that you can truly explore the full capability of what Axure RP has to offer.",[11,7532,7533,7534,7538],{},"To see if your Mac has an M1 chip, look over this ",[15,7535,7537],{"href":7507,"rel":7536},[33],"Apple Support Guide"," for a list of the computers that currently use the new chip.",[11,7540,7541,7542,367],{},"To download the latest version of Axure RP 10 with Apple Silicon Support, head over to ",[15,7543,6100],{"href":6098,"rel":7544},[33],[11,7546,7547,7548,367],{},"Learn more about installing Axure RP 10 on our ",[15,7549,7551],{"href":4657,"rel":7550},[33],"reference site",[11,7553,7554,7555,367],{},"To submit any feedback, you can contact us at ",[15,7556,366],{"href":365},{"title":71,"searchDepth":72,"depth":72,"links":7558},[7559,7560,7561],{"id":7500,"depth":72,"text":7501},{"id":7513,"depth":72,"text":7514},{"id":7526,"depth":72,"text":7527},[388,178],"2022-01-26T00:00:00.000Z","We're excited to announce that we now have an Axure RP 10 build with native support for Macs with the Apple Silicon Chip. With this new build, you can begin to see improved performance when using Axure RP 10 natively on Macs with M1!",{"src":7566},"/images/2022/01/M1-Newsletter.png",{},"/blog/axure-m1-support",{"src":7570},"/images/2022/01/Newsletter-copy.png",{"title":7487,"description":7564},"blog/axure-m1-support","t04OhxB2lj9sBJoBmARTQhm7Qwo_2x-Re5B16xw33Hk",{"id":7575,"title":7576,"author":7449,"body":7577,"categories":7617,"date":7618,"description":7619,"extension":79,"featuredImage":80,"mainImage":7620,"meta":7621,"navigation":83,"path":7622,"previewImage":7623,"seo":7625,"stem":7626,"tags":80,"__hash__":7627},"blog/blog/no-respect.md","No Respect",{"type":8,"value":7578,"toc":7615},[7579,7581,7588,7591,7594,7599,7606,7609,7612],[11,7580,7454],{},[11,7582,7583,7584,7587],{},"One of the toughest conversations to have with a product manager or UX designer is pointing out that they're losing the respect of the developers. It's tough because frequently it comes as a surprise. Meetings aren't ",[26,7585,7586],{},"that"," combative. Frustrations are written off as typical of software projects. And at the end of the day, code is still getting shipped that improves the product.",[11,7589,7590],{},"The consequences of a strained relationship between those deciding what to build and those building it tend to manifest themselves over time. This includes favoring small, incremental changes and avoiding more innovative improvements, increasing delays due to rework, and the one I consider most painful: developer turnover.",[11,7592,7593],{},"The irony is that loss of respect for the PM or UX designer is caused by developers feeling that they are not respected or at least that their time and efforts aren't.",[11,7595,7596],{},[26,7597,7598],{},"Code this… oh I don't like that… code that… oh I forgot something… code something else… you're right that won't work… try coding this.",[11,7600,7601],{},[26,7602,7603],{},[100,7604],{"alt":71,"src":7605},"/images/2022/01/quote-1.png",[11,7607,7608],{},"On the design side, this type of iteration is productive and leads to better outcomes which is core to the value that design brings. In production, constant rework demonstrates a lack of respect for the value that developers bring. Changes to the code require considering several ways a change can be implemented, understanding the impacts of each change, some experimentation to see where things may fail, and testing for and resolving bugs and edge cases after implementation. Doing these things well separates senior developers from junior developers.",[11,7610,7611],{},"I don't think I've ever heard a developer proudly say anything like, \"I was able to rework a change ten times this week!\"",[11,7613,7614],{},"No one expects a perfect spec that won't require any changes after development starts, but developers do expect, or at least hope, that you've thought through a change and put in your best efforts to find problems before asking for code. Make prototypes, gather feedback, and include developers in the process. You'll find that more ambitious goals become possible, projects are less frustrating, and the developers are a lot happier.",{"title":71,"searchDepth":72,"depth":72,"links":7616},[],[],"2022-01-12T00:00:00.000Z","One of the toughest conversations to have with a product manager or UX designer is pointing out that they're losing the respect of the developers. It's tough because frequently it comes as a surprise. With that said, there are actions you can take to foster a harmonious relationship with the developers on your team. ",{"src":80},{},"/blog/no-respect",{"src":7624},"/images/2022/01/No-Respect-1.png",{"title":7576,"description":7619},"blog/no-respect","2_R56eY2-2kK9EPBayRaWJafO_O5ltI6yuTvkbcbUSQ",{"id":7629,"title":7630,"author":6,"body":7631,"categories":7743,"date":7744,"description":7745,"extension":79,"featuredImage":80,"mainImage":7746,"meta":7748,"navigation":83,"path":7749,"previewImage":7750,"seo":7752,"stem":7753,"tags":80,"__hash__":7754},"blog/blog/5-tips-using-rp-pro.md","5 Tips for Learning how to Use Axure RP Like a Pro",{"type":8,"value":7632,"toc":7736},[7633,7636,7640,7649,7654,7670,7674,7679,7686,7690,7696,7700,7703,7708,7712,7724,7726,7734],[11,7634,7635],{},"Whether you're a beginner Axure RP user who's opening the app for the first time, or a seasoned pro who would like a refresher, we'd like to share with you 5 essential tips that every Axure RP user should know:",[107,7637,7639],{"id":7638},"tip-1-resizing-constraints","Tip 1: Resizing Constraints",[11,7641,7642,7643,7648],{},"You can apply ",[15,7644,7647],{"href":7645,"rel":7646},"https://docs.axure.com/axure-rp/reference/widget-groups/#resizing-constraints",[33],"resizing constraints"," to widgets in groups (or to groups contained within a parent group) in the Style pane in order to lock a widget's distance from an edge of a group, or the vertical or horizontal center of the group. Then, whenever a group is resized, any widgets or nested groups with constraints applied to them will always maintain their absolute distance from the pinned edge, or from the vertical or horizontal center, depending on which options you have enabled.",[11,7650,7651],{},[100,7652],{"alt":71,"src":7653},"/images/2022/01/Screen-Shot-2022-01-05-at-5.09.13-PM.png",[11,7655,7656,7657,802,7661,808,7665,7669],{},"You can also lock the widget's width or height whenever a group is resized by selecting the Fix Width or Fix Height icons. Constraints can also be imported from assets that are copied and pasted into Axure RP via the ",[15,7658,1503],{"href":7659,"rel":7660},"https://docs.axure.com/axure-rp/reference/shapes/#import-from-sketch",[33],[15,7662,1499],{"href":7663,"rel":7664},"https://docs.axure.com/axure-rp/reference/shapes/#import-from-figma",[33],[15,7666,1507],{"href":7667,"rel":7668},"https://docs.axure.com/axure-rp/reference/shapes/#import-from-adobe-xd",[33]," plugins.",[107,7671,7673],{"id":7672},"tip-2-global-variables","Tip 2: Global Variables",[11,7675,7676],{},[100,7677],{"alt":71,"src":7678},"/images/2022/01/variables1-e1641484341254.png",[11,7680,7681,7682,7685],{},"Looking to transfer values (such as numbers or text) across pages? If so, then global variables are your friend! Global variables and their values are accessible from every page in a project, so you can use them to pass information between pages. Go to ",[115,7683,7684],{},"Project → Global Variables"," to create and manage your project's global variables.",[107,7687,7689],{"id":7688},"tip-3-adaptive-views","Tip 3: Adaptive Views",[11,7691,4274,7692,7695],{},[15,7693,7694],{"href":6804},"prototyping for multiple device sizes",", utilize adaptive views to save time and prevent you from needing to design from scratch for each device size. Adaptive views are alternate versions of pages designed for specific screen sizes. They allow you to create a page once and then rearrange, resize, and restyle its widgets to fit each screen size you intend to test it on. When you view the page in a web browser, the appropriate view for the browser dimensions will be shown automatically.",[107,7697,7699],{"id":7698},"tip-4-components","Tip 4: Components",[11,7701,7702],{},"If you have design elements that you'll be using on multiple pages in your project, such as headers, footers, and navigation bars, then be sure to keep components in your back pocket. Components are collections of widgets that you can maintain in a central location and reuse throughout a project. Additionally, anytime you make changes to the main component, they'll automatically be pushed out to every individual instance of the component in the project.",[11,7704,7705],{},[100,7706],{"alt":71,"src":7707},"/images/2022/01/Components.gif",[107,7709,7711],{"id":7710},"tip-5-keyboard-shortcuts","Tip 5: Keyboard Shortcuts",[11,7713,7714,7715,7718,7719,631],{},"To speed up your workflow when creating and editing your prototypes, keyboard shortcuts are a great tool to utilize. Whether you're navigating through ",[15,7716,1908],{"href":7717},"/blog/new-dynamic-panels"," states, multi-selecting or deep-selecting widgets in a group, slicing and cropping images, or anything in between, keyboard shortcuts can help you along the way. Check out our ",[15,7720,7723],{"href":7721,"rel":7722},"https://docs.axure.com/axure-rp/reference/keyboard-shortcuts/?utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz-8pXIVo-2kuLkwbnyD4Tfc3b6vvMauEb9u7LDXjMSJalfSbff-LLQQt0XRYYiI5m-vPA_Pa",[33],"full list of keyboard shortcuts",[224,7725],{},[11,7727,4452,7728,4457,7732,367],{},[15,7729,4456],{"href":7730,"rel":7731},"https://docs.axure.com",[33],[15,7733,4461],{"href":4460},[11,7735,3001],{},{"title":71,"searchDepth":72,"depth":72,"links":7737},[7738,7739,7740,7741,7742],{"id":7638,"depth":72,"text":7639},{"id":7672,"depth":72,"text":7673},{"id":7688,"depth":72,"text":7689},{"id":7698,"depth":72,"text":7699},{"id":7710,"depth":72,"text":7711},[388,601],"2022-01-06T00:00:00.000Z","Whether you're a beginner Axure RP user who's opening the app for the first time, or a seasoned pro who would like a refresher, here are 5 essential tips that every Axure RP user should know!",{"src":7747},"/images/2022/01/5-Tips-1.png",{},"/blog/5-tips-using-rp-pro",{"src":7751},"/images/2022/01/5-Tips2.png",{"title":7630,"description":7745},"blog/5-tips-using-rp-pro","VnOhDSZkiFYcJdB4oiuScV3oLEXhdtW_KG5ADOe77a8",{"id":7756,"title":7757,"author":6,"body":7758,"categories":7904,"date":7905,"description":7906,"extension":79,"featuredImage":80,"mainImage":7907,"meta":7909,"navigation":83,"path":7910,"previewImage":7911,"seo":7913,"stem":7914,"tags":80,"__hash__":7915},"blog/blog/top-5-ux-articles-from-2021.md","Top 5 UX Articles from 2021",{"type":8,"value":7759,"toc":7897},[7760,7773,7777,7782,7787,7794,7798,7803,7808,7820,7824,7829,7834,7840,7844,7849,7854,7862,7866,7871,7876,7885],[11,7761,7762,7763,7768,7769,7772],{},"Here at Axure, 2021 has been a year packed with exciting changes, from the release of ",[15,7764,7767],{"href":7765,"rel":7766},"http://axure.com/new-in-10",[33],"Axure RP 10",", to new updates in ",[15,7770,177],{"href":1035,"rel":7771},[33]," and the Axure licensing portal. With that said, we've still found time to read plenty of great UX and industry-related articles and share them with you over our social media channels. Based on the shares, comments, and clicks from this year, we bring you the 5 most popular UX articles and why they stand out to us. Cheers and happy reading!",[107,7774,7776],{"id":7775},"_1-how-to-redesign-uiux-like-a-pro","1. How to redesign UI/UX like a pro",[11,7778,7779],{},[100,7780],{"alt":71,"src":7781},"/images/2021/12/Article-1-e1640721315323.jpeg",[11,7783,7784],{},[26,7785,7786],{},"\"Redesigning a website or app is a challenging task compared to designing something from scratch because redesign is not all about changing the User Interface, it's about solving the problems in existing design.\"",[11,7788,7789,7790,957],{},"When it comes to designing and prototyping, taking on a redesign is inevitable at some point, and is often more difficult than designing from scratch. In his article, Dinesh outlines some key tips and strategies for identifying problems with an existing design, and how to successfully solve those problems during a redesign. Check out the ",[15,7791,6588],{"href":7792,"rel":7793},"https://bootcamp.uxdesign.cc/how-to-redesign-like-a-pro-22f6941bf108",[33],[107,7795,7797],{"id":7796},"_2-10-laws-of-ux","2. 10 Laws of UX",[11,7799,7800],{},[100,7801],{"alt":71,"src":7802},"/images/2021/12/Article2-e1640721193961.jpeg",[11,7804,7805],{},[26,7806,7807],{},"\"By understanding the human mind, designers can build more intuitive, human-centred products and experiences. Instead of forcing users to adapt to the design of a product or experience, we can apply some key principles from psychology as a guide for designing in a way that is adapted to people.\"",[11,7809,7810,7811,7814,7815,7819],{},"In this article, Andra Cimpan breaks down and discusses the 10 laws of UX featured in Jon Yablonski's book ",[26,7812,7813],{},"Laws of UX",", which are rooted in principles found in psychology. Check out the ",[15,7816,6588],{"href":7817,"rel":7818},"https://andra-cimpan.medium.com/10-laws-of-ux-87ee1c48368c",[33]," to learn more about each of the 10 laws, and how you can apply them to your designs and workflow.",[107,7821,7823],{"id":7822},"_3-the-difference-between-ux-and-ui-in-the-design-process","3. The Difference Between UX and UI in the Design Process",[11,7825,7826],{},[100,7827],{"alt":71,"src":7828},"/images/2021/12/UI-e1640720817789.png",[11,7830,7831],{},[26,7832,7833],{},"\"Good UX design is key to building a successful application because it ensures that the application is useful and usable to your product's end user.\"",[11,7835,7836,7837,5140],{},"User experience (UX) design and user interface (UI) design are both integral parts of the design process, however, these terms are commonly used interchangeably or as a combined catch-all phrase. While the two are indeed connected, it's important to define and understand the difference between each and what roles they play in the design process. Check out ",[15,7838,7839],{"href":1547},"our full article",[107,7841,7843],{"id":7842},"_4-stop-asking-your-users-what-they-want","4. Stop asking your users what they want",[11,7845,7846],{},[100,7847],{"alt":71,"src":7848},"/images/2021/12/Article5.png",[11,7850,7851],{},[26,7852,7853],{},"\"Asking the wrong questions in interviews can lead you down a path where you aren't discovering anything. Or worse, focusing on the wrong points.\"",[11,7855,7856,7857,367],{},"User interviews play an important role in getting to know your customers and user base. With that in mind, it's critical to ensure that you're asking the right questions to set you and your design team up for success. To learn more about what questions you should and shouldn't be asking in order to build and design products that address your users' needs, read Amy Rogers' ",[15,7858,7861],{"href":7859,"rel":7860},"https://uxdesign.cc/stop-asking-your-users-what-they-want-1d10ac040b4c",[33],"original article here",[107,7863,7865],{"id":7864},"_5-8-tips-to-design-better-data-visualization","5. 8 Tips to Design Better Data Visualization",[11,7867,7868],{},[100,7869],{"alt":71,"src":7870},"/images/2021/12/Article-5-e1640720750818.png",[11,7872,7873],{},[26,7874,7875],{},"\"Humans are visual creatures, we understand things better visually, more than the text and numbers in the form of data. Visualization makes the users understand things much more accurately & easily.\"",[11,7877,7878,7879,7884],{},"Visualization is key to numerous aspects of the design process, even if it's just data or statistics that you're displaying to users. In ",[15,7880,7883],{"href":7881,"rel":7882},"https://uxplanet.org/8-tips-to-design-better-data-visualization-962602cdb68",[33],"this UI Blogger article",", you can learn more information and tips on how to incorporate visualization into your designs, ranging from what types of charts to use, to creating the right color palette.",[11,7886,7887,7888,802,7891,808,7894,367],{},"With 2022 just around the corner, we'll continue to share amazing new UX-related articles. To stay up to date with our latest finds, follow us on ",[15,7889,990],{"href":988,"rel":7890},[33],[15,7892,995],{"href":993,"rel":7893},[33],[15,7895,1000],{"href":998,"rel":7896},[33],{"title":71,"searchDepth":72,"depth":72,"links":7898},[7899,7900,7901,7902,7903],{"id":7775,"depth":72,"text":7776},{"id":7796,"depth":72,"text":7797},{"id":7822,"depth":72,"text":7823},{"id":7842,"depth":72,"text":7843},{"id":7864,"depth":72,"text":7865},[],"2021-12-28T00:00:00.000Z","Throughout the year, we've shared numerous UX and industry related articles with you across our social media platforms. As we wrap up 2021, we bring you the 5 most popular UX articles we shared and why they stand out to us!",{"src":7908},"/images/2021/12/Sample-Widget-Library.png",{},"/blog/top-5-ux-articles-from-2021",{"src":7912},"/images/2021/12/Top-5-articles-of-2021-1.png",{"title":7757,"description":7906},"blog/top-5-ux-articles-from-2021","B9V2Pg3ZAaNIXpAJ1ZaPO50-JJjPtd1LbzrMNS0fNRw",{"id":7917,"title":7918,"author":7449,"body":7919,"categories":7952,"date":7953,"description":7954,"extension":79,"featuredImage":80,"mainImage":7955,"meta":7956,"navigation":83,"path":7957,"previewImage":7958,"seo":7960,"stem":7961,"tags":80,"__hash__":7962},"blog/blog/connecting-the-dots.md","Connecting the Dots",{"type":8,"value":7920,"toc":7950},[7921,7923,7926,7931,7934,7937,7944,7947],[11,7922,7454],{},[11,7924,7925],{},"Have you ever worked on a project that seemed to shrink at every turn? The kind of project that makes you feel like you have to fight for its survival? There are any number of reasons stakeholders and managers cut the scope of projects. Sometimes these things are out of our hands, but other times, connecting the dots between the proposed solution and the business objectives can save the project… and your sanity.",[11,7927,7928],{},[100,7929],{"alt":71,"src":7930},"/images/2021/12/quote-1.png",[11,7932,7933],{},"If you're hearing that the scope of your project needs to get cut because your development partner has tripled their rates or the business is being acquired, there's probably not much you can do. But frequently, pressure to reduce budget or resources can be tied back to doubts about how much value the project will actually deliver to the business. What return can we reasonably expect from our investment?",[11,7935,7936],{},"As the product designer of a new chat feature, it may be obvious to you how embedding chat will dramatically reduce support costs. But as you're presenting the perfectly placed call to action and the nicely designed email notification, stakeholders can start to wonder whether it's all necessary, or even effective, to achieve their goals.",[11,7938,7939,7940,7943],{},"If you start to see signs of this, it's time to connect the dots between features and business value. More specifically, draw the metaphorical lines between the business to the user and ",[26,7941,7942],{},"then"," to the features. What change to user behavior will lead to the desired business outcome? For example, \"If users ask questions earlier, issues will be faster and cheaper to resolve.\" Making that connection gives stakeholders a clear way to evaluate the value of the proposed features.",[11,7945,7946],{},"Once you're there, present a prototype that demonstrates how each aspect of the proposed chat feature encourages users to ask questions sooner.",[11,7948,7949],{},"At the end of the day, reducing the scope of a project may be better for the business, the product, and the team. But it's hard to be sure if stakeholders aren't seeing the actual value of the project. If all the dots have been connected and the project still gets a haircut, hopefully the reason makes sense and you can look forward to the next project.",{"title":71,"searchDepth":72,"depth":72,"links":7951},[],[],"2021-12-23T00:00:00.000Z","Have you ever worked on a project that seemed to shrink at every turn? There are any number of reasons stakeholders and managers cut the scope of projects. Sometimes these things are out of our hands, but other times, connecting the dots between the proposed solution and the business objectives can save the project… and your sanity.",{"src":80},{},"/blog/connecting-the-dots",{"src":7959},"/images/2021/12/Connecting-the-dots-1.png",{"title":7918,"description":7954},"blog/connecting-the-dots","vA8IeXRvfp_NSRsq_hxNCxGkrh_KBbJePxfO3dTt0sw",{"id":7964,"title":7965,"author":6,"body":7966,"categories":8019,"date":8020,"description":8021,"extension":79,"featuredImage":80,"mainImage":8022,"meta":8024,"navigation":83,"path":5477,"previewImage":8025,"seo":8027,"stem":8028,"tags":80,"__hash__":8029},"blog/blog/simplify-your-workflow-with-the-updated-dynamic-style-toolbar.md","Simplify Your Workflow With the Updated Dynamic Style Toolbar",{"type":8,"value":7967,"toc":8017},[7968,7971,7983,7986,7997,8002,8005,8011],[11,7969,7970],{},"In the latest Axure RP 10 update, we've refreshed the style toolbar to dynamically display style properties specific to the widget that you have selected, making them immediately accessible to you directly above the canvas and easily within reach. This means that you'll no longer need to switch between the style pane and the interactions pane while prototyping since you can now view properties from both panes at the same time. These updates will make prototyping a smoother experience!",[1488,7972,7973],{},[11,7974,7975,7978,7979,7982],{},[115,7976,7977],{},"Tip:"," If you don't have the style toolbar visible, you can show it by going to ",[115,7980,7981],{},"View > Toolbars > Style Toolbar"," in the application menu.",[11,7984,7985],{},"What do these dynamic toolbar updates look like? To give a few examples:",[269,7987,7988,7991,7994],{},[272,7989,7990],{},"If you have a text or paragraph widget, you'll see standard text formatting options, as well as the standard widget sizing and placement controls.",[272,7992,7993],{},"For image widgets, it will also showcase a \"set image\" button in the toolbar.",[272,7995,7996],{},"For repeaters, options such as grid wrapping, item fill, alternate, and fit to content are all easily accessible from the style toolbar as well.",[11,7998,7999],{},[100,8000],{"alt":71,"src":8001},"/images/2021/12/Style-Toolbar.gif",[11,8003,8004],{},"With both the style and interactions properties now available to you at the same time we are excited to see how quick and efficient you are in creating your next Axure Prototype!",[11,8006,8007,8008,367],{},"To update to the latest version of Axure RP 10, or to start your free trial today, head over to ",[15,8009,6100],{"href":6098,"rel":8010},[33],[11,8012,8013,8014],{},"For additional documentation on setting up your workspace, check out ",[15,8015,2093],{"href":2093,"rel":8016},[33],{"title":71,"searchDepth":72,"depth":72,"links":8018},[],[388,178],"2021-12-22T00:00:00.000Z","New in Axure RP 10! We've refreshed the style toolbar to dynamically display style properties specific to the widget that you have selected, making them immediately accessible to you directly above the canvas and easily within reach.",{"src":8023},"/images/2021/12/Style-Toolbar.png",{},{"src":8026},"/images/2021/12/Style-Toolbar2.png",{"title":7965,"description":8021},"blog/simplify-your-workflow-with-the-updated-dynamic-style-toolbar","kMtK1YUzUUKzArWWyKuGyC5-sNK5AjZd0wlnxaJcyQY",{"id":8031,"title":8032,"author":6,"body":8033,"categories":8112,"date":8113,"description":8114,"extension":79,"featuredImage":80,"mainImage":8115,"meta":8116,"navigation":83,"path":7717,"previewImage":8117,"seo":8119,"stem":8120,"tags":80,"__hash__":8121},"blog/blog/new-dynamic-panels.md","New Dynamic Panel Toolbar, Shortcuts, All States Option, and More in the Latest RP 10 Update",{"type":8,"value":8034,"toc":8110},[8035,8040,8043,8060,8065,8080,8090,8093,8098,8105],[11,8036,8037,8038,631],{},"To download the latest update of Axure RP 10, click ",[15,8039,630],{"href":1380},[11,8041,8042],{},"Dynamics panels are used to prototype anything from simple slideshows and carousels, to more complex app or web flows. Making them easier and faster to work with means making it easier and faster to explore ideas and validate solutions. The latest update builds on the panel enhancements in RP 10 to do just that. In RP 10, when you select a dynamic panel, there are a number of new capabilities:",[269,8044,8045,8048,8051,8054,8057],{},[272,8046,8047],{},"Switch between panel states to see them in context",[272,8049,8050],{},"Single-click to select a widget in the panel",[272,8052,8053],{},"Start drawing or paste into the panel using shortcuts",[272,8055,8056],{},"Drag widgets from the library into the selected panel",[272,8058,8059],{},"View all states of the panel",[11,8061,8062],{},[100,8063],{"alt":71,"src":8064},"/images/2021/11/Screen-Shot-2021-11-08-at-10.44.00-AM.png",[11,8066,8067,8068,8072,8073,4664,8076,8079],{},"Previously, when a panel was selected, a toolbar would appear above the panel and could sometimes be in the way. Also, there were times when widgets were unintentionally dragged into a selected panel. In this update, the toolbar that appears when a panel is selected is replaced with a single icon that provides the same capabilities. Additionally, shortcuts are now available to view the previous or next state (the square bracket keys: ",[115,8069,8070],{},[2506,8071,5321],{}," respectively), as well as view all states (",[115,8074,8075],{},"Ctrl+Enter",[115,8077,8078],{},"Cmd+Enter",").",[11,8081,8082,8083,4664,8086,8089],{},"To prevent accidentally dragging widgets into a selected panel from the library, you'll now need to hold ",[115,8084,8085],{},"Ctrl+Alt",[115,8087,8088],{},"Cmd+Alt"," while dragging from the library. This is the same shortcut for dragging a widget on the canvas into a panel. Once you're in editing mode for a dynamic panel, RP 10 brought the toolbar closer to the panel and made it easier to exit panel editing with a single click outside of it. This brought on a couple of challenges including the toolbar possibly being in the way and unintentionally exiting a panel while editing. In this update, the toolbar is still conveniently close to the panel, but you can drag to move it out of the way as needed. And the shortcuts for previous, next, and all states work while inside a panel too.",[11,8091,8092],{},"Another new change is that a single click first clears your selection, and only when nothing is selected, a single click outside the panel will exit panel editing. This update also enhances the new All States View with an option to layout the states automatically, vertically, or horizontally. Automatic layout is also more predictable now and will reposition less frequently.",[11,8094,8095],{},[100,8096],{"alt":71,"src":8097},"/images/2021/12/Screen-Shot-2021-12-10-at-7.21.23-AM.png",[11,8099,8100,8101,8104],{},"Finally, the option to mask panels (",[115,8102,8103],{},"View > Masks > Mask Dynamic Panels",") has been helpful to quickly identify panels on the page, and in RP 10, we wanted to simplify the mask to a border rather than a semi-transparent overlay. We learned that while nice when there are few panels, borders become distracting with lots of panels or when they are nested. In this update, the masks have been returned to overlays. They've also been defaulted to be off for new installations. If you update and have panel masks turned on, give it a try with them off for a clearer view of your prototype. The panel mask will still be applied if the panel is empty (if View > Masks > Mask Hidden Objects is on).",[11,8106,8107,8108,367],{},"We hope this update speeds your prototyping and makes it easier to make them more realistic when you need it! Let us know if you run into any issues or have any feedback at ",[15,8109,366],{"href":365},{"title":71,"searchDepth":72,"depth":72,"links":8111},[],[388,178],"2021-12-10T00:00:00.000Z","In the latest Axure RP 10 update, dynamic panels are now even more refined. We hope this update speeds your prototyping and makes it easier to make them more realistic when you need it!",{"src":80},{},{"src":8118},"/images/2021/12/Dynamic-Panels-on-Display-3.png",{"title":8032,"description":8114},"blog/new-dynamic-panels","XfmtctuAJSshU103pp-n_BFf6Pbui-qOR0ezmnJJ7-w",{"id":8123,"title":8124,"author":7449,"body":8125,"categories":8196,"date":8197,"description":8198,"extension":79,"featuredImage":80,"mainImage":8199,"meta":8200,"navigation":83,"path":8201,"previewImage":8202,"seo":8204,"stem":8205,"tags":80,"__hash__":8206},"blog/blog/real-world-value.md","Real World Value",{"type":8,"value":8126,"toc":8194},[8127,8129,8132,8135,8140,8147,8150,8185,8188,8191],[11,8128,7454],{},[11,8130,8131],{},"\"I don't think anyone is using it\"… \"I can't believe we spent months building this\"… \"Should we roll it back?\" These are not the words you want to hear after your team has poured their efforts into a release. Sadly, these sentiments usually mean customers are feeling let down or worse, misled and aren't able to get the promised value.",[11,8133,8134],{},"If you've ever been involved in a project like this, welcome to the club. In our collective defense, projects can be driven from any number of other directions within or outside the business other than observing users or doing task analysis. For example, they can start from internal requests, trying to match competitors, attempts to reduce support, or fulfilling the product mission. It's not hard to get swept up in the excitement and pressures of the project without truly looking at it from the user point of view.",[11,8136,8137],{},[100,8138],{"alt":71,"src":8139},"/images/2021/12/quote.png",[11,8141,8142,8143,8146],{},"Users want to get something done that is valuable to them ",[26,8144,8145],{},"in the real world"," whether that's an actual task or something more emotionally-driven. For example, real world value from a Human Resources application might be achieved when an employee quickly gets official approval for time off so they can plan their vacation. It would be disappointing if a feature made it easy to request time off but left the request sitting in a manager's inbox for weeks. Am I supposed to remind my manager to approve it now? Sigh.",[11,8148,8149],{},"These days, when considering an idea, I want to see it from the user's perspective, starting from the moment a user realizes they want to accomplish something. Then, take me through the experience until the user achieves real world value. If that's not how it's presented, get ready for the \"Why\"s starting with \"Why do users want this?\". Turns out, this is a pretty good way to transform an idea into the user point of view. For example:",[11,8151,8152,8155,8157,8160,8162,8165,8167,8170,8172,8175,8177,8180,8182],{},[26,8153,8154],{},"\"We want to build a Request Time Off form.\"",[1294,8156],{},[26,8158,8159],{},"\"Why do the users want this?\"",[1294,8161],{},[26,8163,8164],{},"\"They want to request time off.\"",[1294,8166],{},[26,8168,8169],{},"\"Why do they want to request time off?\"",[1294,8171],{},[26,8173,8174],{},"\"They want to get approval.\"",[1294,8176],{},[26,8178,8179],{},"\"Why?\"",[1294,8181],{},[26,8183,8184],{},"\"So they can make plans.\"",[11,8186,8187],{},"Perfect! Now show me a prototype starting from the moment a user thinks to request time off and ends when they are able to book a plane ticket for their dream vacation. I can already imagine how much the design of this HR application has changed.",[11,8189,8190],{},"\"I booked the last seats on the flight just in time. Thank you!\"... \"My kids are going to see their grandparents for the first time in years. Thank you!\"... \"Can't believe we were able to take that trip to Yosemite. Thank you!\"",[11,8192,8193],{},"That's more like it. Transforming feature ideas into the user point of view and creating prototypes that show how they'll achieve real world value goes a long way to ensuring that customers will truly appreciate your team's hard work.",{"title":71,"searchDepth":72,"depth":72,"links":8195},[],[],"2021-12-09T00:00:00.000Z","I don't think anyone is using it… I can't believe we spent months building this… Should we roll it back? These are not the words you want to hear after your team has poured their efforts into a release. But how do you prevent it? Read this article to learn more.",{"src":80},{},"/blog/real-world-value",{"src":8203},"/images/2021/12/Group-6.4-1.png",{"title":8124,"description":8198},"blog/real-world-value","VkJd69mK0cTEc8bqrYn8yH9nlSauDwBam78ACqrQtrQ",{"id":8208,"title":8209,"author":6,"body":8210,"categories":8308,"date":8309,"description":8310,"extension":79,"featuredImage":80,"mainImage":8311,"meta":8313,"navigation":83,"path":8314,"previewImage":8315,"seo":8317,"stem":8318,"tags":80,"__hash__":8319},"blog/blog/whats-new-in-axure-cloud-fall-update.md","What's New in Axure Cloud – Fall Update",{"type":8,"value":8211,"toc":8304},[8212,8216,8219,8256,8262,8266,8273,8299],[107,8213,8215],{"id":8214},"axure-cloud-updates","Axure Cloud Updates",[11,8217,8218],{},"Sharing, publishing, and gathering feedback on your UX projects is more important than ever. Here at Axure, our team is working hard on providing you with continuous updates! Check out the latest from our recent Axure Cloud release such as the ability to customize your sharing experience, adjust your time zone notifications, and more! See the details below:",[269,8220,8221,8235,8244],{},[272,8222,8223,8224,1571,8229,8234],{},"In Axure Cloud, you can now add ",[15,8225,8228],{"href":8226,"rel":8227},"https://docs.axure.com/axure-cloud/reference/sharing-axure-rp-projects/?utm_campaign=Newsletters&utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz-_odq_YAox7gtIMYVvs-gtDHh9AZB8xDQDGMggaGovIr0ys7uJRE_DTAaWNtCiDzpjE0-rM#pretty-urls",[33],"pretty URLs",[15,8230,8233],{"href":8231,"rel":8232},"https://docs.axure.com/axure-cloud/reference/sharing-axure-rp-projects/?utm_campaign=Newsletters&utm_source=hs_email&utm_medium=email&_hsenc=p2ANqtz-_odq_YAox7gtIMYVvs-gtDHh9AZB8xDQDGMggaGovIr0ys7uJRE_DTAaWNtCiDzpjE0-rM#redirects",[33],"redirects"," to your Axure RP prototype links. These new additions give you more flexibility and customization options for links to specific pages within your projects and allow you to point old page URLs to new ones. When assigning a pretty URL, you'll also be able to add a custom page title and a meta description. Additionally, you can assign a default page and a custom 404 page.",[272,8236,8237,8238,8243],{},"New option to ",[15,8239,8242],{"href":8240,"rel":8241},"https://docs.axure.com/axure-cloud/reference/notifications/#project-comments",[33],"adjust the time zone"," of the time stamps that are shown in your Axure Cloud notification and daily summary emails. This will give you more flexibility in the event that you travel, move, or want the time stamps in your notifications to be synced up with a colleague's in a different time zone.",[272,8245,8246,8247,8251,8252,8255],{},"Additional ",[15,8248,8250],{"href":8249},"/enterprise","Axure Cloud for Business"," security configurations when creating a workspace with the new ",[115,8253,8254],{},"limit access"," option. When enabled, this setting makes it so that only users who are members of a workspace can access the projects' public URLs.",[11,8257,8258,8259,631],{},"Log in to Axure Cloud to check out the updates ",[15,8260,630],{"href":4982,"rel":8261},[33],[107,8263,8265],{"id":8264},"axure-share-updates","Axure Share Updates",[11,8267,8268,8269,8272],{},"In addition to the updates above, as of November 30, 2021, Axure Share is officially retired. All of your projects will continue to be hosted in ",[15,8270,177],{"href":7148,"rel":8271},[33],", share links will not change, and new projects will be published to Axure Cloud. The retirement of Axure Share does include a few features that have also retired, which are listed below:",[269,8274,8275,8281,8287,8293],{},[272,8276,8277,8280],{},[115,8278,8279],{},"HTTP Option"," – When Axure Share is retired, all prototypes will be served with HTTPS and fonts and content served with HTTP will not load.",[272,8282,8283,8286],{},[115,8284,8285],{},"Custom Password Pages"," – Any already established custom password pages will now use the standard Axure Cloud prototype password page.",[272,8288,8289,8292],{},[115,8290,8291],{},"Custom Login Pages"," – Any existing pages that had a custom login page will use the standard Axure Cloud login page.",[272,8294,8295,8298],{},[115,8296,8297],{},"Custom Domains"," – Any pages that had a custom domain will redirect to the standard public share links.",[11,8300,8301,8302,367],{},"While a lot has changed, we hope that these latest updates will help your teams work more efficiently and collaborate more easily to deliver great designs and products. As always, be on the lookout for continuous Axure Cloud and Axure RP updates. Some exciting upcoming updates include enhancements to RP 10 dynamic panels and the dynamic style toolbar, as well as Cloud updates such as adding new servers to various regions and improved caching. We'd love to hear what you think! Feel free to shoot us an email at ",[15,8303,366],{"href":365},{"title":71,"searchDepth":72,"depth":72,"links":8305},[8306,8307],{"id":8214,"depth":72,"text":8215},{"id":8264,"depth":72,"text":8265},[177,178],"2021-12-01T00:00:00.000Z","Sharing, publishing, and gathering feedback on your UX projects is more important than ever. Here at Axure, our team is working hard on providing you with continuous updates! Check out the latest from our recent Axure Cloud release such as the ability to customize your sharing experience, adjust your time zone notifications, and more!",{"src":8312},"/images/2021/11/September-Cloud-Updates.png",{},"/blog/whats-new-in-axure-cloud-fall-update",{"src":8316},"/images/2021/11/September-Cloud-1.png",{"title":8209,"description":8310},"blog/whats-new-in-axure-cloud-fall-update","HL_kRYUGFpRzNZkI3p1vpPHq_hmz0u4FKKUJhBGk6Xg",{"id":8321,"title":8322,"author":6,"body":8323,"categories":8374,"date":8375,"description":8376,"extension":79,"featuredImage":80,"mainImage":8377,"meta":8379,"navigation":83,"path":6804,"previewImage":8380,"seo":8382,"stem":8383,"tags":80,"__hash__":8384},"blog/blog/prototyping-and-designing-for-multiple-device-sizes.md","Prototyping and Designing for Multiple Device Sizes",{"type":8,"value":8324,"toc":8372},[8325,8334,8343,8346,8351,8365,8367],[11,8326,8327,8328,8333],{},"With smartphones now being a part of our everyday lives, it's no secret that mobile applications have become significantly commonplace across a broad range of industries. From social media and music streaming apps to shopping and online banking, ",[15,8329,8332],{"href":8330,"rel":8331},"https://www.toptal.com/designers/app-ux/minimalist-ux-design",[33],"smartphones"," enable us to complete nearly any day-to-day task right from one little device. Because of this, prototyping for mobile devices is ever more important.",[11,8335,8336,8337,8342],{},"However, mobile prototyping and designing does come with challenges and limitations, such as the need to design for a wide variety of device sizes. In Axure RP, prototyping for various mobile devices is made possible with ",[15,8338,8341],{"href":8339,"rel":8340},"https://docs.axure.com/axure-rp/reference/adaptive-views/",[33],"adaptive views",", which allow you to create alternate versions of pages designed for specific screen sizes. By embracing this feature, you can expedite your workflow by avoiding the need to recreate a prototype from scratch for each and every screen size you're designing for. Since each device size view that you add inherits the widgets and designs from the base view, all you have to do is rearrange and resize to fit the page dimensions.",[11,8344,8345],{},"In the example below, you can see how the same design is easily adjusted to fit different screen sizes, and you can switch between your different adaptive views from the toolbar at the top of the canvas.",[11,8347,8348],{},[100,8349],{"alt":71,"src":8350},"/images/2021/11/Screen-Shot-2021-11-22-at-3.22.04-PM.png",[11,8352,8353,8354,1571,8359,8364],{},"We hope this helps spark new ideas for building prototypes for various device sizes! For more tips, check out our mobile pattern tutorials, such as the ",[15,8355,8358],{"href":8356,"rel":8357},"https://docs.axure.com/axure-rp/tutorials/swiping-slideshow/",[33],"Swiping Slideshow",[15,8360,8363],{"href":8361,"rel":8362},"https://docs.axure.com/axure-rp/tutorials/toggle-switch/",[33],"Toggle Switch"," tutorials.",[11,8366,3001],{},[11,8368,8369,8370,367],{},"To download your free trial of Axure RP 10, head over to ",[15,8371,6100],{"href":1375},{"title":71,"searchDepth":72,"depth":72,"links":8373},[],[388,601],"2021-11-22T00:00:00.000Z","With smartphones now being a part of our everyday lives, it's no secret that mobile applications have become significantly commonplace across a broad range of industries. Because of this, prototyping for mobile devices is ever more important.",{"src":8378},"/images/2021/11/Mobile_Prototypes_Blog@2x.png",{},{"src":8381},"/images/2021/11/Mobile_Prototypes_Blog_Thumbnail@2x.png",{"title":8322,"description":8376},"blog/prototyping-and-designing-for-multiple-device-sizes","Fjs1xrcEOsdkfyVcnHKKta1r4NycC33JY2alQ-8FiaE",{"id":8386,"title":8387,"author":6,"body":8388,"categories":8490,"date":8491,"description":8492,"extension":79,"featuredImage":80,"mainImage":8493,"meta":8494,"navigation":83,"path":8495,"previewImage":8496,"seo":8498,"stem":8499,"tags":80,"__hash__":8500},"blog/blog/5-tips-for-a-smooth-transition-from-axure-rp-8-to-axure-rp-10.md","5 Tips for a Smooth Transition from Axure RP 8 to Axure RP 10",{"type":8,"value":8389,"toc":8483},[8390,8396,8402,8406,8409,8414,8418,8425,8430,8434,8439,8451,8455,8465,8469,8474],[11,8391,8392,8393,631],{},"If you haven't checked out RP 10, you can download your free 30-day trial ",[15,8394,630],{"href":1526,"rel":8395},[33],[11,8397,8398,8399,8401],{},"When it comes to software, it's easy to get comfortable using the same version for a few years, especially when you have the application layout customized just the way you like it and know your keyboard shortcuts from muscle memory. So when hearing the news that ",[15,8400,7767],{"href":1375}," has been released, you may not be comfortable moving on from RP 8, or even RP 7. Don't worry though; we're here to help! With these 5 tips, the transition from RP 8 to RP 10 will be smooth sailing, and you'll be on your way to prototyping with the most powerful edition of Axure RP yet.",[107,8403,8405],{"id":8404},"tip-1-move-around-panes-to-customize-your-layout","Tip 1: Move Around Panes to Customize Your Layout",[11,8407,8408],{},"In Axure RP 10, the default layout of the Axure RP environment has the Pages, Outline, Libraries, and Components (formerly called Masters) panes on the left, and the Style, Interactions (formerly Properties), and Notes panes on the right. You can rearrange the panes by clicking and dragging them, and you can even pop them out into a separate window.",[11,8410,8411],{},[100,8412],{"alt":71,"src":8413},"/images/2021/10/CustomizingLayout.gif",[107,8415,8417],{"id":8416},"tip-2-view-all-dynamic-panel-states-at-once","Tip 2: View All Dynamic Panel States at Once",[11,8419,8420,8421,8424],{},"The dynamic panel widget has long been a defining feature of Axure RP. With the release of RP 10, we introduced the new ",[15,8422,1977],{"href":1983,"rel":8423},[33],", which allows you to see all of the dynamic panel states side by side at the same time. You can also move and edit widgets in this view, so it's easy to compare and update your designs within the dynamic panel widget.",[11,8426,8427],{},[100,8428],{"alt":71,"src":8429},"/images/2021/10/Screen-Shot-2021-10-22-at-7.48.12-AM.png",[107,8431,8433],{"id":8432},"tip-3-rediscover-repeaters","Tip 3: Rediscover Repeaters",[11,8435,8436],{},[100,8437],{"alt":71,"src":8438},"/images/2021/10/connect-widget.png",[11,8440,8441,8442,8446,8447,8450],{},"In Axure RP 10, repeaters are easier than ever to use. You now have two default ",[15,8443,8445],{"href":2543,"rel":8444},[33],"repeater widgets"," to choose from: the repeater table and repeater card, and you can also convert widgets that you already have on the canvas into a repeater. The repeater dataset table is now floating and expandable, allowing you more flexibility to easily view all of your data at once. You can also quickly link data to a specific widget right from the dataset table as well. Check out ",[15,8448,8449],{"href":3988},"this post"," to read more!",[107,8452,8454],{"id":8453},"tip-4-use-negative-scrolling-regions","Tip 4: Use Negative Scrolling Regions",[11,8456,8457,8458,8461,8462,367],{},"In both Axure RP 10 and Axure RP 9, you can scroll into the negative regions of the canvas while prototyping. This feature is great to utilize for situations like hiding any widgets that you don't want to have visible while previewing, such as an unfinished or alternate version of a widget. If you prefer to not scroll into the negative canvas regions, you can turn off this setting in the ",[115,8459,8460],{},"Canvas"," tab in the ",[115,8463,8464],{},"application preferences",[107,8466,8468],{"id":8467},"tip-5-sketch-effects-is-revamped-as-the-new-low-fi-mode","Tip 5: Sketch Effects is Revamped as the New Low-Fi Mode",[11,8470,8471],{},[100,8472],{"alt":71,"src":8473},"/images/2021/10/low-fidelity-mode2.png",[11,8475,8476,8477,8482],{},"To instantly lower the visual fidelity of your prototype, try using Low-Fidelity mode, which is a setting available in the Style pane. Similar to the Sketch Effects from Axure RP 8, the ",[15,8478,8481],{"href":8479,"rel":8480},"https://docs.axure.com/axure-rp/reference/styling-pages/#low-fidelity-mode",[33],"Low-Fi mode"," will make your prototype grayscale and apply a handwriting font to take the attention away from colors and fonts and put the focus on functionality.",{"title":71,"searchDepth":72,"depth":72,"links":8484},[8485,8486,8487,8488,8489],{"id":8404,"depth":72,"text":8405},{"id":8416,"depth":72,"text":8417},{"id":8432,"depth":72,"text":8433},{"id":8453,"depth":72,"text":8454},{"id":8467,"depth":72,"text":8468},[388,601],"2021-10-26T00:00:00.000Z","Making the transition from one software version to another is never easy. But with these 5 tips, the transition from RP 8 to RP 10 will be smooth sailing, and you'll be on your way to prototyping with the most powerful edition of Axure RP yet!",{"src":80},{},"/blog/5-tips-for-a-smooth-transition-from-axure-rp-8-to-axure-rp-10",{"src":8497},"/images/2021/10/RP9-and-10-Together-1.png",{"title":8387,"description":8492},"blog/5-tips-for-a-smooth-transition-from-axure-rp-8-to-axure-rp-10","M_TozlbbTpKErCWeptAc5pkJ0c7S58iYWJu2A9jyKeI",{"id":8502,"title":8503,"author":6,"body":8504,"categories":8655,"date":8656,"description":8657,"extension":79,"featuredImage":80,"mainImage":8658,"meta":8659,"navigation":83,"path":3483,"previewImage":8660,"seo":8662,"stem":8663,"tags":80,"__hash__":8664},"blog/blog/tips-for-quickly-prototyping-forms-in-rp-10.md","Tips for Quickly Prototyping Forms in Axure RP",{"type":8,"value":8505,"toc":8648},[8506,8513,8518,8522,8529,8534,8538,8541,8546,8550,8553,8558,8562,8565,8603,8607,8610,8641,8646],[11,8507,8508,8509,8512],{},"With Axure RP, you can quickly create prototypes of forms with working text fields, droplists, checkboxes, and more. Here are some tips for ",[15,8510,8511],{"href":3488},"prototyping forms"," faster.",[11,8514,8515],{},[100,8516],{"alt":71,"src":8517},"/images/2021/09/SampleForm-2.gif",[107,8519,8521],{"id":8520},"_1-drag-or-draw-form-widgets","1. Drag or Draw Form Widgets",[11,8523,8524,8525,8528],{},"To add form elements to the canvas, you can simply drag and drop them from the Default library, or you can draw them using the Insert menu in the main toolbar. The fastest way to add a text field is to press ",[115,8526,8527],{},"F"," and either click on the canvas or click and drag to draw one to a specific size.",[11,8530,8531],{},[100,8532],{"alt":71,"src":8533},"/images/2021/09/Screen-Shot-2022-10-04-at-10.20.13-AM.png",[107,8535,8537],{"id":8536},"_2-explore-the-sample-form-patterns-library","2. Explore the Sample Form Patterns library",[11,8539,8540],{},"If you click the dropdown menu at the top of the Libraries pane, you can open the Sample Form Patterns library. In it, you'll find a variety of common patterns found in forms such as switches, sliders, and even predictive search. The sample form patterns are interactive making them great starting points for your forms and also a great way to learn more about interactions. Drag one onto the canvas for a working form in less than 5 minutes.",[11,8542,8543],{},[100,8544],{"alt":71,"src":8545},"/images/2021/09/Screen-Shot-2022-10-05-at-1.36.24-PM.png",[107,8547,8549],{"id":8548},"_3-use-interaction-properties-for-hints-styles-and-more","3. Use Interaction Properties for Hints, Styles, and More",[11,8551,8552],{},"With a form widget selected on the canvas, look in the Interactions pane to find interaction properties for those widgets. For example, you can easily set the hint text on a text field or set a radio button to be disabled. You can also use Style Effects to change how a form element looks when it is disabled or focused in the prototype.",[11,8554,8555],{},[100,8556],{"alt":71,"src":8557},"/images/2021/09/Screen-Shot-2022-10-05-at-1.41.24-PM.png",[107,8559,8561],{"id":8560},"_4-take-advantage-of-form-widget-events","4. Take Advantage of Form Widget Events",[11,8563,8564],{},"Form widgets have some additional interaction events that can be very helpful when making your forms dynamic. Here is a list of some of those events and how they can be used.",[269,8566,8567,8573,8579,8585,8591,8597],{},[272,8568,8569,8572],{},[115,8570,8571],{},"Text Changed",": Triggered while typing into a text field. Ex. Update a validation message while typing.",[272,8574,8575,8578],{},[115,8576,8577],{},"Got Focus",": Triggered when a text field gets the cursor. Ex. Show a tip when a user clicks into a field.",[272,8580,8581,8584],{},[115,8582,8583],{},"Lost Focus",": Triggered when a text field loses the cursor. Ex. Show a validation message when a user is done editing a field.",[272,8586,8587,8590],{},[115,8588,8589],{},"Selection Changed",": Triggered when an item is selected in a droplist. Ex. Show different fields depending on which item was selected.",[272,8592,8593,8596],{},[115,8594,8595],{},"Selected",": Triggered when a radio button or checkbox is checked. Ex. Show a message when a checkbox is checked.",[272,8598,8599,8602],{},[115,8600,8601],{},"Unselected",": Triggered when a radio button or checkbox is unchecked. Ex. Hide some fields when a checkbox is unchecked.",[107,8604,8606],{"id":8605},"_5-interact-with-form-widgets","5. Interact with Form Widgets",[11,8608,8609],{},"There are a number of actions that can be used to dynamically set the value of form widgets or change how they behave. For example, you can set the text on a text field or disable a checkbox through an interaction. Here is a list of those actions.",[269,8611,8612,8618,8624,8630,8635],{},[272,8613,8614,8617],{},[115,8615,8616],{},"Set Text",": Set text on text fields and text areas.",[272,8619,8620,8623],{},[115,8621,8622],{},"Set Selected/Checked",": Check a checkbox or radio button.",[272,8625,8626,8629],{},[115,8627,8628],{},"Set Selected List Option",": Change the selected item in a droplist of list box.",[272,8631,8632,8634],{},[115,8633,4412],{},": Apply the error style on a form field.",[272,8636,8637,8640],{},[115,8638,8639],{},"Enable/Disable",": Enable or disable a form field.",[11,8642,8643,8644,367],{},"We hope these tips help you prototype forms faster in Axure RP. If you have any questions or feedback, please contact ",[15,8645,366],{"href":365},[11,8647,3001],{},{"title":71,"searchDepth":72,"depth":72,"links":8649},[8650,8651,8652,8653,8654],{"id":8520,"depth":72,"text":8521},{"id":8536,"depth":72,"text":8537},{"id":8548,"depth":72,"text":8549},{"id":8560,"depth":72,"text":8561},{"id":8605,"depth":72,"text":8606},[388,601],"2021-09-29T00:00:00.000Z","With Axure RP, you can quickly create prototypes of forms with working text fields, droplists, checkboxes, and more. Here are some tips for prototyping forms faster.",{"src":80},{},{"src":8661},"/images/2021/09/Prototype-Forms.png",{"title":8503,"description":8657},"blog/tips-for-quickly-prototyping-forms-in-rp-10","jY76Sd0lS_LEoDdJtbA95pvu_ZAH8DHdJUiyQ6gtoTg",{"id":8666,"title":8667,"author":6,"body":8668,"categories":8715,"date":8716,"description":8717,"extension":79,"featuredImage":80,"mainImage":8718,"meta":8719,"navigation":83,"path":3148,"previewImage":8720,"seo":8722,"stem":8723,"tags":80,"__hash__":8724},"blog/blog/inspect-from-public-share-link.md","Making it Easier for Developers to Inspect in Jira, Confluence, and the Share Link",{"type":8,"value":8669,"toc":8713},[8670,8684,8689,8700],[11,8671,8672,8673,8677,8678,1571,8680,8683],{},"Developer handoff is a critical step in turning prototypes and designs into real products and features. To make that process more streamlined, you and your team can now ",[15,8674,8676],{"href":799,"rel":8675},[33],"Inspect"," your prototypes to view fonts, colors, and other CSS properties directly from a project's public share link. This enhancement makes Inspect available in projects that are embedded in ",[15,8679,3736],{"href":5054},[15,8681,3741],{"href":8682},"/blog/embed-axure-prototypes-in-confluence",", making collaboration between teams even easier.",[11,8685,8686],{},[100,8687],{"alt":71,"src":8688},"/images/2021/07/Screen-Shot-2021-07-14-at-3.15.44-PM-e1626391919207.png",[11,8690,8691,8692,8694,8695,8699],{},"You can use this feature by selecting the ",[115,8693,8676],{}," tab at the top of the prototype when viewing it from the public share link in a web browser, or when viewing it within a Jira ticket or Confluence page. Developers, stakeholders, and other collaborators don't need to sign in to access the Inspect tab, and they can also ",[15,8696,6195],{"href":8697,"rel":8698},"https://docs.axure.com/axure-rp/reference/prototype-player/#comments",[33]," and get notifications as well.",[11,8701,8702,8703,8708,8709,367],{},"We hope being able to inspect prototypes without signing in streamlines handoff and makes your developers happier! To try this out today, download Axure RP 10 at ",[15,8704,8707],{"href":8705,"rel":8706},"https://axure.com/",[33],"axure.com",", and to provide feedback, head over to ",[15,8710,8712],{"href":8711},"/cloud/feedback","axure.com/feedback",{"title":71,"searchDepth":72,"depth":72,"links":8714},[],[388,178],"2021-07-21T00:00:00.000Z","Designers, developers, and stakeholders can now inspect design elements and CSS properties right from a project's public share link, and from within Jira and Confluence. Learn more about how these new features can streamline your team's workflow!",{"src":80},{},{"src":8721},"/images/2021/07/Inspect-in-Public-Link.png",{"title":8667,"description":8717},"blog/inspect-from-public-share-link","dZMPFRVFfPFxBwQ5IUJ6RTrm_aZO9A3cT3b7gyvrwFk",{"id":8726,"title":8727,"author":6,"body":8728,"categories":8776,"date":8777,"description":8778,"extension":79,"featuredImage":80,"mainImage":8779,"meta":8780,"navigation":83,"path":3488,"previewImage":8781,"seo":8783,"stem":8784,"tags":80,"__hash__":8785},"blog/blog/prototype-working-forms.md","A Nicer Way to Make Forms",{"type":8,"value":8729,"toc":8774},[8730,8736,8739,8762,8767],[11,8731,8732,8733,631],{},"These new updates are only available in Axure RP 10. Download the latest version ",[15,8734,630],{"href":7765,"rel":8735},[33],[11,8737,8738],{},"One of the things customers tell us they love about Axure RP is the ability to prototype realistic, dynamic forms. Working text fields and droplists, conditional logic, variables, and powerful interactions have been the building blocks for designing great form experiences for years. With Axure RP 10, we wanted to make it easier to layout forms and simplify the interactions that make them dynamic in your UX prototypes. We've added a new error style effect, built-in common conditions, and improved push/pull and move options. There is also an updated form component library that takes advantage of new resizing constraints and has a variety of common form pattern templates to choose from. Here are some highlights:",[269,8740,8741,8744,8747,8750,8753,8756,8759],{},[272,8742,8743],{},"New Error style effect and \"Set Error State\" action for form fields",[272,8745,8746],{},"Common conditions like \"if field is empty\" and \"if field contains @\"",[272,8748,8749],{},"New Resizing Constraints so resizing forms (or any grouped widgets) keeps everything in place",[272,8751,8752],{},"New push/pull and move options that help when hiding or showing parts of a form",[272,8754,8755],{},"Ability to trigger interactions when a widget is set to an error state",[272,8757,8758],{},"Checkboxes and radio buttons can be set to fit to text",[272,8760,8761],{},"Option to toggle between the enabled and disabled state of a widget with a single interaction",[11,8763,8764],{},[100,8765],{"alt":71,"src":8766},"/images/2021/01/Adding-Error-Style-Effect-1.gif",[11,8768,8769,8770,367],{},"We hope these changes to forms help you create realistic UX prototypes and get valuable feedback! Download Axure RP 10 at ",[15,8771,8707],{"href":8772,"rel":8773},"http://axure.com",[33],{"title":71,"searchDepth":72,"depth":72,"links":8775},[],[388,178],"2021-01-27T00:00:00.000Z","With a new error style effect, built-in common conditions, and improved push/pull and move options, creating realistic, dynamic forms is even easier in RP 10. Use the updated Form component library which takes advantage of new widget constraints and you'll be prototyping forms in no time. Learn more about taking your UX prototypes to the next level!",{"src":80},{},{"src":8782},"/images/2021/04/A-nicerway-to-make-forms.png",{"title":8727,"description":8778},"blog/prototype-working-forms","Dq-r1HpF5HrLSkO2F7KprtTArVaTaZi9xozD9Nc_e4c",{"id":8787,"title":8788,"author":6,"body":8789,"categories":8851,"date":8777,"description":8852,"extension":79,"featuredImage":80,"mainImage":8853,"meta":8854,"navigation":83,"path":3988,"previewImage":8855,"seo":8857,"stem":8858,"tags":80,"__hash__":8859},"blog/blog/ux-data-repeaters.md","Rediscover Repeaters",{"type":8,"value":8790,"toc":8849},[8791,8796,8799,8837,8842],[11,8792,8732,8793,631],{},[15,8794,630],{"href":7765,"rel":8795},[33],[11,8797,8798],{},"One of our main goals for Axure RP 10 was to make repeaters more approachable and speedier to use for both new and experienced users. Repeaters and interactions that dynamically update, sort, and filter the data make it possible to prototype realistic, data-driven UX prototypes, and we wanted fewer steps to get there in RP 10. We've added new features to convert widgets to repeaters and connect data to widgets making it easier than ever to create data-driven tables and grids. Using new filtering options, you can easily filter repeaters by multiple criteria for more realistic UX prototypes. Check out some of the new repeater enhancements below:",[269,8800,8801,8804,8807,8810,8813,8816,8819,8822,8825,8828,8831,8834],{},[272,8802,8803],{},"Ability to select widgets and automatically convert them to a repeater",[272,8805,8806],{},"New feature to intuitively connect widgets to data columns",[272,8808,8809],{},"New floating data editor giving you more space to view and edit data",[272,8811,8812],{},"Automatically resize repeaters items to content including widgets that fit to text",[272,8814,8815],{},"Quickly add sorting with new options to sort alphanumerically and remove other sorts",[272,8817,8818],{},"Add filters with a new, simpler option to select columns and define criteria",[272,8820,8821],{},"Ability to filter by satisfying ANY of the added filters (in addition to ALL)",[272,8823,8824],{},"Smart filter option that enables creating multi-faceted filters",[272,8826,8827],{},"Easier to select filters and sorts to remove",[272,8829,8830],{},"New feature to update data by row numbers",[272,8832,8833],{},"Sample table and card repeaters in the default library making it easier to get started",[272,8835,8836],{},"Ability to fire mouse style effects on widgets in a repeater item",[11,8838,8839],{},[100,8840],{"alt":71,"src":8841},"/images/2021/01/Create-Repeater2.gif",[11,8843,8844,8845,367],{},"We hope you'll give the repeater enhancements a shot and speed up your workflow! Download Axure RP 10 at ",[15,8846,8707],{"href":8847,"rel":8848},"http://axure.com/",[33],{"title":71,"searchDepth":72,"depth":72,"links":8850},[],[388,178],"New features to convert widgets to repeaters and connect data columns to widgets to make it easier than ever to create data-driven tables and grids. Using new filtering options, you can easily filter repeaters by multiple criteria for more realistic UX prototypes. Learn more about the changes to repeaters in RP 10!",{"src":80},{},{"src":8856},"/images/2021/04/Rediscover-Repeaters.png",{"title":8788,"description":8852},"blog/ux-data-repeaters","d8TeCp0r9YCtJZwvFsyhzldUmWuefptuOkD7urfD5R8",{"id":8861,"title":8862,"author":6,"body":8863,"categories":8922,"date":8923,"description":8924,"extension":79,"featuredImage":80,"mainImage":8925,"meta":8926,"navigation":83,"path":8927,"previewImage":8928,"seo":8930,"stem":8931,"tags":80,"__hash__":8932},"blog/blog/dynamic-panels-on-display.md","Dynamic Panels on Display",{"type":8,"value":8864,"toc":8918},[8865,8870,8873,8875,8878,8883,8887,8890,8907,8912],[11,8866,8732,8867,631],{},[15,8868,630],{"href":7765,"rel":8869},[33],[11,8871,8872],{},"The dynamic panel widget has long been a defining feature of Axure RP. Introduced in version 4, dynamic panels are containers that allow you to build everything from image carousels to sticky navigation headers to draggable page elements. One of our main goals for Axure RP 10 was to make this powerful and versatile widget easier to work with, making it faster to create and update content and interactivity in your UX prototypes. Check out a couple of the bigger changes below:",[107,8874,1977],{"id":1976},[11,8876,8877],{},"With the new All States View, you can now see all of the dynamic panel states, side by side, and at the same time. You can also move and edit widgets in the All States view, so it's easy to compare and update your designs within the dynamic panel widget.",[11,8879,8880],{},[100,8881],{"alt":71,"src":8882},"/images/2021/01/RP10-AllStatesView2.gif",[107,8884,8886],{"id":8885},"dynamic-panels-in-context","Dynamic Panels In Context",[11,8888,8889],{},"With RP 10, we also wanted to make it more intuitive to view and edit panel states within the context of the rest of your design. If you've ever wished you could drag a widget from the canvas into a panel, this is for you! Check out the full list below:",[269,8891,8892,8895,8898,8901,8904],{},[272,8893,8894],{},"Start and stop editing panels with a single click",[272,8896,8897],{},"View and edit any panel state without leaving context of canvas",[272,8899,8900],{},"Drag widgets from canvas and drop into any panel state",[272,8902,8903],{},"Drag widgets from any panel state and move out to canvas",[272,8905,8906],{},"View and quickly navigate to parent panels from canvas",[11,8908,8909],{},[100,8910],{"alt":71,"src":8911},"/images/2021/01/RP10-DP-Canvas2.gif",[11,8913,8914,8915,367],{},"We hope these changes will speed up your workflow of your UX prototypes and application designs! Download Axure RP 10 at ",[15,8916,8707],{"href":8847,"rel":8917},[33],{"title":71,"searchDepth":72,"depth":72,"links":8919},[8920,8921],{"id":1976,"depth":72,"text":1977},{"id":8885,"depth":72,"text":8886},[388,178],"2021-01-22T00:00:00.000Z","With Axure RP 10, you can view and edit all states of a dynamic panel side by side in the new All States View. It's also easier now to hop in and out of panels in context of your UX prototypes and designs. Learn more about the changes in RP 10. ",{"src":80},{},"/blog/dynamic-panels-on-display",{"src":8929},"/images/2021/04/Dynamic-Panels-on-Display.png",{"title":8862,"description":8924},"blog/dynamic-panels-on-display","2w_INIfpIIF0kPut6_SexcOxi3z3jLyIGndA0kCASkw",{"id":8934,"title":8935,"author":6,"body":8936,"categories":9089,"date":9090,"description":9091,"extension":79,"featuredImage":80,"mainImage":9092,"meta":9093,"navigation":83,"path":9094,"previewImage":9095,"seo":9097,"stem":9098,"tags":80,"__hash__":9099},"blog/blog/top-5-ux-articles-rolling-into-fall.md","Top 5 UX Articles Rolling into Fall",{"type":8,"value":8937,"toc":9082},[8938,8941,8945,8955,8960,8975,8979,8989,8994,9001,9005,9014,9020,9024,9033,9036,9041,9047,9051,9061,9066,9073,9075],[11,8939,8940],{},"It's hard to believe that summer has come and gone. With many of us at Axure working from the nooks and crannies of our homes, we've been able to get a little more reading done this summer and discovered plenty of great UX articles. Whenever we came across an article that we thought could help you hone your UX skills, stay on top of the latest prototyping trends, or help you pitch your projects to your stakeholders, we did our best to share them across our social media channels. Based on the shares, comments, and clicks from this summer, we bring you the 5 most popular UX articles and why they stand out to us. Cheers and happy reading!",[107,8942,8944],{"id":8943},"_1-documenting-is-designing-how-documentation-drives-better-design-outcomes","1. Documenting is designing: How documentation drives better design outcomes",[11,8946,8947],{},[15,8948,8951],{"href":8949,"rel":8950},"https://uxdesign.cc/documenting-is-designing-how-documentation-drives-better-design-outcomes-3ebd87a33d57",[33],[100,8952],{"alt":8953,"src":8954},"Documenting is designing: How documentation drives better design outcomes","/images/2020/10/1_ixE1VIP-0j19h-C4y8oBxQ.png",[1488,8956,8957],{},[11,8958,8959],{},"\"Indeed, in the early stages of design, it's important to sketch and do other visual concepting. But once moving beyond concepts, a design must be well-reasoned, particularly if you are designing applications. In years past (and in some cases today), this 'reasoning out' would be done by a business analyst. But that may not always be the case, in which case designers need to be prepared to take on this task.\"",[11,8961,8962,8963,8966,8967,8970,8971,631],{},"When it comes to documentation, it's easy to save it for last--once you have everything wrapped up, put it all together. But when you do this, you're missing out on a critical opportunity to keep your project in check and produce better designs. Heidi Adkisson does a great job breaking up each documentation piece and communicating how it helps bring about a better design and produce maximum impact. We're big fans of (the right amount of) documentation. Products, designs, and ideas don't exist in a silo, and it's important to keep a record so everyone can stay in the loop and projects run more smoothly. We, of course, do a lot of our documentation in RP, making wireframes and ",[15,8964,5209],{"href":1574,"rel":8965},[33]," and using ",[15,8968,5040],{"href":5038,"rel":8969},[33],". To read Heidi's article in full, head over to ",[15,8972,8974],{"href":8949,"rel":8973},[33],"the original",[107,8976,8978],{"id":8977},"_2-6-stats-to-prove-your-value-as-a-ux-designer","2. 6 stats to prove your value as a UX designer",[11,8980,8981],{},[15,8982,8985],{"href":8983,"rel":8984},"https://uxdesign.cc/6-stats-to-prove-your-value-as-a-ux-designer-c89084d29528",[33],[100,8986],{"alt":8987,"src":8988},"6 stats to prove your value as a UX designer","/images/2020/10/1_8dC9TM-4i_vpQ9IkVm7t8A.jpeg",[1488,8990,8991],{},[11,8992,8993],{},"\"As UX Designers, we often fall short when it comes to explaining the bigger picture of what we do and why it matters. When we speak to fellow designers, they get it. They understand the subjectivity of design decisions, the importance of accessibility, empathizing with users, rapid prototyping, and crafting user personas. But when we try to explain these things to non-designers, it comes across a bit hand-wavy and ambiguous.\"",[11,8995,8996,8997,631],{},"Shifting your vocabulary from UX design to C-level speak can be critical in communicating your value within an organization. Alexandra Grochowski breaks it down into six actionable steps that are hard to argue with, including ROI, conversion rates, and savings. This article also applies these metrics to different stages of your journey as a UX designer to bring value to you, including areas such as interview processes and client conversations. To read more, ",[15,8998,9000],{"href":8983,"rel":8999},[33],"check out the article",[107,9002,9004],{"id":9003},"_3-working-remote-with-axure","3. Working Remote with Axure",[11,9006,9007],{},[15,9008,9010],{"href":9009},"/blog/working-remote-with-axure",[100,9011],{"alt":9012,"src":9013},"Working Remote with Axure","/images/2020/03/team-projects-workflow.png",[11,9015,9016,9017],{},"With all the changes this summer, we're not surprised to see this article hit our list. Knowing that teams are spending more time in a Zoom conference than in a conference room, we pulled out our top features that enable cross-team, cross-city, and cross-timezone collaboration. To learn more about how Axure Teams, Cloud discussions, and our integrations can help you collaborate on UX projects, ",[15,9018,9019],{"href":9009},"check out our article here!",[107,9021,9023],{"id":9022},"_4-prototyping-with-data-intensive-features","4. Prototyping with Data-Intensive Features",[11,9025,9026],{},[15,9027,9029],{"href":9028},"/blog/prototyping-data-intensive-features",[100,9030],{"alt":9031,"src":9032},"finding balance","/images/2020/07/Finding-Balance-2.png",[11,9034,9035],{},"This Axure user story comes from Lisa Dance and follows her efforts to develop data-intensive features within a rich, interactive prototype.",[1488,9037,9038],{},[11,9039,9040],{},"\"I've developed several prototypes for Genworth's Cost of Care Calculator which provides users with the cost of long-term care services in their area. The sheer number of interactions you can produce with a calculator like this along with the extensive capabilities of prototyping software like Axure at your disposal, make the potential for prototyping more elements and interactions than you need for testing real. Too much time creating your prototype provides little time to resolve issues revealed in testing.\"",[11,9042,9043,9044,367],{},"With a high-fidelity prototype utilizing variables and real, working data in Axure RP, Lisa was able to better demonstrate to her stakeholders how the Cost of Care Calculator would apply to constituents all over the country. This saved her many costly and intensive iterations through design and development cycles. To read more about her process, ",[15,9045,9046],{"href":9028},"check it out",[107,9048,9050],{"id":9049},"_5-creating-a-ux-research-system-making-your-work-understood-as-a-researcher","5. Creating a UX Research System: Making your work understood as a researcher",[11,9052,9053],{},[15,9054,9057],{"href":9055,"rel":9056},"https://uxdesign.cc/creating-a-ux-research-system-making-your-work-understood-as-a-researcher-31c033caf450",[33],[100,9058],{"alt":9059,"src":9060},"Creating a UX Research System: Making your work understood as a researcher","/images/2020/10/Screen-Shot-2020-10-21-at-5.48.19-PM.png",[1488,9062,9063],{},[11,9064,9065],{},"\"Selling the value of User Research is sometimes an insurmountable challenge, especially when you're a 1-person army. Far too often, we find ourselves persuading stakeholders and selling the value of our work more than actually carrying out our real responsibilities — being the voice of the user, advocating for them and ensuring that the product or service effectively solve for their needs and pain points.\"",[11,9067,9068,9069],{},"Throughout this article, Avarind Ravi helps us identify concrete ways that we can translate our user research into concrete data that better states the impact of UX on an organization. He helps us consolidate spreadsheets into truly actionable data. The article concludes with an organizational system that can help UX researchers better repeat the process of delivering the impact of their UX research to company stakeholders. We're fans of articles that show how to increase the value of UX research to an organization. When interactive prototypes are placed in front of users, so much can be learned and applied by designers, developers, and stakeholders. Being able to document and clearly communicate those insights can make all the difference. To learn more, check out ",[15,9070,9072],{"href":9055,"rel":9071},[33],"the original article!",[224,9074],{},[11,9076,9077,9078],{},"To contribute to the Axure Blog or share your favorite articles with our team, send us an email at ",[15,9079,9081],{"href":9080},"mailto:pr@axure.com","pr@axure.com",{"title":71,"searchDepth":72,"depth":72,"links":9083},[9084,9085,9086,9087,9088],{"id":8943,"depth":72,"text":8944},{"id":8977,"depth":72,"text":8978},{"id":9003,"depth":72,"text":9004},{"id":9022,"depth":72,"text":9023},{"id":9049,"depth":72,"text":9050},[75,76],"2020-10-22T00:00:00.000Z","Whenever we came across an article that we thought could help you hone your UX skills, stay on top of the latest prototyping trends, or help you pitch your projects to your stakeholders, we did our best to share them across our social media channels. Based on the shares, comments, and clicks from this summer, we bring you the 5 most popular UX articles and why they stand out to us. Cheers and happy reading!",{"src":80},{},"/blog/top-5-ux-articles-rolling-into-fall",{"src":9096},"/images/2021/04/Top-5-UX-Articles-Rolling-into-Fall.png",{"title":8935,"description":9091},"blog/top-5-ux-articles-rolling-into-fall","2pmaDWNVNXBk9sra_Ww26DwhEEnO2tuKutISuE9b7xI",{"id":9101,"title":9102,"author":6,"body":9103,"categories":9137,"date":9138,"description":9139,"extension":79,"featuredImage":80,"mainImage":9140,"meta":9141,"navigation":83,"path":9142,"previewImage":9143,"seo":9145,"stem":9146,"tags":80,"__hash__":9147},"blog/blog/security-soc2-type2.md","Axure Software Successfully Achieves SOC 2 Type II Certification",{"type":8,"value":9104,"toc":9135},[9105,9117,9120,9123,9126,9129],[11,9106,9107,9108,9111,9112,9116],{},"San Diego, CA--September 24, 2020--",[15,9109,9110],{"href":1720},"Axure Software",", creators of a leading UX platform that empowers companies to bridge the gaps between design, development, business, and customers, today announced that it successfully completed the SOC 2 Type II Certification for its ",[15,9113,8250],{"href":9114,"rel":9115},"http://axure.cloud",[33]," product. This certification demonstrates Axure's commitment to providing the high level of security and compliance its enterprise customers need.",[11,9118,9119],{},"Axure's cornerstone product, Axure RP, is the most powerful and flexible way for UX designers, business analysts, and product managers to plan, prototype, and hand-off to developers. Combined with Axure Cloud, Axure's UX platform empowers teams to truly explore and innovate through sharing, feedback, and collaboration. This combination of UX tools and enterprise security standards can be difficult to identify.",[11,9121,9122],{},"SOC 2 Type II establishes a baseline for security and compliance that Axure's enterprise customer base can rely on. With several editions of the Axure Cloud product, including a public cloud solution, a privately hosted solution, and an on-premises solution, Axure can meet the security standards of companies across most industries. Today, Axure serves over 90% of the Fortune 500 in industries including healthcare, government, financial services, and education with their UX platform.",[11,9124,9125],{},"\"Security is a top priority for our enterprise customers,\" said Victor Hsu, President and Co-Founder of Axure. \"Axure is committed to meeting and exceeding their security standards so their UX and product teams can focus on delivering innovative user experiences.\"",[11,9127,9128],{},"Through the SOC 2 Type II certification, Axure outlines the operational requirements that support the achievement of the principal service commitments, relevant laws and regulations, and other system requirements. Information security policies define an organization-wide approach to how systems and data are protected. These include policies around how the service is designed and developed, how the system is operated, how the internal business systems and networks are managed, and how employees are hired, trained, and managed.",[11,9130,9131,9132,631],{},"Learn more about our ",[15,9133,9134],{"href":8249},"Enterprise offerings",{"title":71,"searchDepth":72,"depth":72,"links":9136},[],[177,178],"2020-09-24T00:00:00.000Z","We're SOC 2 Type II certified and continuing our commitment to the high level of security and compliance our enterprise customers need. Check out the full press release to learn more. ",{"src":80},{},"/blog/security-soc2-type2",{"src":9144},"/images/2021/04/SOC-2-Type-II-Certified.png",{"title":9102,"description":9139},"blog/security-soc2-type2","RkASZD1DavZ5uXFHQw43gnhMp854o71AI9jKhxjKMck",{"id":9149,"title":9150,"author":6,"body":9151,"categories":9242,"date":9243,"description":9244,"extension":79,"featuredImage":80,"mainImage":9245,"meta":9246,"navigation":83,"path":9247,"previewImage":9248,"seo":9250,"stem":9251,"tags":80,"__hash__":9252},"blog/blog/workspace-activity-feed.md","Keep Your Team on the Same Page with Axure Cloud's New Workspace Activity Feed",{"type":8,"value":9152,"toc":9240},[9153,9156,9163,9169,9172,9178,9181,9228],[11,9154,9155],{},"For UX professionals, product managers, and designers, it's important to know what your team is working on, especially when you're working on different pieces of the same project. When you have multiple team members working on multiple projects, how do you stay up-to-date?",[11,9157,9158,9159,9162],{},"The new Workspace Activity Feed for ",[15,9160,177],{"href":9114,"rel":9161},[33]," allows you and your team to easily browse all of the latest activity within each workspace. Now you can quickly see when a new project was published, a client commented on a colleague's prototype, or if a design was updated.",[11,9164,9165],{},[100,9166],{"alt":9167,"src":9168},"Workspace Activity Feed","/images/2020/09/CAFB1.1.png",[11,9170,9171],{},"The activity feed is also a convenient way to quickly navigate to active content in Axure Cloud. For example, you can click on a project name within the feed to take you to a project's history or click on a comment to see the comment within the prototype. By viewing the feed, each team member can see what's happening and quickly check it out!",[11,9173,9174],{},[100,9175],{"alt":9176,"src":9177},"Workspace Activity Feed Zoom","/images/2020/09/Screen-Shot-2020-09-04-at-3.28.22-PM.png",[11,9179,9180],{},"After navigating to a workspace on Axure Cloud, you'll find the Workspace Activity Feed to the right of the project list view. The activity is sorted with the latest activity on top, and you can scroll down to see older activity. These are the types of activity currently included in the feed:",[269,9182,9183,9186,9189,9192,9195,9198,9201,9204,9207,9210,9213,9216,9219,9222,9225],{},[272,9184,9185],{},"Workspace created",[272,9187,9188],{},"Workspace archived",[272,9190,9191],{},"Workspace unarchived",[272,9193,9194],{},"User joined workspace",[272,9196,9197],{},"User left workspace",[272,9199,9200],{},"Project created",[272,9202,9203],{},"Project updated",[272,9205,9206],{},"Project renamed",[272,9208,9209],{},"Project moved",[272,9211,9212],{},"Project duplicated",[272,9214,9215],{},"Project deleted",[272,9217,9218],{},"Comment added",[272,9220,9221],{},"Reply to comment added",[272,9223,9224],{},"Comment resolved",[272,9226,9227],{},"Comment unresolved",[11,9229,9230,9231,9235,9236,9239],{},"We plan to add more types of activity to the Feed in future updates and continue improving the way teams stay up-to-date to deliver better user experiences. So what do you think? How will you use the new Axure Cloud Feed? Let us know at ",[15,9232,9234],{"href":9233},"mailto:contactus@axure.com","contactus@axure.com"," or through the Feedback link in the Axure Cloud App. Sign in to ",[15,9237,177],{"href":9114,"rel":9238},[33]," to see the Workspace Activity Feed in action!",{"title":71,"searchDepth":72,"depth":72,"links":9241},[],[177,178],"2020-09-08T00:00:00.000Z","The new Workspace Activity Feed for Axure Cloud allows you and your team to easily browse all of the latest activity within each workspace. Now you can quickly see when a new project was published, a client commented on a colleague's prototype, or if a design was updated. ",{"src":80},{},"/blog/workspace-activity-feed",{"src":9249},"/images/2021/04/Cloud-Workspace-Feedv1.png",{"title":9150,"description":9244},"blog/workspace-activity-feed","0Ne4eV8gV4LCXcZkKKo6sWv-1hSOhaqDhoQ-Q9Gm0Ck",{"id":9254,"title":9255,"author":9256,"body":9257,"categories":9451,"date":9453,"description":9454,"extension":79,"featuredImage":80,"mainImage":9455,"meta":9456,"navigation":83,"path":9028,"previewImage":9457,"seo":9459,"stem":9460,"tags":80,"__hash__":9461},"blog/blog/prototyping-data-intensive-features.md","Finding the Balance When Prototyping Data-Intensive Features","lisa-dance",{"type":8,"value":9258,"toc":9442},[9259,9269,9278,9287,9290,9298,9302,9305,9309,9312,9315,9323,9331,9334,9340,9349,9353,9356,9359,9362,9366,9369,9377,9381,9384,9391,9398,9409,9413,9416,9422,9426,9429,9432,9435],[11,9260,9261,9264,9265,9268],{},[115,9262,9263],{},"Note from the editor:"," We are excited to share another article in our ",[15,9266,75],{"href":9267},"/blog?filter=User+Stories",", a blog series highlighting industry stories from real Axure users. The UX industry is diverse and quickly evolving with software, web, and mobile applications dominating the modern landscape. Read these stories of UX projects in action to learn more about how the community overcomes industry and workplace challenges and what the future of UX may hold.",[11,9270,9271,9272,9277],{},"When prototyping a data-intensive feature like an interactive online calculator, there is a need to balance creating a prototype that simulates the real-world experience with not prototyping everything. According to the Genworth ",[15,9273,9276],{"href":9274,"rel":9275},"https://pro.genworth.com/riiproweb/productinfo/pdf/282301.pdf",[33],"Beyond Dollars Study 2018",", most people are not planning for long term care. One way we help people to take their first step in planning for long term care is through our award-winning interactive calculator.",[11,9279,9280,9281,9286],{},"I've developed several prototypes for ",[15,9282,9285],{"href":9283,"rel":9284},"https://www.genworth.com/aging-and-you/finances/cost-of-care.html",[33],"Genworth's Cost of Care Calculator"," (Image #1) which provides users with the cost of long term care services in their area. The sheer number of interactions you can produce with a calculator like this along with the extensive capabilities of prototyping software like Axure at your disposal, make the potential for prototyping more elements and interactions than you need for testing real. Too much time creating your prototype provides little time to resolves issues revealed in testing.",[11,9288,9289],{},"After three years of working on this interactive calculator, I've learned to find a workable balance. Here are some tips for focusing your prototyping and testing approach with data-intensive features.",[11,9291,9292],{},[26,9293,9294,9297],{},[100,9295],{"alt":71,"src":9296},"/images/2020/07/1-Genworths-Cost-of-Care-Image.png","1- Genworth's Cost of Care Calculator",[195,9299,9301],{"id":9300},"_1-test-with-lower-levels-of-fidelity-when-possible","1. Test with lower levels of fidelity when possible.",[11,9303,9304],{},"Take advantage of paper prototyping, wireframes, and low fidelity mockups to test broader issues like information architecture, page layout, and page-to-page interactions early on. They don't have to require a lot of time. This allows you to get the content and layout decisions out of the way so you can focus your efforts on testing interactions with a high fidelity prototype.",[195,9306,9308],{"id":9307},"_2-take-time-to-plan-exactly-how-you-are-going-to-approach-the-prototype","2. Take time to plan exactly how you are going to approach the prototype.",[11,9310,9311],{},"Software capable of producing highly realistic data-intensive prototyping can take time to learn. One of the biggest challenges I've found is there are several ways to produce the same behavior/interaction (Ex. Show/Hide vs a Dynamic Panel). So, it's important to decide before you start which method works best for a particular type of interaction and use it consistently throughout the prototype.",[11,9313,9314],{},"I typically use Show/Hide for simpler interactions where I want a page element to appear or disappear based on an action. For example, on the Cost of Care page, when a user clicks the information icon next to \"long term care\", a description for long term care is shown (Image #2). When the visitor clicks the information icon a second time, the description disappears (Image #3).",[11,9316,9317],{},[26,9318,9319,9322],{},[100,9320],{"alt":71,"src":9321},"/images/2020/07/2-Show-Hide-Description-Not-Visible-Hide-Image.png","2-Show/Hide - Description Not Visible (Hide)",[11,9324,9325,9328],{},[100,9326],{"alt":71,"src":9327},"/images/2020/07/image6.png",[26,9329,9330],{},"3-Show/Hide - Description Visible (Show)",[11,9332,9333],{},"I use dynamic panels frequently for more complex interactions. A core function of an interactive calculator is to display numerical data based on user input. Dynamic panels help simulate data changes smoothly. Dynamic panels are containers that allow you to set the look and interaction of several elements located in the same area of a page. Each version of the container is called a \"state.\" Because only one \"state\" of a dynamic panel can be seen at each time, dynamic panels can be used to change the data that appears on the page. With the Cost of Care tool, I rely on dynamic panels to simulate the change in costs based on the location, time period, year, and interest rate that a user selects. In this example, the costs of Care Services in the New Orleans Area, LA are displayed using a dynamic panel (Image #4). By using a new location (Fresno, CA), time period (Monthly), year (2029), and interest rate (3%) the data and appearance of the dynamic panel changes (image #5).",[11,9335,9336,9339],{},[100,9337],{"alt":71,"src":9338},"/images/2020/07/4-Dynamic-Panel-%E2%80%93Cost-of-Care-Services-New-Orleans-Area-LA.-Bottom-data-table-is-a-dynamic-panel-Image.png","4-Dynamic Panel –Cost of Care Services (New Orleans Area, LA). Bottom data table is a dynamic panel._",[11,9341,9342,9343,9342,9346],{},"_",[100,9344],{"alt":71,"src":9345},"/images/2020/07/map2.png",[26,9347,9348],{},"5-Dynamic Panel–Cost of Care Services (Fresno, CA). Choosing a different location, time period, year, and interest rate changes the data and appearance of the bottom data table (dynamic panel)",[195,9350,9352],{"id":9351},"_3-test-with-real-data","3. Test with real data.",[11,9354,9355],{},"Using dummy data can work well with early iterations, but as you move to a high fidelity prototype, real data helps simulate a more realistic experience. Also, by using real data, you get an additional checkup on the visual design. You may find that you need to adjust the design to accommodate actual data output.",[11,9357,9358],{},"By using a subset of real data when prototyping the Cost of Care Calculator, we get to understand users' reactions to the data, what actions they take after seeing data, and what questions they have about the data.",[11,9360,9361],{},"Funny enough, it actually takes time to create realistic dummy data. Save yourself the time and include a subset of real data instead.",[195,9363,9365],{"id":9364},"_4-test-for-functionality-and-understanding","4. Test for functionality and understanding.",[11,9367,9368],{},"At a basic level, it's always important to test the functionality of a tool. Does it work the way it was designed to work? You may also need to test if users understand the data. Unlike an online version of a handheld calculator where people generally don't need an explanation of the output, with the Cost of Care Calculator, most people are not familiar with the different types of long term care services nor with the costs associated with them. Therefore, including definitions of the different types of care services as tooltips is an important part of the prototype (Image #6).",[11,9370,9371],{},[26,9372,9373,9376],{},[100,9374],{"alt":71,"src":9375},"/images/2020/07/2-Data-Driven-Prototyping-new.png","6-Tool Tip Provides Definition of Care Services",[195,9378,9380],{"id":9379},"_5-find-a-prototyping-tool-with-the-right-capabilities","5. Find a prototyping tool with the right capabilities.",[11,9382,9383],{},"An important part of designing an interactive calculator is micro-interactions because they enhance the overall experience with a tool. Microinteractions provide the user with feedback that something on the user interface has changed based on the user's action (ex. clicked a button). The feedback can be an image, animation, sound, message, etc. With the variety of buttons, sliders, input fields, and dropdown lists, and more, available on an interactive calculator, micro-interactions help engage and reassure users that the calculator is responding to their input.",[11,9385,9386,9387,9390],{},"With the Cost of Care Calculator, an important micro-interaction I needed to evaluate was the feedback message from the new Autocomplete feature. As a user begins to enter a \"City, State or Zip Code\" into the input field, location suggestions appear as a dropdown list. When a user selects certain locations from the list, the following message appears below the input field \"The closest region for Cost of Care data is: ",[2506,9388,9389],{},"Name of a Nearby (MSA) Metropolitan Statistical Area",". (Image #7) In prototyping and testing this micro-interaction, I could observe whether users saw the feedback message and did it cause any confusion or questions. While there is definitely a learning curve to create complex interactions, a high fidelity prototyping tool that can create realistic micro-interactions will help you gain a level of insight on how users engage with your data-intensive tool.",[11,9392,9393],{},[26,9394,9395],{},[100,9396],{"alt":71,"src":9397},"/images/2020/07/3-Data-Driven-Prototyping-new.png",[11,9399,9400],{},[26,9401,9402,375,9405,9408],{},[100,9403],{"alt":71,"src":9404},"/images/2020/07/4-Data-Driven-Prototyping-new.png",[100,9406],{"alt":71,"src":9407},"/images/2020/07/5-Data-Driven-Prototyping-new.png","7- Autocomplete Feature & Feedback Message",[195,9410,9412],{"id":9411},"_6-name-all-interactions","6. Name All Interactions",[11,9414,9415],{},"With an online calculator, data changes based on users entering information or interacting with page elements like buttons, text links, sliders, carousels, input fields, dropdown lists, etc. When building these interactions, it is important to name the interaction itself as well as every element that either moves or triggers a movement. As you can see from this example below, it's time-consuming and frustrating to look for a specific page element when it doesn't have its own unique name. (Image #8)",[11,9417,9418,9421],{},[100,9419],{"alt":71,"src":9420},"/images/2020/07/6_data_driven_prototyping.png","8- Unlabeled Page Elements_",[195,9423,9425],{"id":9424},"_7-avoid-prototype-overload","7. Avoid prototype overload.",[11,9427,9428],{},"Just because you can include a page, task, or interaction in your prototype doesn't mean you should. Use your user research and metrics, if available, to identify the key tasks most users need to accomplish. This helps you focus your prototype efforts. While there are edge cases to consider, focus on prototyping the key tasks first.",[11,9430,9431],{},"Remember the purpose of rapid prototyping is to quickly simulate a realistic experience for testing and iterating. You need time to gather and incorporate feedback from users.",[11,9433,9434],{},"Prototyping data-intensive experiences can be fun as well as challenging. These tips have helped me create effective, high fidelity prototypes that provide a rich understanding of how users interact with the Cost of Care Calculator. I hope they will help you on your prototyping journey.",[11,9436,9437,9438,9441],{},"Disclaimer: The views and opinions expressed here are those of the author only and in no way represent the views, positions or opinions – expressed or implied – of Genworth Financial, Inc. So get prototyping! Embrace data-intensive prototyping and ",[15,9439,9440],{"href":1375},"download your trial"," of Axure RP to get started!",{"title":71,"searchDepth":72,"depth":72,"links":9443},[9444,9445,9446,9447,9448,9449,9450],{"id":9300,"depth":309,"text":9301},{"id":9307,"depth":309,"text":9308},{"id":9351,"depth":309,"text":9352},{"id":9364,"depth":309,"text":9365},{"id":9379,"depth":309,"text":9380},{"id":9411,"depth":309,"text":9412},{"id":9424,"depth":309,"text":9425},[891,75,9452],"user story","2020-07-30T00:00:00.000Z","Prototyping data-intensive experiences can be fun as well as challenging. These tips have helped an Axure user create effective, high fidelity prototypes that provide a rich understanding of how users interact with the Cost of Care Calculator.",{"src":80},{},{"src":9458},"/images/2021/04/Finding-Balance.png",{"title":9255,"description":9454},"blog/prototyping-data-intensive-features","G_m835D0zzgwNxY-9Q_QoCefMFKQ1G9pMwXIH2P2nk8",{"id":9463,"title":9464,"author":6,"body":9465,"categories":9554,"date":9555,"description":9556,"extension":79,"featuredImage":80,"mainImage":9557,"meta":9558,"navigation":83,"path":8682,"previewImage":9559,"seo":9561,"stem":9562,"tags":80,"__hash__":9563},"blog/blog/embed-axure-prototypes-in-confluence.md","Embed Axure Prototypes in Confluence",{"type":8,"value":9466,"toc":9552},[9467],[9468,9469,9473,9476,9484,9489,9492,9526,9535,9544],"prose-button",{"link":9470,"open-in-new-tab":9471,"text":9472},"https://marketplace.atlassian.com/apps/1223048/axure-for-confluence?hosting=cloud&tab=overview","true","Get Axure for Confluence",[11,9474,9475],{},"Confluence pages can be a great place to record and distribute high-level project information like requirements, key collaborators, relevant customer research, and more. As a project progresses, prototypes that illustrate that progress are also a great addition to this central source of truth.",[11,9477,9478,9479,9483],{},"With the new ",[15,9480,9482],{"href":9470,"rel":9481},[33],"Axure for Confluence",", you can embed Axure Cloud–hosted prototypes directly into your Confluence pages. Embedded prototypes are fully functional and always up-to-date with changes you publish to Axure Cloud.",[11,9485,9486],{},[100,9487],{"alt":71,"src":9488},"/images/2020/07/Prototype-in-Confluence.png",[11,9490,9491],{},"Here's how to get started:",[420,9493,9494,9502,9523],{},[272,9495,9496,9497,9501],{},"Install the ",[15,9498,9500],{"href":9470,"rel":9499},[33],"Axure for Confluence app"," through the Atlassian Marketplace or your Confluence admin settings.",[272,9503,9504,9505,4664,9510,9515,9516,9518,9519,9522],{},"Start editing a Confluence page, and paste ",[15,9506,9509],{"href":9507,"rel":9508},"https://docs.axure.com/axure-cloud/basics/axure-rp-projects/#sharing-axure-rp-projects",[33],"the shareable link for an Axure RP prototype",[15,9511,9514],{"href":9512,"rel":9513},"https://docs.axure.com/axure-cloud/reference/sharing-artboard-projects/#enabling-the-public-link",[33],"artboard project"," directly onto the page. (Alternatively, you can use the ",[115,9517,9482],{}," option in the ",[115,9520,9521],{},"Insert"," menu.)",[272,9524,9525],{},"In the modal that appears, set your desired height for the embedded prototype.",[11,9527,9528,9530,9531,9534],{},[115,9529,7977],{}," To embed a specific page from the prototype, open that page in your web browser and copy the URL from the navigation bar. The same goes for the prototype panes: If the ",[115,9532,9533],{},"Comments"," pane is open when you copy the link, it will be open when you embed the prototype in Confluence!",[11,9536,9537,9538,9543],{},"Once the prototype is embedded, anyone with access to the Confluence page can interact with it and ",[15,9539,9542],{"href":9540,"rel":9541},"https://docs.axure.com/axure-cloud/basics/discussions/",[33],"leave feedback right on the prototype",". Use the icons at the top-right of the embedded prototype to expand it or pop it out into another browser tab.",[11,9545,9546,9547,9551],{},"Does your team use Jira as well? Make sure to snag ",[15,9548,9550],{"href":6280,"rel":9549},[33],"the Axure app for Jira"," to embed prototypes in Jira tickets!",{"title":71,"searchDepth":72,"depth":72,"links":9553},[],[177,829,178],"2020-07-28T00:00:00.000Z","With the new Axure app for Confluence, you can embed Axure Cloud–hosted prototypes directly into your Confluence pages. Embedded prototypes are fully functional and always up-to-date with changes you publish to Axure Cloud.",{"src":80},{},{"src":9560},"/images/2021/04/Confluence-Plugin-Graphic.png",{"title":9464,"description":9556},"blog/embed-axure-prototypes-in-confluence","NZf3Ns8A0LBsUwliLLwClUAK4r0PHvF-UCI9cVSglDg",{"id":9565,"title":9566,"author":6,"body":9567,"categories":9643,"date":9644,"description":9645,"extension":79,"featuredImage":80,"mainImage":9646,"meta":9647,"navigation":83,"path":9648,"previewImage":9649,"seo":9651,"stem":9652,"tags":80,"__hash__":9653},"blog/blog/surevx.md","Launching a Software Startup With No Code, Just Prototyping: Benjamin Stanley and SureVX",{"type":8,"value":9568,"toc":9641},[9569,9572,9575,9586,9589,9592,9616,9619,9627,9630,9633,9636,9638],[11,9570,9571],{},"High interactive fidelity prototypes like those you can create with Axure RP have a variety of uses, from user testing new product features to creating interactive design specs for developers. But what about building a minimum viable product to get a startup off the ground? That's exactly what SureVX founder Benjamin Stanley did: He used the Axure platform to make his idea a reality without having to invest crucial early-stage capital into software development.",[11,9573,9574],{},"SureVX is a fintech startup doing collateral management on blockchain. At the pre-seed stage, the company needed to generate traction with potential clients to secure investment and bring its product to market without the cost of full software development. Their goals were straightforward:",[269,9576,9577,9580,9583],{},[272,9578,9579],{},"Validate the mission of SureVX",[272,9581,9582],{},"Generate buzz and sales prospects",[272,9584,9585],{},"Do it all without spending too much time or money on software development too early on",[11,9587,9588],{},"The challenge was that they couldn't accomplish these goals without building something. According to founder Benjamin Stanley, \"talk is cheap in blockchain world, so we needed to get something real in front of customers without risking our precious capital on building a full product.\"",[11,9590,9591],{},"They found their solution in high interactive fidelity prototyping with Axure RP. SureVX chose Axure as their prototyping platform for three main reasons:",[420,9593,9594,9600,9606],{},[272,9595,9596,9599],{},[115,9597,9598],{},"Axure RP lets you build complex interactions without writing code."," \"SureVX is a complex B2B fintech solution, so creating simple stylized forms would not have achieved the credibility and traction with our clients that we needed.\" Ben knew they would have to prototype realistic workflows in order to accomplish their goals, and Axure RP enabled them to do that with a graphical interface that the team found \"very accessible\" even for beginners. (No code required!)",[272,9601,9602,9605],{},[115,9603,9604],{},"The Axure platform supports fluid collaboration between UX, design, and development teams."," Ben worked with just one other collaborator, a remotely based visual designer, to build the SureVX MVP. Ben built out an interactive wireframe to the project's requirements, and the designer gave it the visual polish needed to make it look professional and engaging. \"All of this was done directly on the Axure platform.\" Ben and the designer were able to work together on the prototype through multiple rounds of rapid iteration before finally handing it off to a software developer once UX validation was done.",[272,9607,9608,9611,9612,9615],{},[115,9609,9610],{},"Axure Cloud makes it easy to share prototypes with potential clients."," Once the team was ready to show the SureVX MVP to potential clients, they published it to ",[15,9613,177],{"href":4982,"rel":9614},[33]," and distributed its share link publicly to cast a wide net. \"We took the prototype one step further and added a link to it from our website. This staging of the MVP meant we could market SureVX online and reach many more potential clients via Twitter and LinkedIn.\" This strategy allowed interested parties to give themselves a self-guided tour of the product in its current form and to request additional information by clicking links right inside the prototype itself.",[11,9617,9618],{},"The results of these efforts were big wins for SureVX:",[1488,9620,9621],{},[11,9622,9623,9626],{},[115,9624,9625],{},"By creating and deploying the MVP on Axure, we were able to reach 5x more clients than one-to-one interviews."," We had performed around 20 meetings with potential clients in the month before the product went live. We captured almost 100 email addresses the following month by leveraging the online MVP. The traction we generated allowed us to move to the next phase in SureVX's development.",[11,9628,9629],{},"All that with a team of only two people and a net spend of just around $500. The next steps for Ben are to raise funding and turn the SureVX prototype into a fully realized software product.",[11,9631,9632],{},"Like Ben, many entrepreneurs and designers — from individuals to fortune 500 teams, from Axure veterans to UX beginners — use Axure RP to create high fidelity prototypes. This helps them save time and money as they test out new features, products, websites, and even new ideas for companies. When the costs of experimentation are low, innovation can thrive.",[11,9634,9635],{},"Benjamin Stanley: \"I was extremely impressed with Axure. It helped us get traction and present a credible MVP to our clients without the usual headaches of software development.\"",[224,9637],{},[11,9639,9640],{},"Benjamin Stanley is a Franco-British entrepreneur and an alumnus of Accenture, BNYM and FiS. He created SureVX to help organizations secure their trades from default by leveraging the awesome power of blockchain.",{"title":71,"searchDepth":72,"depth":72,"links":9642},[],[],"2020-05-20T00:00:00.000Z","Can you use a high fidelity prototype as a minimum viable product to get a startup off the ground? That's exactly what SureVX founder Benjamin Stanley did: He used the Axure platform to make his idea a reality without having to invest crucial early-stage capital into software development.",{"src":80},{},"/blog/surevx",{"src":9650},"/images/2020/05/surevx-interface.png",{"title":9566,"description":9645},"blog/surevx","tn4e0IszUsUYJNn4-944BynBT8CiaDt51D7Zwr8NI4E",{"id":9655,"title":9656,"author":6,"body":9657,"categories":9790,"date":9791,"description":9792,"extension":79,"featuredImage":80,"mainImage":9793,"meta":9794,"navigation":83,"path":1498,"previewImage":9795,"seo":9797,"stem":9798,"tags":80,"__hash__":9799},"blog/blog/import-figma-designs-into-axure.md","Import Figma Designs into Axure",{"type":8,"value":9658,"toc":9786},[9659,9667,9679,9683,9708,9716,9720,9725,9751,9764,9775,9777],[11,9660,9661,9662,9666],{},"Attention Figma users! ",[15,9663,9665],{"href":628,"rel":9664},[33],"Install the new Axure plugin for Figma"," to import your designs from Figma into Axure RP. Now you can take designs and diagrams started in Figma and transform them into rich, interactive prototypes with the power of Axure RP.",[11,9668,9669,9670,9674,9675,367],{},"You can also export frames from Figma directly to Axure Cloud for easy sharing and handoff. Use ",[15,9671,9673],{"href":4780,"rel":9672},[33],"Axure Cloud Discussions"," to gather feedback from your teammates and stakeholders, and extract detailed CSS and layout information with ",[15,9676,9678],{"href":799,"rel":9677},[33],"Axure Cloud Inspect",[107,9680,9682],{"id":9681},"copy-and-paste-from-figma-to-axure-rp","Copy and Paste from Figma to Axure RP",[420,9684,9685,9690,9701],{},[272,9686,9687],{},[15,9688,660],{"href":628,"rel":9689},[33],[272,9691,663,9692,667,9694,671,9696,9698],{},[115,9693,666],{},[115,9695,670],{},[1294,9697],{},[100,9699],{"alt":71,"src":9700},"/images/2020/05/figma-plugin1.png",[272,9702,674,9703,9705],{},[1294,9704],{},[100,9706],{"alt":71,"src":9707},"/images/2020/05/figma-plugin2.png",[11,9709,9710,9711,9715],{},"Imported Figma layers are converted to Axure RP widgets, and the structure of the layers is maintained with RP ",[15,9712,9714],{"href":6754,"rel":9713},[33],"widget groups",". This gives you an accurate import while still allowing you to tweak designs on the fly in RP as needed.",[107,9717,9719],{"id":9718},"export-from-figma-to-axure-cloud","Export from Figma to Axure Cloud",[11,9721,9722],{},[100,9723],{"alt":71,"src":9724},"/images/2020/05/Figma-Cloud-GIF.gif",[420,9726,9727,9732,9737,9741,9747],{},[272,9728,9729],{},[15,9730,688],{"href":686,"rel":9731},[33],[272,9733,9734],{},[15,9735,660],{"href":628,"rel":9736},[33],[272,9738,696,9739,367],{},[115,9740,699],{},[272,9742,702,9743,706,9745,710],{},[115,9744,705],{},[115,9746,709],{},[272,9748,713,9749,717],{},[115,9750,716],{},[11,9752,9753,9754,802,9757,808,9761,367],{},"Once the upload is complete, you're all set to ",[15,9755,801],{"href":799,"rel":9756},[33],[15,9758,9760],{"href":805,"rel":9759},[33],"turn them into click-through prototypes",[15,9762,813],{"href":811,"rel":9763},[33],[11,9765,9766,9769,9770,367],{},[115,9767,9768],{},"Exporting from Figma to Axure Cloud is free"," — no Axure RP license needed! To get started, sign up for free at ",[15,9771,9774],{"href":9772,"rel":9773},"https://accounts.axure.com/app/signup",[33],"accounts.axure.com/app/signup",[224,9776],{},[11,9778,9779,9780,9785],{},"We hope you're as excited about this new Figma integration as we are! We're hard at work on integrations for other tools as well, so make sure to ",[15,9781,9784],{"href":9782,"rel":9783},"https://eepurl.com/qXgtz",[33],"subscribe to our newsletter"," for updates on all things Axure.",{"title":71,"searchDepth":72,"depth":72,"links":9787},[9788,9789],{"id":9681,"depth":72,"text":9682},{"id":9718,"depth":72,"text":9719},[177,388,829,601,178],"2020-05-06T00:00:00.000Z","Attention Figma users! \u003Ca href=\"https://www.figma.com/community/plugin/837098402230990991/Axure\" rel=\"noopener\" target=\"_blank\">Install the new Axure plugin for Figma\u003C/a> to import your designs into Axure RP or export them directly to Axure Cloud!",{"src":80},{},{"src":9796},"/images/2020/05/Figma-3.png",{"title":9656,"description":9792},"blog/import-figma-designs-into-axure","Bwnu-2pSELHL5uD8x-GktPRaBbwHUQeHFJEM2A8tIEw",{"id":9801,"title":9012,"author":6,"body":9802,"categories":9906,"date":9907,"description":9806,"extension":79,"featuredImage":80,"mainImage":9908,"meta":9909,"navigation":83,"path":9009,"previewImage":9910,"seo":9912,"stem":9913,"tags":80,"__hash__":9914},"blog/blog/working-remote-with-axure.md",{"type":8,"value":9803,"toc":9901},[9804,9807,9811,9818,9822,9825,9832,9835,9840,9848,9854,9858,9863,9872,9886,9889,9895],[11,9805,9806],{},"Working remote right now? Check out these Axure features that make remote collaboration a little easier.",[107,9808,9810],{"id":9809},"team-projects","Team Projects",[11,9812,1357,9813,9817],{},[15,9814,9816],{"href":9815},"/team","Axure RP Team edition",", multiple people can co-author prototype files simultaneously, all with version control built in.",[11,9819,9820],{},[100,9821],{"alt":71,"src":9013},[11,9823,9824],{},"Whether you're working side-by-side or time zones apart, Axure RP Team Projects give you a simple and safe way to collaborate.",[11,9826,9827],{},[15,9828,9831],{"href":9829,"rel":9830},"https://docs.axure.com/axure-rp/reference/creating-and-sharing-team-projects/",[33],"Learn More about Team Projects",[107,9833,9673],{"id":9834},"axure-cloud-discussions",[11,9836,9837],{},[100,9838],{"alt":71,"src":9839},"/images/2020/03/axure-cloud-discussions.png",[11,9841,9842,9843,9847],{},"Axure Cloud Discussions allow you, your teammates, and your stakeholders to provide and respond to feedback directly on your projects' screens. Anyone with access to a project can participate in discussions, even if they don't have a license for Axure RP! To make sure you're always up to date on the conversation, you can choose to ",[15,9844,9846],{"href":7278,"rel":9845},[33],"receive notifications via email, Slack, or Microsoft Teams"," when there's discussion activity on your projects.",[11,9849,9850],{},[15,9851,9853],{"href":4780,"rel":9852},[33],"Get Started with Axure Cloud Discussions",[107,9855,9857],{"id":9856},"embed-axure-prototypes-in-jira","Embed Axure Prototypes in Jira",[11,9859,9860],{},[100,9861],{"alt":71,"src":9862},"/images/2020/01/jira2@2x.png",[11,9864,9865,9866,9871],{},"Align your design and development teams by sharing your latest Axure RP ",[15,9867,9870],{"href":9868,"rel":9869},"https://www.toptal.com/designers/prototyping/why-use-axure",[33],"prototypes"," and Sketch or Adobe XD artboards directly in Jira. The steps are simple:",[420,9873,9874,9880,9883],{},[272,9875,9876],{},[15,9877,9879],{"href":2666,"rel":9878},[33],"Upload your prototype to Axure Cloud.",[272,9881,9882],{},"Copy the prototype's public link.",[272,9884,9885],{},"Paste the link into a Jira ticket to embed the real, working prototype.",[11,9887,9888],{},"Teammates can interact with the embedded prototype and leave feedback without ever leaving Jira!",[11,9890,9891],{},[15,9892,9894],{"href":6280,"rel":9893},[33],"Install the Axure App for Jira",[11,9896,9897,9898,9441],{},"If you haven't already, ",[15,9899,9900],{"href":1375},"download your 30-day trial",{"title":71,"searchDepth":72,"depth":72,"links":9902},[9903,9904,9905],{"id":9809,"depth":72,"text":9810},{"id":9834,"depth":72,"text":9673},{"id":9856,"depth":72,"text":9857},[177,388,601],"2020-03-18T00:00:00.000Z",{"src":80},{},{"src":9911},"/images/2020/02/Working-on-Team-Projects.png",{"title":9012,"description":9806},"blog/working-remote-with-axure","EKjqe0ImiuGEoEPhBimNVJLD9GxKLMI_3VqS8NI0by0",{"id":9916,"title":9917,"author":6,"body":9918,"categories":10037,"date":10038,"description":10039,"extension":79,"featuredImage":80,"mainImage":10040,"meta":10041,"navigation":83,"path":7262,"previewImage":10042,"seo":10044,"stem":10045,"tags":80,"__hash__":10046},"blog/blog/hi-fi-to-lo-fi-with-the-flip-of-a-switch.md","Hi-Fi to Lo-Fi with the Flip of a Switch",{"type":8,"value":9919,"toc":10028},[9920,9930,9937,9941,9946,9961,9964,9982,9986,9989,9993,9996,10000,10003,10007,10010,10014,10017,10019],[11,9921,9922,9923,9926,9927,367],{},"Keep Axure RP up to date at ",[115,9924,9925],{},"Help → Check for Updates"," to get access to ",[15,9928,9929],{"href":1380},"all the latest features",[11,9931,9932,9933,9936],{},"Think of the last time you showed someone a prototype. Did you get the type of feedback you were looking for? Or did you get something along the lines of, \"I'm not in love with the color of that button...\" High visual fidelity designs certainly have their place in the UX professional's toolkit, and it's amazing how real we can make prototypes look these days. But sometimes you need your audience to forget the visuals and just focus on how the thing ",[26,9934,9935],{},"works",". That's where Axure RP's new Low Fidelity mode comes in. Turn this mode on to instantly drop the visual fidelity of any design and facilitate conversation about its functionality rather than its looks. After you collect feedback, turn Low Fidelity mode off again to continue working with your design at its actual level of fidelity.",[107,9938,9940],{"id":9939},"toggling-low-fidelity-mode","Toggling Low Fidelity Mode",[11,9942,9943],{},[100,9944],{"alt":71,"src":9945},"https://docs.axure.com/assets/screenshots/axure-rp/styling-pages-low-fi-mode.gif",[420,9947,9948,9954],{},[272,9949,9950,9951,9953],{},"Open the ",[115,9952,5397],{}," pane and click a blank spot on the canvas to see the page's style selections.",[272,9955,9956,9957,9960],{},"At the bottom of the pane, click the ",[115,9958,9959],{},"Low Fidelity"," button.",[11,9962,9963],{},"While Low Fidelity mode is active, all color on the page is converted to grayscale, and all fonts are replaced with the rough, pencil-like Axure Handwriting font.",[11,9965,9966,9968,9969,9978,9979,367],{},[115,9967,7977],{}," Low fidelity mode is enabled on a page-by-page basis, but you can apply it to all pages at once by enabling it in ",[15,9970,9973,9974,9977],{"href":9971,"rel":9972},"https://docs.axure.com/axure-rp/reference/styling-pages/#page-styles",[33],"the ",[115,9975,9976],{},"Default"," page style"," at ",[115,9980,9981],{},"Project → Page Style Manager",[107,9983,9985],{"id":9984},"when-to-use-it","When to Use It",[11,9987,9988],{},"Just like any tool, Low Fidelity mode has a variety of uses, some obvious and some less so. Below are four of our favorite ways to use Low Fidelity mode.",[195,9990,9992],{"id":9991},"wireframe-and-prototype-with-the-same-components","Wireframe and Prototype with the Same Components",[11,9994,9995],{},"Chances are, you have a handful of component libraries you use for prototyping. And it's likely that those components were designed at a medium or high level of visual fidelity. With Low Fidelity mode, you can use those components right from the very beginning of your projects without having to worry about all that visual polish getting in the way of stakeholder feedback. Just drop the fidelity of your designs before presenting.",[195,9997,9999],{"id":9998},"multiple-goals-different-needs-one-prototype","Multiple Goals, Different Needs, One Prototype",[11,10001,10002],{},"Regardless of which stage of the design process you're at, some contexts will always benefit from visually impressive designs. Think of when you need to get buy-in from stakeholders like executives, vendors, or clients. They will often want to see something that looks like a real application so they can better envision the final product. When you're presenting a prototype with a different goal in mind, though, you may want to work with a lower fidelity version to put the focus on functionality and structure. This might be when you're discussing user flows with a business analyst or determining technical feasibility with a developer. Rather than maintaining two versions of a prototype, one for each goal, you can build a single medium or high-fidelity prototype in Axure RP and drop the fidelity on the fly as needed.",[195,10004,10006],{"id":10005},"user-test-at-high-fidelity-evaluate-at-low-fidelity","User Test at High Fidelity, Evaluate at Low Fidelity",[11,10008,10009],{},"If you want users to interact with a prototype as though it were a real application, it's helpful to show them something that looks like a real application. But after a user testing session, when you want to evaluate the flow and structure of the prototype in light of the data you collected, you may find it easier to do that work with a low-fidelity version. With Low Fidelity mode, you can easily toggle between high fidelity for user testing and low fidelity for evaluation. Using the same prototype and visual assets for both activities greatly lowers overhead, and it makes iterative design a snap!",[195,10011,10013],{"id":10012},"visually-consistent-wireframes","Visually Consistent Wireframes",[11,10015,10016],{},"Even when you're working at lower levels of visual fidelity, it can be hard not to feel that you need to make your wireframes visually pleasing, either to satisfy your own expectations or others'. Time spent on wireframe visuals, however, is often better spent elsewhere. Low Fidelity mode handles all of that for you, applying the Axure Handwriting font to any text on the page and converting all colors to grayscale for a standardized look and feel. That way you don't have to worry about maintaining visual consistency during the low-fi phase of your design process, freeing you up to focus on the UX work and nothing else.",[224,10018],{},[11,10020,10021,10022,10024,10025,9441],{},"So what do you think? How will you use the new Low Fidelity mode? Let us know at ",[15,10023,9234],{"href":9233},". ",[15,10026,10027],{"href":1375},"Download your trial",{"title":71,"searchDepth":72,"depth":72,"links":10029},[10030,10031],{"id":9939,"depth":72,"text":9940},{"id":9984,"depth":72,"text":9985,"children":10032},[10033,10034,10035,10036],{"id":9991,"depth":309,"text":9992},{"id":9998,"depth":309,"text":9999},{"id":10005,"depth":309,"text":10006},{"id":10012,"depth":309,"text":10013},[388,601,178],"2020-02-06T00:00:00.000Z","It's amazing how real we can make prototypes look these days, but sometimes you need your audience to forget the visuals and just focus on how the thing \u003Cem>works\u003C/em>.\n\u003Cbr>\u003Cbr>\nThat's where Axure RP's new Low Fidelity mode comes in. Turn this mode on to instantly drop the visual fidelity of any design and facilitate conversation about its functionality rather than its looks.",{"src":80},{},{"src":10043},"/images/2020/02/low-fi-mode.png",{"title":9917,"description":10039},"blog/hi-fi-to-lo-fi-with-the-flip-of-a-switch","unkfEyrivR4mYmIJUkFzelHV3bxpuqn772Z-ZbPcH9I",{"id":10048,"title":10049,"author":6,"body":10050,"categories":10181,"date":10182,"description":10183,"extension":79,"featuredImage":80,"mainImage":10184,"meta":10185,"navigation":83,"path":1506,"previewImage":10186,"seo":10188,"stem":10189,"tags":80,"__hash__":10190},"blog/blog/import-adobe-xd-designs-into-axure.md","Import Adobe XD Designs into Axure",{"type":8,"value":10051,"toc":10177},[10052,10061,10070,10074,10102,10108,10112,10117,10149,10160,10169,10171],[11,10053,10054,10055,10060],{},"Attention Adobe users! ",[15,10056,10059],{"href":10057,"rel":10058},"https://adobe.com/go/xd_plugins_discover_plugin?pluginId=2d46a4a0",[33],"Download the new Axure plugin for Adobe XD"," to import your designs from XD into Axure RP. Now you can take designs and diagrams started in XD and transform them into rich, interactive prototypes with the power of Axure RP.",[11,10062,10063,10064,9674,10067,367],{},"You can also export artboards from Adobe XD directly to Axure Cloud for easy sharing and handoff. Use ",[15,10065,9673],{"href":4780,"rel":10066},[33],[15,10068,9678],{"href":799,"rel":10069},[33],[107,10071,10073],{"id":10072},"copy-and-paste-from-adobe-xd-to-axure-rp","Copy and Paste from Adobe XD to Axure RP",[420,10075,10076,10082,10095],{},[272,10077,10078],{},[15,10079,10081],{"href":10057,"rel":10080},[33],"Download and install the Axure plugin for Adobe XD.",[272,10083,10084,10085,667,10087,671,10090,10092],{},"In XD, select the elements you want to copy and go to ",[115,10086,666],{},[115,10088,10089],{},"Copy All Artboards for RP",[1294,10091],{},[100,10093],{"alt":71,"src":10094},"/images/2020/01/copy-from-adobe-xd.png",[272,10096,674,10097,10099],{},[1294,10098],{},[100,10100],{"alt":71,"src":10101},"/images/2020/01/paste-from-xd-to-axure-rp.png",[11,10103,10104,10105,9715],{},"Imported Adobe XD layers are converted to Axure RP widgets, and the structure of the layers is maintained with RP ",[15,10106,9714],{"href":6754,"rel":10107},[33],[107,10109,10111],{"id":10110},"export-from-adobe-xd-to-axure-cloud","Export from Adobe XD to Axure Cloud",[11,10113,10114],{},[100,10115],{"alt":71,"src":10116},"/images/2020/01/publish-from-adobe-xd.gif",[420,10118,10119,10124,10132,10137,10144],{},[272,10120,10121],{},[15,10122,688],{"href":686,"rel":10123},[33],[272,10125,10126,10127,10131],{},"Launch the app and install ",[15,10128,10130],{"href":10057,"rel":10129},[33],"the Axure plugin for Adobe XD"," when prompted.",[272,10133,10134,10135,367],{},"In XD, select the artboards you want to publish to Axure Cloud and go to ",[115,10136,699],{},[272,10138,10139,10140,706,10142,710],{},"Select the workspace and artboard project you want to publish your Adobe XD assets to or select ",[115,10141,705],{},[115,10143,709],{},[272,10145,713,10146,10148],{},[115,10147,716],{}," to publish your Adobe XD assets.",[11,10150,9753,10151,802,10154,808,10157,367],{},[15,10152,801],{"href":799,"rel":10153},[33],[15,10155,9760],{"href":805,"rel":10156},[33],[15,10158,813],{"href":811,"rel":10159},[33],[11,10161,10162,10163,9769,10166,367],{},"All of these features are available for ",[115,10164,10165],{},"free on Axure Cloud",[15,10167,9774],{"href":9772,"rel":10168},[33],[224,10170],{},[11,10172,10173,10174,9785],{},"We hope you're as excited about this new Adobe XD integration as we are! We're hard at work on integrations for other tools as well, so make sure to ",[15,10175,9784],{"href":9782,"rel":10176},[33],{"title":71,"searchDepth":72,"depth":72,"links":10178},[10179,10180],{"id":10072,"depth":72,"text":10073},{"id":10110,"depth":72,"text":10111},[177,388,829,178],"2020-01-29T00:00:00.000Z","Attention Adobe users! \u003Ca href=\"https://adobe.com/go/xd_plugins_discover_plugin?pluginId=2d46a4a0\" rel=\"noopener\" target=\"_blank\">Download the new Axure plugin for Adobe XD\u003C/a> to import your designs into Axure RP or export them directly to Axure Cloud!",{"src":80},{},{"src":10187},"/images/2020/01/xd-plugin-announcement-featured-image.png",{"title":10049,"description":10183},"blog/import-adobe-xd-designs-into-axure","yPij3zOwEJ9RxBsFoxaHH0JMMU8d3tgSl6_SkjK_gqo",{"id":10192,"title":10193,"author":10194,"body":10195,"categories":10323,"date":10324,"description":10325,"extension":79,"featuredImage":80,"mainImage":10326,"meta":10328,"navigation":83,"path":10329,"previewImage":10330,"seo":10332,"stem":10333,"tags":80,"__hash__":10334},"blog/blog/fail-fast-with-prototyping.md","Fail Fast with Prototyping","gaby-kenyon",{"type":8,"value":10196,"toc":10316},[10197,10205,10208,10215,10218,10221,10225,10234,10237,10241,10244,10252,10263,10266,10270,10273,10276,10280,10283,10286,10289,10292,10295,10298,10301,10305,10308,10311],[11,10198,10199,10201,10202,10204],{},[115,10200,9263],{}," We are excited to introduce ",[15,10203,75],{"href":9267},", a new blog series highlighting industry stories from real Axure users. The UX industry is diverse and quickly evolving with software, web, and mobile applications dominating the modern landscape. Read these stories of UX projects in action to learn more about how the community overcomes industry and workplace challenges and what the future of UX may hold.",[11,10206,10207],{},"Raise of hands: Who made a mistake at work this week? Come on, get them up there. I know I certainly did.",[11,10209,10210,10211,10214],{},"I thought I had this ",[26,10212,10213],{},"brilliant",", simple solution to a problem. I made a prototype and showed my whole dev team, who assured me my solution would be easy to implement. I was delighted! Excited, we shared it with a couple of customers... who promptly told us it wouldn't help them AT ALL.",[11,10216,10217],{},"We'd talked to these customers before, but somehow my prototype was totally off-base. I'd gotten it completely wrong. But that was okay, even expected. The organization I work for celebrates mistakes like this, believing they are our greatest opportunities to learn from our customers. So I wasn't embarrassed that my solution didn't work out, and I felt safe to try again.",[11,10219,10220],{},"Many companies strive to create a culture of psychological safety, and prototyping can be an essential part of this effort at product development organizations.",[107,10222,10224],{"id":10223},"what-is-psychological-safety","What is Psychological Safety?",[11,10226,10227,10228,10233],{},"Amy Edmondson, in her paper ",[15,10229,10232],{"href":10230,"rel":10231},"https://www.jstor.org/stable/2666999?seq=1",[33],"Psychological Safety and Learning Behavior in Work Teams",", defines psychological safety as \"a shared belief held by members of a team that the team is safe for interpersonal risk-taking.\"",[11,10235,10236],{},"In other words, individual members of the team are able to take risks without fear of social retribution. In psychologically safe environments, people feel empowered to ask for help, admit errors, and seek feedback because they know they won't be ridiculed or demeaned.",[107,10238,10240],{"id":10239},"why-psychological-safety-matters","Why Psychological Safety matters",[11,10242,10243],{},"So, what's the big deal? Taking risks is scary, and embarrassment is a normal reaction when admitting a mistake, right?",[11,10245,10246,10247,3758],{},"Well, it turns out that psychological safety makes a big difference in how well teams work together. In a study of what makes teams great, Google determined that ",[15,10248,10251],{"href":10249,"rel":10250},"https://rework.withgoogle.com/blog/five-keys-to-a-successful-google-team/",[33],"psychological safety tops the list of what makes Google teams successful",[1488,10253,10254,10260],{},[11,10255,10256,10259],{},[115,10257,10258],{},"Psychological safety was far and away the most important of the five dynamics we found — it's the underpinning of the other four"," …",[11,10261,10262],{},"The safer team members feel with one another, the more likely they are to admit mistakes, to partner, and to take on new roles. And it affects pretty much every important dimension we look at for employees. Individuals on teams with higher psychological safety are less likely to leave Google, they're more likely to harness the power of diverse ideas from their teammates, they bring in more revenue, and they're rated as effective twice as often by executives.",[11,10264,10265],{},"Think about it this way: When a team member is afraid to ask a question, they may decide that it's better to make a guess instead, meaning they may potentially move forward with a fundamental misunderstanding. Not only that, but mistakes are an inevitable part of exploration and innovation. When teams are able to share their thoughts and discuss new ideas uninhibited, they are more likely to be successful.",[107,10267,10269],{"id":10268},"making-mistakes-quickly-and-efficiently","Making Mistakes Quickly and Efficiently",[11,10271,10272],{},"Prototyping is widely accepted as a tool that increases the efficiency of product development teams. Prototypes help teams test out new ideas quickly and cheaply, allowing them to catch potential usability issues before engineers spend valuable time building flawed features or products. It is through finding out where our assumptions fall short that we create the best products.",[11,10274,10275],{},"In order for prototypes to do their job, however, we have to be comfortable with the fact that they simply won't be perfect. I like to tell people that a big part of my job as a User Experience Designer is to be wrong. Every time I share a prototype with our users, I am hoping they will show me what I've done wrong because I don't think I will ever get it 100% right on the first try. Once I know what's wrong, I can make the appropriate edits to fix it.",[107,10277,10279],{"id":10278},"i-make-mistakes","I Make Mistakes",[11,10281,10282],{},"So what are some of the mistakes I've discovered through prototyping? Let's go back to that \"brilliant\" idea I mentioned at the beginning.",[11,10284,10285],{},"I've been working on a specific project with my development team for about 8 months. Mainly, we're working to increase efficiency and reduce human error in some complicated accounting-related tasks in our software. At a basic level, our customers told us they wanted to be able to pay a vendor and then get reimbursed.",[11,10287,10288],{},"With information from our initial discovery conversations, our team did some brainstorming on potential solutions, and then I got to work in Axure. The next day at stand-up, I told everyone, \"I've got it! It's not nearly as complicated as we thought — look, we can do it in just one step!\" We had a few customer calls scheduled, and I was excited to show them my prototype.",[11,10290,10291],{},"The customers we showed were unimpressed, to say the least.",[11,10293,10294],{},"I'd missed something: The person who paid the vendor and the person who submitted the reimbursement were different people. They had access to different information and different processes. They were in completely different departments of our customers' organizations. There was no way, without asking our customers to completely reorganize their business, that this task could be done in a single step.",[11,10296,10297],{},"I'll admit I was a little disappointed at first that my so-called \"simple solution\" wasn't going to work. But guess what? The next prototype was even simpler. Once I realized we were dealing with two tasks, the cognitive load for each individual user became drastically lower.",[11,10299,10300],{},"A few days later, we came back to one of the customers most unhappy with our first solution, and they were delighted with the changes we had made! They were happy that we listened to them, and we were happy to know we would be building something of value.",[107,10302,10304],{"id":10303},"contributing-to-a-culture-of-psychological-safety","Contributing to a Culture of Psychological Safety",[11,10306,10307],{},"Sharing mistakes publicly reminds team members that everyone makes mistakes. I'm lucky to be working in an organization that highly values psychological safety. Whenever the topic comes up, the VP of Engineering is the first to share mistakes he's made to help everyone feel comfortable. Our engineering team even has a practice of sending out \"Today We Learned\" emails to help others in the department understand and learn from mistakes individuals have made (without shaming said individuals, of course).",[11,10309,10310],{},"Prototype testing should be deeply embedded in the product development process. It allows us to be comfortable making mistakes and learning from those mistakes early before we've invested too much time into the \"wrong\" idea. As UX Designers, we must embrace the discomfort of being wrong in order for our teams to succeed.",[11,10312,10313,10314,9441],{},"So get prototyping! Embrace the discomfort of being wrong and build better products for your users. ",[15,10315,10027],{"href":1375},{"title":71,"searchDepth":72,"depth":72,"links":10317},[10318,10319,10320,10321,10322],{"id":10223,"depth":72,"text":10224},{"id":10239,"depth":72,"text":10240},{"id":10268,"depth":72,"text":10269},{"id":10278,"depth":72,"text":10279},{"id":10303,"depth":72,"text":10304},[891,75,9452],"2020-01-23T00:00:00.000Z","Digital prototypes help teams test out new ideas quickly and cheaply, allowing them to catch potential usability issues before engineers spend valuable time building flawed features or products. It is through finding out where our assumptions fall short that we create the best products.",{"src":10327},"/images/2020/01/cloud_blog_post-1.png",{},"/blog/fail-fast-with-prototyping",{"src":10331},"/images/2020/01/cloud_blog_post.png",{"title":10193,"description":10325},"blog/fail-fast-with-prototyping","85DT8yLYTXhKUtImkEwB82-ayGsqxSmYcsXzcqOjScA",{"id":10336,"title":10337,"author":6,"body":10338,"categories":10405,"date":10406,"description":10407,"extension":79,"featuredImage":80,"mainImage":10408,"meta":10409,"navigation":83,"path":5054,"previewImage":10410,"seo":10411,"stem":10412,"tags":80,"__hash__":10413},"blog/blog/embed-axure-prototypes-in-jira-tickets.md","Embed Axure Prototypes in Jira Tickets",{"type":8,"value":10339,"toc":10403},[10340],[9468,10341,10343,10355,10389,10397],{"link":6280,"open-in-new-tab":9471,"text":10342},"Get Axure for Jira",[11,10344,10345,10346,10350,10351,10354],{},"Does your team use Jira? Us too. And we know how much a prototype can clarify a ticket, especially if it's embedded directly in the page. That's exactly what the new Axure Cloud app for Jira lets you do: Paste a ",[15,10347,10349],{"href":9507,"rel":10348},[33],"prototype's shareable link"," into a ticket to embed the fully functional prototype right in Jira. ",[100,10352],{"alt":71,"src":10353},"/images/2020/01/embed-jira-tickets-axure.svg"," Pretty neat, huh? Here's how you get started:",[420,10356,10357,10364,10367],{},[272,10358,10359,10363],{},[15,10360,10362],{"href":6280,"rel":10361},[33],"Install the Axure for Jira app through the Atlassian Marketplace"," or your Jira instance's admin settings.",[272,10365,10366],{},"Go into a ticket and click the Axure icon at the top.",[272,10368,10369,10370,4664,10374,10377,10378,367,10381,10383,10385,10386,10388],{},"Paste ",[15,10371,10373],{"href":9507,"rel":10372},[33],"the shareable link for your Axure RP prototype",[15,10375,9514],{"href":9512,"rel":10376},[33]," into the text field that appears, and click ",[115,10379,10380],{},"Attach Prototype",[1294,10382],{},[115,10384,7977],{}," To embed a specific page from the prototype, open that page in your browser and copy the URL from the browser's navigation bar. The same goes for the prototype panes. If the ",[115,10387,9533],{}," pane is open when you copy the link, it will be open when you add the link to Jira!",[11,10390,10391,10392,10396],{},"Once the prototype is embedded, anyone with access to the ticket can interact with it and ",[15,10393,10395],{"href":9540,"rel":10394},[33],"leave feedback right on the page",". Use the icons at the top-right to unlink the prototype, expand it, or pop it out into another browser tab.",[11,10398,10399,10400,10402],{},"If you're migrating from Jira Server to Jira Cloud, our team is here to ensure a smooth migration. Please contact us at ",[15,10401,366],{"href":365},", and we'll assist you with migrating your prototype links attached to Jira issues.",{"title":71,"searchDepth":72,"depth":72,"links":10404},[],[177,829,178],"2020-01-15T00:00:00.000Z","Does your team use Jira? Us too. And we know how much a prototype can clarify a ticket, especially if it’s embedded directly in the page.\n\u003Cbr />\u003Cbr />\nThat’s exactly what the new \u003Ca href=\"https://marketplace.atlassian.com/apps/1221645/axure-for-jira\" rel=\"noopener\" target=\"_blank\">Axure Cloud app for Jira\u003C/a> lets you do: Paste a prototype’s shareable link into a ticket to embed the fully functional prototype right in Jira.",{"src":80},{},{"src":9862},{"title":10337,"description":10407},"blog/embed-axure-prototypes-in-jira-tickets","1IYFBv6xtvFUmwy0iXpW2hGL2pU05DyFfuqK_aJKMFg",{"id":10415,"title":10416,"author":6,"body":10417,"categories":10712,"date":10713,"description":10714,"extension":79,"featuredImage":80,"mainImage":10715,"meta":10716,"navigation":83,"path":10717,"previewImage":10718,"seo":10720,"stem":10721,"tags":80,"__hash__":10722},"blog/blog/making-an-animated-holiday-card-in-axure-rp.md","Making an Animated Holiday Card in Axure RP",{"type":8,"value":10418,"toc":10707},[10419,10436,10450,10468,10472,10493,10520,10534,10544,10554,10558,10580,10630,10634,10639,10671,10676,10692,10694],[11,10420,10421,10422,10425,10426,10024,10431],{},"The holidays are a wonderful time of year, full of friends, family, food… and ",[26,10423,10424],{},"prototyping?"," This year we're wishing you happy holidays with a snowflake holiday card made in Axure RP. We hope you've had a terrific year and that you have a great start to 2020! Continue reading if you'd like to see how we made the endlessly falling snow animation for ",[15,10427,10430],{"href":10428,"rel":10429},"https://58vj5j.axshare.com/#id=gqg3nz&p=happy_holidays&c=1",[33],"Axure's 2019 holiday card",[15,10432,10435],{"href":10433,"rel":10434},"https://docs.axure.com/samples/axure-holiday-card-2019.rp",[33],"Download the RP file to follow along",[11,10437,10438,10440,10441,10449],{},[115,10439,7977],{}," With all those snowflakes falling — 17, to be exact — it's a bit tough to see what's going on. ",[15,10442,10445,10446],{"href":10443,"rel":10444},"https://58vj5j.axshare.com/#id=bwnfsi&p=one_snowflake&g=1",[33],"Open the page named ",[115,10447,10448],{},"One Snowflake"," to see the animation play out on a single snowflake.",[11,10451,10452,10453,375,10456,10461,10462,10467],{},"Each snowflake follows a loop that keeps it falling, rotating, and fading — forever! When a snowflake resets, it gets resized based on a randomly generated value. Further, the rate at which a snowflake falls and rotates is based on its size, so the larger ones move faster than the smaller ones, creating an illusion of depth. Let's take a closer look at each step of this interaction loop. Open the ",[115,10454,10455],{},"Snowflake",[15,10457,10460],{"href":10458,"rel":10459},"https://docs.axure.com/axure-rp/masters/creating-and-using/",[33],"master"," and select the ",[15,10463,10466],{"href":10464,"rel":10465},"https://docs.axure.com/axure-rp/widgets/repeaters/",[33],"repeater"," to get started.",[107,10469,10471],{"id":10470},"_1-setting-the-snowflakes-size","1. Setting the Snowflake's Size",[11,10473,10474,10475,10478,10481,10482,10484,10487,375,10490],{},"[su_row]",[2506,10476,10477],{},"su_column size=\"1/2\" center=\"no\" class=\"\"",[100,10479],{"alt":71,"src":10480},"/images/2019/12/holiday-card-01.png","[/su_column]",[2506,10483,10477],{},[100,10485],{"alt":71,"src":10486},"/images/2019/12/holiday-card-02.png",[2506,10488,10489],{},"/su_column",[2506,10491,10492],{},"/su_row",[11,10494,10495,10496,10498,10499,10501,10502,10505,10506,10509,10510,10513,10514,1571,10516,10519],{},"The repeater in the ",[115,10497,10455],{}," master has a single row, which creates a single snowflake. The repeater's ",[115,10500,4126],{}," interaction starts with a ",[115,10503,10504],{},"Set Size"," action that multiplies the snowflake's starting size by the value in the repeater's ",[115,10507,10508],{},"SizeFactor"," column. (This value is set to ",[3815,10511,10512],{},"1"," by default, but it gets randomized to a value between ",[3815,10515,10512],{},[3815,10517,10518],{},"10"," in Step 3.) The following equations are used to set the snowflake's width and height:",[11,10521,10522,375,10525,10528,375,10531],{},[115,10523,10524],{},"Width:",[3815,10526,10527],{},"[[Target.width * Item.SizeFactor]]",[115,10529,10530],{},"Height:",[3815,10532,10533],{},"[[Target.height * Item.SizeFactor]]",[11,10535,10536,375,10539,10541,10542,4164],{},[115,10537,10538],{},"Note:",[3815,10540,1810],{}," refers to the snowflake since it is the target of the ",[115,10543,10504],{},[11,10545,10546,10547,10549,10550,10553],{},"The ",[115,10548,4126],{}," interaction ends by firing the snowflake's ",[115,10551,10552],{},"Moved"," event to kick off its falling and rotating loop.",[107,10555,10557],{"id":10556},"_2-moving-and-rotating-the-snowflake","2. Moving and Rotating the Snowflake",[11,10559,10474,10560,10562,10481,10565,10567,10568,10570,10571,10575,10576,375,10578],{},[2506,10561,10477],{},[100,10563],{"alt":71,"src":10564},"/images/2019/12/holiday-card-03.png",[2506,10566,10477],{}," The snowflake's ",[115,10569,10552],{}," interaction has two cases that use ",[15,10572,3545],{"href":10573,"rel":10574},"https://docs.axure.com/axure-rp/interactions/conditional-logic/",[33]," to determine what happens when the snowflake is moved. ",[2506,10577,10489],{},[2506,10579,10492],{},[420,10581,10582,10616],{},[272,10583,10584,10585,10588,10589,375,10592,10597,10598,10601,10602,10605,10606,1571,10608,10611,10612,10615],{},"The first case, ",[115,10586,10587],{},"Fall and Rotate",", keeps the snowflake moving down the page as long as it's above the Y value stored in the ",[115,10590,10591],{},"SnowflakeFadePoint",[15,10593,10596],{"href":10594,"rel":10595},"https://docs.axure.com/axure-rp/interactions/variables/",[33],"variable",". (The variable value is set to 75% of the browser window's height with the ",[115,10599,10600],{},"Happy Holiday"," page's ",[115,10603,10604],{},"Window Resized"," interaction.) Notice that the ",[115,10607,1175],{},[115,10609,10610],{},"Rotate"," actions use ",[3815,10613,10614],{},"[[This.height]]"," in their values. This is how I got the snowflakes to fall and rotate faster or slower based on their size. The bigger the snowflake is, the faster it goes.",[272,10617,10618,10619,10621,10622,10625,10626,10629],{},"Once the snowflake falls below the ",[115,10620,10591],{}," value, the ",[115,10623,10624],{},"Fade Out"," case hides it with a fade animation, which triggers its ",[115,10627,10628],{},"Hidden"," interaction.",[107,10631,10633],{"id":10632},"_3-resetting-the-snowflake","3. Resetting the Snowflake",[11,10635,10636],{},[100,10637],{"alt":71,"src":10638},"/images/2019/12/holiday-card-04.png",[11,10640,10641,10642,10644,10645,10648,10649,10658,10659,10664,10665,10667,10668,10670],{},"The snowflake's ",[115,10643,10628],{}," interaction starts out with a ",[115,10646,10647],{},"Wait"," action of 500ms, allowing enough time for the fading animation to be completed. It then ",[15,10650,10653,10654,10657],{"href":10651,"rel":10652},"https://docs.axure.com/tutorials/repeaters/deleting-rows/",[33],"deletes ",[115,10655,10656],{},"This"," repeater row",", which deletes the snowflake. Finally, it ",[15,10660,10663],{"href":10661,"rel":10662},"https://docs.axure.com/tutorials/repeaters/adding-rows/",[33],"adds a new row to the repeater",", which creates a new snowflake. This is where the ",[115,10666,10508],{}," value from Step 1 gets randomized. The new repeater row is added with the following equation in the ",[115,10669,10508],{}," column:",[11,10672,10673],{},[3815,10674,10675],{},"[[Math.floor(Math.random() * SnowflakeMaxSizeFactor) + 1]]",[11,10677,10678,10679,10681,10682,10685,10686,10688,10689,10691],{},"This generates a random number between ",[3815,10680,10512],{}," and the value stored in the ",[115,10683,10684],{},"SnowflakeMaxSizeFactor"," variable, which is set to ",[3815,10687,10518],{},". (You can change this value by going to ",[115,10690,7684],{}," in the application menu.) Once the new row is added to the repeater, the loop starts over back at Step 1.",[224,10693],{},[11,10695,10696,10697,10700,10701,10703,10704,10706],{},"There's a lot more happening on the ",[115,10698,10699],{},"Happy Holidays"," page to create the snowfall that you see, of course. This interaction loop is just the basic building block. Check out that page's widget setup, its ",[115,10702,6797],{}," interaction, and its ",[115,10705,10604],{}," interaction to see how everything else works.",{"title":71,"searchDepth":72,"depth":72,"links":10708},[10709,10710,10711],{"id":10470,"depth":72,"text":10471},{"id":10556,"depth":72,"text":10557},{"id":10632,"depth":72,"text":10633},[388,601],"2019-12-11T00:00:00.000Z","This year we're wishing you happy holidays with a snowflake holiday card made in Axure RP. Continue reading to see how we made the endlessly falling snow animation for \u003Ca href=\"https://58vj5j.axshare.com/#id=gqg3nz&p=happy_holidays&c=1\" target=\"_blank\">Axure's 2019 holiday card\u003C/a> and try to build it yourself.",{"src":80},{},"/blog/making-an-animated-holiday-card-in-axure-rp",{"src":10719},"/images/2019/12/axure-holiday-card-2019-half.gif",{"title":10416,"description":10714},"blog/making-an-animated-holiday-card-in-axure-rp","ay6RbtF2s3t7O_RP7BM8GFLXMYv89tgZmZFyXZwhUI8",{"id":10724,"title":10725,"author":6,"body":10726,"categories":10928,"date":10932,"description":10933,"extension":79,"featuredImage":80,"mainImage":10934,"meta":10936,"navigation":83,"path":10937,"previewImage":10938,"seo":10939,"stem":10940,"tags":80,"__hash__":10941},"blog/blog/publishing-prototypes-multiple-audiences.md","Publishing Prototypes for Multiple Audiences",{"type":8,"value":10727,"toc":10924},[10728,10742,10745,10759,10766,10831,10837,10841,10852,10888,10892,10895,10905,10916,10918],[11,10729,10730,10731,10734,10735,10737,10738,10741],{},"Publishing to ",[15,10732,177],{"href":168,"rel":10733},[33]," is a handy way to share your Axure RP prototypes with your teammates and stakeholders. You click the ",[115,10736,5717],{}," button, hit ",[115,10739,10740],{},"Publish",", and get back a shareable link to the prototype. Bing, bang, boom!",[11,10743,10744],{},"But did you know that you can publish an RP file to multiple Axure Cloud links? This can be helpful when you want to maintain different versions of a prototype for different audiences, such as your design team, your developers, and your stakeholders. For example:",[269,10746,10747,10756],{},[272,10748,10749,10750,10755],{},"When you're working on a ",[15,10751,10754],{"href":10752,"rel":10753},"https://docs.axure.com/team-projects",[33],"team project",", the project is automatically updated on Axure Cloud every time you check in or send changes. If you don't want stakeholders to see unfinished pages or edits in progress, you can publish a standalone version of the prototype to a separate Axure Cloud link and include only the prototype's finished pages.",[272,10757,10758],{},"You can publish your prototype to a new Axure Cloud link after each sprint to keep a live, working version history of corresponding changes for development, testing, and future reference.",[11,10760,10761,10762,10765],{},"Creating multiple Axure Cloud links for a prototype is as easy as re-publishing the RP file from Axure RP and using the ",[115,10763,10764],{},"Publish to a New Project"," option.",[420,10767,10768,10774,10788,10801,10809,10826],{},[272,10769,10770,10771,10773],{},"Open your prototype in Axure RP and click the ",[115,10772,5717],{}," button at the top-right of the UI.",[272,10775,10776,10777,10780,10781,367,10783,10785],{},"Click the arrow next to the ",[115,10778,10779],{},"Update"," button and select ",[115,10782,10764],{},[1294,10784],{},[100,10786],{"alt":71,"src":10787},"/images/2018/04/publishing-multiple-audiences-1.png",[272,10789,10790,10791,10794,10795,10800],{},"At the top of the ",[115,10792,10793],{},"Publish Project"," dialog, click the gear button to choose which pages you want to publish. (You can ",[15,10796,10799],{"href":10797,"rel":10798},"https://docs.axure.com/axure-rp/prototype-html/customizing-html-output/",[33],"make other publishing selections here"," as well.)",[272,10802,10803,10804,10806],{},"Give the project a name that indicates the audience you're publishing for. For example, \"Mobile App (Stakeholder Copy)\".",[1294,10805],{},[100,10807],{"alt":71,"src":10808},"/images/2018/04/publishing-multiple-audiences-2.png",[272,10810,10811,10812,10816,10817,10819,10821,10822,367],{},"Add a password, if you'd like, and choose a ",[15,10813,2073],{"href":10814,"rel":10815},"https://docs.axure.com/axure-cloud/basics/workspaces",[33]," to publish the project in.",[1294,10818],{},[115,10820,7977],{}," It's useful to set up different workspaces for your various projects and/or clients. To learn more, check out this article on ",[15,10823,10825],{"href":10824},"/blog/managing-axure-prototypes-and-sketch-assets-on-axure-cloud","Managing Assets on Axure Cloud",[272,10827,713,10828,10830],{},[115,10829,10740],{},". When the upload is complete, make a note of the link and its associated audience.",[11,10832,10833,10834,10765],{},"When you're ready to update the prototype for a particular audience, just publish to the associated project link with the ",[115,10835,10836],{},"Replace an Existing Project",[107,10838,10840],{"id":10839},"choosing-what-gets-published","Choosing What Gets Published",[11,10842,10843,10844,10848,10849,10851],{},"You can choose which pages to publish, whether or not to include page and widget notes, and ",[15,10845,10847],{"href":10797,"rel":10846},[33],"a few other"," things by clicking the gear button at the top-right of the ",[115,10850,10793],{}," dialog. You can change these selections on the fly whenever you publish, or you can save configurations that you use often. For example, you can save a configuration for each of your audiences:",[420,10853,10854,10860,10871,10882],{},[272,10855,10856,10857,367],{},"At the top of the publishing settings, click ",[115,10858,10859],{},"HTML 1 (default)",[272,10861,10862,10863,367,10866,10868],{},"In the dropdown, select ",[115,10864,10865],{},"New Configuration",[1294,10867],{},[100,10869],{"alt":71,"src":10870},"/images/2018/04/publishing-multiple-audiences-3.png",[272,10872,10873,10874,10876,10877,10879],{},"Give the configuration a name that includes the target audience as well as the six-digit ID of the Axure Cloud link you publish to for that audience. For example, \"Stakeholder Copy xdsa2w\". This makes it easier to find the correct configuration in the ",[115,10875,10793],{}," dialog (Step 3 in the previous section).",[1294,10878],{},[100,10880],{"alt":71,"src":10881},"/images/2018/04/publishing-multiple-audiences-4.png",[272,10883,713,10884,10887],{},[115,10885,10886],{},"Save",", and then make your publishing selections below.",[107,10889,10891],{"id":10890},"using-axure-clouds-project-settings","Using Axure Cloud's Project Settings",[11,10893,10894],{},"Once a project is published, you can also take advantage of Axure Cloud's project settings to further customize each version of your prototype.",[11,10896,10897,375,10900,10904],{},[115,10898,10899],{},"Discussions:",[15,10901,10903],{"href":9540,"rel":10902},[33],"Axure Cloud discussions"," allow your team to provide feedback on your prototypes. By maintaining separate projects for each audience, you're also ensuring that each audience sees only the discussions relevant to them.",[11,10906,10907,375,10910,10915],{},[115,10908,10909],{},"Plugins:",[15,10911,10914],{"href":10912,"rel":10913},"https://docs.axure.com/axure-cloud/basics/plugins",[33],"Axure Cloud plugins"," allow you to include different HTML, CSS, and JavaScript snippets for each version of the prototype. For example, you could include a heatmap plugin on a version of the prototype that you use for user testing.",[224,10917],{},[11,10919,10920,10921,10923],{},"Did you find these workflow suggestions useful? Let us know at ",[15,10922,366],{"href":365},". We'd also love to hear how you and your team currently handle audience-targeted publishing for your prototypes.",{"title":71,"searchDepth":72,"depth":72,"links":10925},[10926,10927],{"id":10839,"depth":72,"text":10840},{"id":10890,"depth":72,"text":10891},[177,10929,10930,10931,601],"Axure Share","generators","multiple audiences","2019-11-14T00:00:00.000Z","Did you know that you can publish an RP file to multiple Axure Cloud links? This can be helpful when you want to maintain different versions of a prototype for different audiences, such as your design team, your developers, and your stakeholders.",{"src":10935},"/images/2018/04/pexels-photo-3182774.jpeg",{},"/blog/publishing-prototypes-multiple-audiences",{"src":10935},{"title":10725,"description":10933},"blog/publishing-prototypes-multiple-audiences","su4_TJVGu9JPJcI_McJsjQBNK0-CLzio3Dq2HsB1Tw8",{"id":10943,"title":10944,"author":7449,"body":10945,"categories":11106,"date":11111,"description":11112,"extension":79,"featuredImage":80,"mainImage":11113,"meta":11115,"navigation":83,"path":11116,"previewImage":11117,"seo":11118,"stem":11119,"tags":80,"__hash__":11120},"blog/blog/avoiding-the-pitfalls-of-agile-with-high-fidelity-prototyping.md","Avoiding the Pitfalls of Agile with High Fidelity Prototyping",{"type":8,"value":10946,"toc":11098},[10947,10959,10963,10966,10969,10972,10978,10981,10985,10988,10991,10994,10998,11001,11004,11007,11010,11014,11017,11020,11029,11032,11035,11038,11044,11052,11060,11075,11078,11081,11084,11087,11090,11093,11095],[11,10948,10949,10950,10954,10955,10958],{},"A couple of weeks ago, we talked about ",[15,10951,10953],{"href":10952},"/blog/the-pitfalls-of-agile-and-how-we-got-here","the history of Agile software development"," and some of its weak points. Largely, these stem from Agile's iterative approach to doing product design in code, which can leave teams without a clear goal when making decisions, planning resources, and driving consensus and understanding. Prototyping at the beginning of a project can help mitigate some of these Agile drawbacks. Prototypes can simulate product features and user experiences at a high level of visual and interactive fidelity, all without code. And prototyping ahead of other development tasks provides teams with clearer guidelines for the rest of the project, reducing technical debt, improving communication, and driving a better final product. We're not suggesting that prototyping solves ",[26,10956,10957],{},"all"," product development problems, but when implemented early in the project, prototyping can significantly reduce the scope of changes once development begins. Read on to learn how to avoid the top five pitfalls of Agile with medium and high fidelity prototyping.",[107,10960,10962],{"id":10961},"_1-prototyping-enables-better-technical-decisions","1. Prototyping Enables Better Technical Decisions",[11,10964,10965],{},"Agile methodologies commonly recommend that software be designed progressively and iteratively through a cycle of writing code, showing the product to customers, getting feedback from them, and then rewriting the code. While this is a good way to ensure that the software is user-focused, it can lead to piecemeal code and technical debt. Have you ever started building a piece of furniture and decided part way through to make a change? You then proceed to disassemble as little of your work as possible to make the change. As you progress further, you realize you'd like to add another drawer. Instead of taking the whole thing apart, you put in a couple extra nails and shave a little off the piece. When you're done, it looks great... but you try to move it as little as possible.",[11,10967,10968],{},"[su_pullquote align=\"right\"]You can gather feedback and iterate on a functioning prototype in the same way you would with working code. This allows you to hash out a longer view of an application's design before asking developers to start writing code.[/su_pullquote]",[11,10970,10971],{},"Software development in an Agile environment can often feel this way. Because Agile is skeptical of the notion that a cohesive solution can be designed ahead of development, developers are asked to do their best with limited information and to expect change. They may have all the tools and resources needed to build a piece of software, but the less they can foresee what the final product will look like, the more likely it is that getting to that final product will involve a lot of false starts and unstable code.",[11,10973,10974,10975],{},"So what do we do with all of this technical debt? One option is to ignore it. (If you've ever worked on a product with a lot of technical debt, you probably don't think this is much of an option.) The second is to clean it up or rebuild it after the fact. It's an expensive and time-consuming option if there's a lot of debt, but it works. ",[26,10976,10977],{},"But why not just try to keep debt to a minimum to begin with?",[11,10979,10980],{},"The idea that you can't make informed, longer-term design decisions is misguided. You certainly can, and it doesn't require an abundance of documentation either. The solution here is to create medium-to-high fidelity prototypes as part of the design process. You can gather feedback and iterate on a functioning prototype in the same way you would with working code. This allows you to hash out a longer view of an application's design before asking developers to start writing code. And because the prototypes represent a more complete goal for the application, developers can work through their sprints with the broader application architecture in mind and code solutions that make sense at both the micro and macro levels. The result? Less debt. Cleaner, more maintainable code. Better product.",[107,10982,10984],{"id":10983},"_2-prototyping-gives-teams-a-motivating-goal-to-work-toward","2. Prototyping Gives Teams a Motivating Goal to Work Toward",[11,10986,10987],{},"Let's return to our furniture example. Before deciding to buy and assemble your new dresser, you probably saw it in a catalog or showroom. You liked its bare wood finish and the modern design of its handles. You checked its dimensions to ensure that it will fit perfectly between the bed and the window. Seeing the product and imagining it in your bedroom helped motivate you to buy and build this dresser despite the cost, time, and possible frustration of taking on the project.",[11,10989,10990],{},"Agile doesn't always provide this valuable motivation. Most people want to know what their efforts are contributing to, and they want to know that their work will be valuable and appreciated enough to justify those efforts. When a feature or product is designed iteratively during the development process, and the vision of the future product is deliberately ambiguous, the team lacks an inspiring goal to work toward. Worse, the team can lose faith that a worthwhile result will be reached and become frustrated as people pull in different directions. Aside from the human cost, this can ultimately result in lower productivity and lower quality code, and it can even contribute to developer turnover.",[11,10992,10993],{},"This Agile pitfall can be bridged by using high fidelity prototyping to iterate, test, and validate a product's design with customers and stakeholders ahead of development. A prototype represents a vision of the product. It is the dresser in the showroom that you can't wait to own even if it takes hours to assemble. Developers can look at it, interact with it, and get excited about building it.",[107,10995,10997],{"id":10996},"_3-prototyping-enables-project-estimates-and-resource-planning","3. Prototyping Enables Project Estimates and Resource Planning",[11,10999,11000],{},"If diving into development without a finish line is a problem for team morale, it's a disaster for budget and resource planning. When you design a product on the fly as you're building it, it's impossible to predict how much time, money, and people it will take to achieve the business goals. (Is the finish line Sprint 50? What if Sprint 35 uncovers some new requirements?)",[11,11002,11003],{},"[su_pullquote align=\"right\"]By testing and iterating with prototypes, you can make informed choices about what needs to be built to accomplish a business goal.[/su_pullquote]",[11,11005,11006],{},"Some stakeholders and clients may be comfortable with unbounded budgets and ambiguous outcomes. Congratulations if you've achieved that relationship with your stakeholders! But even in those cases, businesses benefit from predictability — and frequently demand it. Without it, it's very difficult to have a plan. If you've ever worked in an Agile environment and it felt like management was constantly shifting priorities and abruptly ending projects, this lack of predictability could be the reason.",[11,11008,11009],{},"Identifying a desired outcome early in the pursuit of a business goal can go a long way toward providing reasonable estimates to stakeholders and instilling confidence. Prototyping is a great way to define the desired outcome before starting development. By testing and iterating with prototypes, you can make informed choices about what needs to be built to accomplish the goal… and what doesn't. Once you have a good sense of the Epics and Stories, you can estimate the time and resources needed to get there.",[107,11011,11013],{"id":11012},"_4-prototyping-eliminates-the-need-for-inefficient-meetings","4. Prototyping Eliminates the Need for Inefficient Meetings",[11,11015,11016],{},"There's room for a lot of misalignment in software development. Customers have to communicate their workflows and needs to researchers and analysts, who in turn have to parse and translate them into requirements for UX designers, who have to propose solutions to product managers… and so on down the line to developers writing the final code for the application. Each exchange is a chance for misunderstanding and deviation from the goal. Ensuring that everyone \"gets it\" throughout the project is hugely beneficial, if not essential, to reaching a good outcome for all.",[11,11018,11019],{},"[su_pullquote align=\"right\"]Medium or high fidelity prototypes ensure that you aren't seeing your ideas come to life for the first time when the developer hits \"build\". You're able to answer the big questions in advance and reserve coding time with developers for the relatively quick ones.[/su_pullquote]",[11,11021,11022,11023,11028],{},"In keeping with the Agile Manifesto's Principle #4 that ",[15,11024,11027],{"href":11025,"rel":11026},"https://agilemanifesto.org/principles.html",[33],"\"business people and developers must work together daily throughout the project\"",", Agile teams attempt to facilitate communication by encouraging as many face-to-face interactions as possible. This has largely manifested as collaborative coding, daily standups, and frequent meetings with high attendance. In theory, these meetings are an effective way to answer business, design, and technical questions, remove barriers, and maintain alignment. In practice, however, they can lead to rushed decisions and turn into a drain on time and morale.",[11,11030,11031],{},"Let's take a closer look at collaborative coding. On the surface, a product owner sitting next to (or near to) a developer as they code seems like a great way to get product and design questions answered quickly and ensure that you're building the right thing each day. And it can be! But if this process becomes a bandage for not sufficiently vetting an idea before starting development in the first place, we have a problem. The collaboration turns into frustration, and the value dissipates quickly.",[11,11033,11034],{},"That's where prototyping comes in. Medium or high fidelity prototypes ensure that you aren't seeing your ideas come to life for the first time when the developer hits \"build\". You're able to answer the big questions in advance and reserve coding time with developers for the relatively quick ones.",[11,11036,11037],{},"What about the highly attended meetings? This mostly happens on teams that have many specialized roles: product owner, product manager, UX research, UX/UI design, front-end developer, back-end developer, devops manager, QA lead, etc. And the Agile way to stay up to date on a development effort is to meet. A lot can be accomplished in those meetings if everyone is on the same page, but a lot can go wrong if even one person is not aligned. Answer: prototyping. It's not perfect, but it is an effective way to demonstrate a proposed solution that just about everyone understands.",[11,11039,11040],{},[100,11041],{"alt":11042,"src":11043},"agile documentation","/images/2019/10/Replacing_Doc.png",[107,11045,11047,11048,11051],{"id":11046},"_5-prototyping-provides-the-benefits-of-documentation-without-being-just-documentation","5. Prototyping Provides the Benefits of Documentation Without Being ",[26,11049,11050],{},"Just"," Documentation",[11,11053,11054,11059],{},[15,11055,11058],{"href":11056,"rel":11057},"https://agilemanifesto.org/",[33],"The Agile Manifesto"," is famously anti-documentation (or at least it's commonly interpreted that way):",[1488,11061,11062,11065,11072],{},[11,11063,11064],{},"We are uncovering better ways of developing software by doing it and helping others do it. Through this work we have come to value:",[11,11066,11067,11068,11071],{},"Individuals and interactions over processes and tools\n",[115,11069,11070],{},"Working software over comprehensive documentation","\nCustomer collaboration over contract negotiation\nResponding to change over following a plan",[11,11073,11074],{},"That is, while there is value in the items on the right, we value the items on the left more.",[11,11076,11077],{},"In other words, when faced with the choice, you should spend your time building something tangible instead of creating lengthy Word documents that historically became obsolete quickly. Makes sense. While there's no doubt that working software is ultimately the goal, \"documentation\" offers many benefits that shouldn't be written off.",[11,11079,11080],{},"First, documentation is an effective supplement to face-to-face meetings, chat messages, and emails when communicating with developers — especially if those developers aren't down the hall, as is often the case in our distributed world of software development.",[11,11082,11083],{},"Second, maintaining documentation for a software project supports organizational memory. (No, I didn't make that up.) It's a way to collect and share all of the knowledge and decision-making that goes into a software product. The \"Who\"s, the \"Why\"s, the \"What\"s, and every other W. This is invaluable for onboarding new teammates and for ensuring that clients, marketing, product support, and other teams can have insight into decisions (and context for those decisions).",[11,11085,11086],{},"Third, maintaining product documentation may simply be required by your client or for satisfying compliance requirements. This type of software development governance can be especially important for software teams working in finance, healthcare, and government.",[11,11088,11089],{},"[su_pullquote align=\"right\"]Prototypes can help support organizational memory, serve as documentation for satisfying compliance requirements, and supplement written and verbal communication with teammates and stakeholders.[/su_pullquote]",[11,11091,11092],{},"That said, mounds of text-based documentation describing flows, interactions, user interfaces, and functionality are rarely considered a great way to convey that information efficiently. Fortunately, prototyping once again offers a solution. If your team uses medium and high fidelity prototyping to design your product, the prototypes themselves (including any past versions) serve as a visual and interactive set of documentation. And because it's a prototype and not production code, you can incorporate notes and documentation in the context of the prototype. Learning about the history of a feature doesn't have to require interpreting paragraph 238 of the PRD.",[224,11094],{},[11,11096,11097],{},"Medium and high fidelity prototyping gives Agile software teams a way to do what Agile does best — build user-centered software through testing and iteration — but without its biggest pitfalls. Agile methodologies have historically pushed for experimentation in code and working software at the expense of all else, but only because the sophisticated prototyping tools we have today didn't exist when the Agile ball first got rolling. But now with the abundance of research, design, and prototyping applications available, we have a better way to design and build software.",{"title":71,"searchDepth":72,"depth":72,"links":11099},[11100,11101,11102,11103,11104],{"id":10961,"depth":72,"text":10962},{"id":10983,"depth":72,"text":10984},{"id":10996,"depth":72,"text":10997},{"id":11012,"depth":72,"text":11013},{"id":11046,"depth":72,"text":11105},"5. Prototyping Provides the Benefits of Documentation Without Being Just Documentation",[11107,11108,11109,891,601,11110],"agile","agile manifesto","agile prototype","watersmall","2019-10-18T00:00:00.000Z","Agile's weak points largely stem from its iterative approach to doing product design in code, which can leave teams without a clear goal when making decisions, planning resources, and driving consensus and understanding. Prototyping at the beginning of a project can help mitigate some of these Agile drawbacks. Read on to learn how.",{"src":11114},"/images/2019/10/Clear_Road.png",{},"/blog/avoiding-the-pitfalls-of-agile-with-high-fidelity-prototyping",{"src":11114},{"title":10944,"description":11112},"blog/avoiding-the-pitfalls-of-agile-with-high-fidelity-prototyping","2Dd0Yb1Ivl-Ez1eE16JE6V3H-sq2IAIWIM3alWxgiZc",{"id":11122,"title":11123,"author":7449,"body":11124,"categories":11362,"date":11363,"description":11364,"extension":79,"featuredImage":80,"mainImage":11365,"meta":11367,"navigation":83,"path":10952,"previewImage":11368,"seo":11370,"stem":11371,"tags":80,"__hash__":11372},"blog/blog/the-pitfalls-of-agile-and-how-we-got-here.md","The Pitfalls of Agile and How We Got Here",{"type":8,"value":11125,"toc":11355},[11126,11135,11138,11150,11155,11158,11165,11170,11174,11177,11180,11183,11190,11194,11197,11202,11205,11212,11215,11223,11229,11233,11236,11244,11274,11281,11292,11295,11299,11313,11339,11342,11345,11349],[11,11127,11128,11129,11134],{},"Agile is big right now, and it has been for a while. ",[15,11130,11133],{"href":11131,"rel":11132},"https://explore.versionone.com/state-of-agile/13th-annual-state-of-agile-report",[33],"The State of Agile report"," received a record number of respondents to its most recent survey in 2018, and Google Trends shows a steady increase in interest around Agile software development over the past 15 years. But you don't really need statistics to tell you that Agile is popular — just count occurrences of the word \"Agile\" in any industry blog or conference schedule.",[11,11136,11137],{},"And there's good reason for this. When done right, Agile processes can help teams get working software in front of stakeholders early and often, react rapidly to stakeholder feedback, and identify issues quickly so they can be fixed early on — all of which lead to a better final product.",[11,11139,11140,11141,11145,11146,11149],{},"The problem is that in addition to its virtues, Agile also has a number of blind spots baked in to its core practices. Its focus on short, narrowly scoped design and development cycles can make it difficult to define a finish line for projects, which hampers everything from resource planning to application architecture decisions. Similarly, although ",[15,11142,11144],{"href":11025,"rel":11143},[33],"the Agile Manifesto's prescription that \"business people and developers must work together daily\""," is not ",[26,11147,11148],{},"inherently"," flawed, a dogmatic implementation of this principle in the form of daily stand-up meetings or sitting together while coding can end up wasting time and frustrating all parties involved.",[1488,11151,11152],{},[11,11153,11154],{},"Building and iterating on medium and high fidelity prototypes as part of your design process helps your team understand what the final product will look like.",[11,11156,11157],{},"Solutions to these blind spots are as varied as Agile methodologies themselves, but the most versatile and widely applicable is prototyping. Building and iterating on medium and high fidelity prototypes as part of your design process helps your team understand what the final product will look like, giving you a picture of the finish line to use for project estimates and architecture decisions. The prototype also acts as a visual and interactive functional specification for developers, which can preempt questions they might otherwise have to spend time getting answered by a product owner or designer.",[11,11159,11160,11161,11164],{},"We'll go into more detail on ",[15,11162,11163],{"href":11116},"how to avoid the pitfalls of Agile with high fidelity prototyping"," in the next article, but first let's take a look at how Agile came to be what it is today so we can better understand the roots of its flaws.",[11,11166,11167],{},[100,11168],{"alt":71,"src":11169},"/images/2019/09/Thoughts.png",[107,11171,11173],{"id":11172},"the-time-before-agile-physical-engineering-and-waterfall","The Time Before Agile: Physical Engineering and Waterfall",[11,11175,11176],{},"When the software industry was first stumbling into being in the 1960s, development was pioneering, experimental ...and largely inefficient. Industry professionals had no established production methodologies to follow because they were still figuring out what was needed to build successful software in the first place. Without past experience to draw on, teams were ill equipped to estimate project costs and time to completion, leading to software that was often delivered over budget, over schedule, and lacking key functionality — if it was delivered at all.",[11,11178,11179],{},"This \"software crisis,\" as it was later termed, spurred the industry to look to other engineering disciplines for guidance. In the 1970s and '80s, the software industry was seized by the idea that building software could be made as predictable as building something like a bridge or a car, and software teams adopted production methodologies from traditional physical engineering and manufacturing to achieve this.",[11,11181,11182],{},"With hindsight we know how naive this hope was, but you can see the appeal at the time. Software projects had been consistently failing for over a decade, and physical engineering and manufacturing processes promised the reliability of experience, having been refined over the millennia of human history. No longer would software professionals be stumbling blindly forward.",[11,11184,11185,11186,11189],{},"Of course, building a piece of software is dramatically different from building a bridge or a car, as we now know, and these borrowed methodologies didn't fully deliver the results the industry had been hoping for. They did help, though. Following a process of carefully gathering requirements and designing a cohesive solution ",[26,11187,11188],{},"before"," moving on to actual production (coding) enabled far more software teams to successfully deliver products to their customers. This \"Waterfall\" process became the new standard.",[107,11191,11193],{"id":11192},"where-waterfall-failed-software-teams","Where Waterfall Failed Software Teams",[11,11195,11196],{},"The problem with treating software development like traditional engineering is that it ignored the unique challenges facing software teams. Waterfall worked so well for physical manufacturing projects because requirements were comparatively easy to determine and were unlikely to change during the time it took to complete a project. Likewise, technological innovations for physical manufacturing rarely outpaced production time, so products weren't at risk of becoming obsolete before going to market. Software development, on the other hand, offered neither of these assurances.",[1488,11198,11199],{},[11,11200,11201],{},"Conducting user testing with a prototype can help you catch missed or incorrect requirements before you send specifications to development.",[11,11203,11204],{},"Before analysts and researchers had access to tools that let them create rich, interactive prototypes without code, requirements were notoriously difficult to gather. Users can't tell you what they need, only how they work, which tools they use, and what their pain points are — it's up to you to figure out a solution. Conducting user testing with a prototype can help you catch missed or incorrect requirements before you send specifications to development, but early teams often couldn't afford to allocate programmers to create prototypes. Under Waterfall, this meant they couldn't be sure they'd landed on the correct solution until the software had been built and delivered to end users.",[11,11206,11207,11208,11211],{},"Compounding this fundamental drawback of traditional Waterfall, businesses and technology evolved rapidly in the 1970s and '80s, and software development often couldn't keep up with changing customer needs. Even if a software team was lucky enough to have built the correct solution for a customer per the original project requirements, the customer's requirements were almost guaranteed to have changed during the time — frequently ",[26,11209,11210],{},"years"," — it took to build and ship the software. This made it exceedingly difficult to hit the mark with software products, and customer dissatisfaction was rampant.",[11,11213,11214],{},"Traditional Waterfall, then, failed software development teams in two major ways:",[420,11216,11217,11220],{},[272,11218,11219],{},"It didn't provide space for teams to gather ongoing feedback from stakeholders to ensure they were building the correct solution for the customer.",[272,11221,11222],{},"Its unidirectional flow of work prevented teams from going back to earlier stages of the development process to account for changing requirements or new technologies.",[11,11224,11225],{},[100,11226],{"alt":11227,"src":11228},"Waterfall software","/images/2019/09/Waterfall_.png",[107,11230,11232],{"id":11231},"how-agile-attempted-to-address-the-drawbacks-of-waterfall","How Agile Attempted to Address the Drawbacks of Waterfall",[11,11234,11235],{},"In the 1990s, a slew of \"lightweight\" methodologies, such as Scrum and Extreme Programming (XP), began to emerge in response to the failings of the \"heavyweight\" Waterfall model. The common theme among them was a rejection of rigidly structured and strictly managed processes in favor of providing software teams greater autonomy and freedom. The idea was that this would give teams the flexibility to revise requirements and designs when needed in order to produce the best solution for the customer.",[11,11237,11238,11239,11243],{},"This philosophy was later enshrined in ",[15,11240,11242],{"href":11056,"rel":11241},[33],"the Agile Manifesto","'s famous declaration of values in 2001:",[1488,11245,11246,11248,11272],{},[11,11247,11064],{},[11,11249,11250,11253,11254,11256,11259,11260,11262,11265,11266,11268,11271],{},[115,11251,11252],{},"Individuals and interactions"," over processes and tools",[1294,11255],{},[115,11257,11258],{},"Working software"," over comprehensive documentation",[1294,11261],{},[115,11263,11264],{},"Customer collaboration"," over contract negotiation",[1294,11267],{},[115,11269,11270],{},"Responding to change"," over following a plan",[11,11273,11074],{},[11,11275,11276,11277,3758],{},"It's also echoed in three of ",[15,11278,11280],{"href":11025,"rel":11279},[33],"the Agile Manifesto's 12 principles",[1488,11282,11283,11286,11289],{},[11,11284,11285],{},"Welcome changing requirements, even late in development. Agile processes harness change for the customer's competitive advantage.",[11,11287,11288],{},"Build projects around motivated individuals. Give them the environment and support they need, and trust them to get the job done.",[11,11290,11291],{},"The best architectures, requirements, and designs emerge from self-organizing teams.",[11,11293,11294],{},"This, along with the push toward early and continuous delivery of working software to stakeholders, revolutionized the software industry. Interacting with working software on a regular basis during the development process allowed stakeholders to give valuable feedback on the direction of the product. Software teams could then respond to that feedback in whichever way they deemed most appropriate since they could now return to any stage of the development process when needed. The result was speedier production and higher customer satisfaction.",[107,11296,11298],{"id":11297},"the-pitfalls-of-agile","The Pitfalls of Agile",[11,11300,11301,11302,11306,11307,11312],{},"There's no doubt that Agile continues to offer these benefits and others well into the present. Respondents to ",[15,11303,11305],{"href":11131,"rel":11304},[33],"the 2018 State of Agile survey"," report flexibility and decreased time to market as some of the top benefits of adopting an Agile methodology, and ",[15,11308,11311],{"href":11309,"rel":11310},"https://standishgroup.com/sample_research_files/CHAOSReport2015-Final.pdf",[33],"The Standish Group's 2015 CHAOS Report"," lists \"Agile Process\" among the ten Factors of Success for software projects. Clearly something is working.",[11,11314,11315,11316,11321,11322,1571,11327,11332,11333,11338],{},"Why, then, are thought leaders foretelling ",[15,11317,11320],{"href":11318,"rel":11319},"https://www.forbes.com/sites/cognitiveworld/2019/08/23/the-end-of-agile/",[33],"the end of Agile","? Why are there myriad ",[15,11323,11326],{"href":11324,"rel":11325},"https://www.google.com/search?q=site%3Awww.reddit.com+developers+hate+agile",[33],"Subreddits",[15,11328,11331],{"href":11329,"rel":11330},"https://www.google.com/search?q=site%3Asoftwareengineering.stackexchange.com+developers+hate+agile",[33],"Stack Exchange"," conversations dedicated to what developers hate about Agile? Why is Ron Jeffries, one of the original authors of the Agile Manifesto, ",[15,11334,11337],{"href":11335,"rel":11336},"https://ronjeffries.com/articles/018-01ff/abandon-1/",[33],"urging developers to abandon Agile methodologies"," altogether?",[11,11340,11341],{},"The issue is that many popular Agile methodologies exacerbate Agile's inherent blind spots by abandoning the good parts of Waterfall entirely and deviating from the core values of the Agile Manifesto. For all of its weight, Waterfall pushes teams to define a concrete goal for everyone to work toward. This enables better technical decisions and resource planning, and it can inspire teams by showing them what their efforts are contributing to. Agile rejects the notion that this can be done well and instead favors experimentation and iteration in the code. This can make a project feel more flexible, but too often that flexibility comes at the cost of technical debt, unclear timelines and funding needs, and developer confusion.",[11,11343,11344],{},"The authors of the Agile Manifesto sought to free teams from inflexible, heavyweight Waterfall processes, but in practice Agile methodologies often formalize aspects of the manifesto in process-heavy ways that go against this initial intent. Daily stand-ups, collaborative coding, and other such activities are meant to promote open communication between teammates — ostensibly this is why \"business people and developers must work together daily throughout the project\" — but it doesn't take long to find complaints that these often become frustrating accountability exercises that demoralize the team. Agile is working, yes, but not as well as it could be.",[107,11346,11348],{"id":11347},"the-solution-prototyping","The Solution: Prototyping",[11,11350,11351,11352,367],{},"So where do we go from here? How do we salvage the good bits of Waterfall, address the drawbacks of Agile, and do it all with the least amount of friction? The answer is prototyping. In the next article, we'll get into the specifics of ",[15,11353,11354],{"href":11116},"how to bridge the top five pitfalls of agile with medium and high fidelity prototypes",{"title":71,"searchDepth":72,"depth":72,"links":11356},[11357,11358,11359,11360,11361],{"id":11172,"depth":72,"text":11173},{"id":11192,"depth":72,"text":11193},{"id":11231,"depth":72,"text":11232},{"id":11297,"depth":72,"text":11298},{"id":11347,"depth":72,"text":11348},[11107,11108,11109,891,601,11110],"2019-09-26T00:00:00.000Z","Agile has been big for a while, but it has a number of blind spots baked in to its core practices. Let's take a look at how Agile came to be what it is today so we can better understand the roots of its flaws and find a way forward from here.",{"src":11366},"/images/2019/09/Runner-1.png",{},{"src":11369},"/images/2019/09/agile_software.jpg",{"title":11123,"description":11364},"blog/the-pitfalls-of-agile-and-how-we-got-here","SQxuDjC-LF5GjOAMCf9CdeiQp4CQm8YVagOYguvmWRY",{"id":11374,"title":11375,"author":6,"body":11376,"categories":11570,"date":11571,"description":11572,"extension":79,"featuredImage":80,"mainImage":11573,"meta":11575,"navigation":83,"path":10824,"previewImage":11576,"seo":11578,"stem":11579,"tags":80,"__hash__":11580},"blog/blog/managing-axure-prototypes-and-sketch-assets-on-axure-cloud.md","Managing Axure Prototypes and Sketch Assets on Axure Cloud",{"type":8,"value":11377,"toc":11564},[11378,11394,11404,11407,11411,11416,11419,11427,11447,11477,11481,11486,11489,11502,11507,11511,11516,11519,11523,11528,11536,11557,11559],[11,11379,11380,11381,11385,11386,11390,11391,367],{},"A couple months ago, we added a new feature to ",[15,11382,11384],{"href":11383},"/axure-sketch-plugin","the Axure plugin for Sketch"," that lets you ",[15,11387,11389],{"href":11388},"/blog/new-in-axure-cloud-publish-artboards-from-sketch","publish artboards from Sketch directly to Axure Cloud",". The goal is to make it easier for you to share and manage your prototypes and design assets. Rather than relying on multiple solutions — each with its own publishing and sharing model — you can keep everything in one place: ",[15,11392,177],{"href":4982,"rel":11393},[33],[11,11395,11396],{},[115,11397,11398,11399,11403],{},"We'll be adding more integrations in the future, including Adobe Photoshop, Adobe XD, and Figma! ",[15,11400,11402],{"href":9782,"rel":11401},[33],"Subscribe to our newsletter"," to be the first to know when they're ready to go.",[11,11405,11406],{},"But now that you can host Sketch assets right alongside Axure RP projects on Axure Cloud, how do you manage it all? We've put together a few tips and best practices below based on conversations with customers as well as how we use Axure Cloud here at Axure HQ.",[107,11408,11410],{"id":11409},"_1-organize-your-workspaces-by-client-product-or-story","1. Organize Your Workspaces by Client, Product, or Story",[11,11412,11413],{},[100,11414],{"alt":71,"src":11415},"/images/2019/09/managing-projects-workspaces.png",[11,11417,11418],{},"Workspaces are more than just containers that help you organize your projects. They're also collaborative spaces that allow you to share multiple Axure RP or Sketch projects with a group of teammates and stakeholders all at once. (Think about them like shared folders on Google Drive or Dropbox.)",[11,11420,11421,11426],{},[15,11422,11425],{"href":11423,"rel":11424},"https://docs.axure.com/axure-cloud/basics/workspaces/",[33],"Creating a workspace"," for each of your clients, products, or stories, then, offers you two benefits:",[420,11428,11429,11435],{},[272,11430,11431,11434],{},[115,11432,11433],{},"It organizes your Axure Cloud assets in a way that makes sense for your business",", making it easier for you to navigate and find what you're looking for. Organizing by client is great for agencies; by product if you are working on multiple products; or by story if you prefer workspaces to map more closely to development tasks.",[272,11436,11437,11440,11441,11446],{},[115,11438,11439],{},"It allows you to share all of the workspace's contained assets — including future assets — with the necessary group of teammates and stakeholders"," in a simple and centralized manner. This means you can spend less time ensuring that everyone has access to each and every new asset you upload: Once you share a workspace with someone, they can access everything in it just by signing in to their Axure Cloud account. And you can ",[15,11442,11445],{"href":11443,"rel":11444},"https://docs.axure.com/axure-cloud/basics/workspaces/#sharing-workspaces-with-others",[33],"add and remove workspaces members"," at any time.",[11,11448,11449,11451,11452,11456,11457,11460,11461,10024,11465,11468,11469,808,11473,367],{},[115,11450,7977],{}," Axure Cloud gives you a couple of ",[15,11453,11455],{"href":11443,"rel":11454},[33],"user access levels"," to choose from when adding someone to a workspace. ",[115,11458,11459],{},"Make fellow Axure RP users and design teammates Authors"," so they can publish new projects, edit existing ones, and ",[15,11462,11464],{"href":11463},"/blog/new-in-axure-cloud-build-prototypes-from-sketch-and-image-files","use the Build feature to create prototypes from Sketch and image files",[115,11466,11467],{},"Give stakeholders and developers Viewer access"," so they can view, ",[15,11470,11472],{"href":11471},"/blog/new-in-axure-cloud-inspect-your-designs","inspect",[15,11474,11476],{"href":9540,"rel":11475},[33],"give feedback on projects",[107,11478,11480],{"id":11479},"_2-use-folders-to-further-organize-your-workspaces","2. Use Folders to Further Organize Your Workspaces",[11,11482,11483],{},[100,11484],{"alt":71,"src":11485},"/images/2019/09/managing-projects-folders.png",[11,11487,11488],{},"This one might seem a bit obvious, but using folders to break your workspaces down into individual client projects or features you're designing for a product can make navigating the workspace more intuitive both for yourself and for the other members of the workspace.",[11,11490,11491,11492,11497,11498,11501],{},"To ",[15,11493,11496],{"href":11494,"rel":11495},"https://docs.axure.com/axure-cloud/basics/workspaces/#adding-folders-to-a-workspace",[33],"add a folder to a workspace",", click the ",[115,11499,11500],{},"New Folder"," button at the top-right of the page. You can add as many folders as you want, and you can add folders within folders.",[11,11503,11504,11506],{},[115,11505,7977],{}," Do you keep older versions of designs and prototypes around for later reference? Put them in an \"Archives\" folder to keep your workspace clean and avoid confusion about where to find current versions.",[107,11508,11510],{"id":11509},"_3-keep-your-design-files-and-prototypes-together","3. Keep Your Design Files and Prototypes Together",[11,11512,11513],{},[100,11514],{"alt":71,"src":11515},"/images/2019/09/managing-projects-files.png",[11,11517,11518],{},"Storing your Axure RP, Sketch, and image files together can be particularly helpful when handing off to developers. It allows them to quickly go from viewing functional specifications or prototypes to inspecting pixel-perfect design assets (the Sketch and/or image files) with minimal context switching.",[107,11520,11522],{"id":11521},"_4-use-publicly-shareable-links-for-one-off-sharing","4. Use Publicly Shareable Links for One-off Sharing",[11,11524,11525],{},[100,11526],{"alt":71,"src":11527},"/images/2019/09/managing-projects-public-link.png",[11,11529,11530,11531,11535],{},"Sometimes you want to share a prototype or artboards with a teammate or stakeholder, but they don't need access to the entire workspace. Other times you need to share something with many people temporarily, such as when you're conducting remote user testing. In both cases, you can ",[15,11532,11534],{"href":9507,"rel":11533},[33],"share a public link"," to the prototype or artboards.",[11,11537,11538,11541,11542,11546,11547,1571,11552,367],{},[115,11539,11540],{},"Public links let people view and interact with the prototype, but they can't edit it or see any other assets in the workspace."," It also lets them ",[15,11543,11545],{"href":9540,"rel":11544},[33],"add feedback comments",". You can ",[15,11548,11551],{"href":11549,"rel":11550},"https://docs.axure.com/axure-cloud/basics/axure-rp-projects/#project-password",[33],"password-protect the public link",[15,11553,11556],{"href":11554,"rel":11555},"https://docs.axure.com/axure-cloud/basics/axure-rp-projects/#disabling-the-public-link",[33],"disable it at any time",[224,11558],{},[11,11560,11561,11562,367],{},"So what do you think? Were these tips helpful? Do you have a different strategy for managing your projects in Axure Cloud? Let us know at ",[15,11563,366],{"href":365},{"title":71,"searchDepth":72,"depth":72,"links":11565},[11566,11567,11568,11569],{"id":11409,"depth":72,"text":11410},{"id":11479,"depth":72,"text":11480},{"id":11509,"depth":72,"text":11510},{"id":11521,"depth":72,"text":11522},[177,829,601],"2019-09-12T00:00:00.000Z","Now that you can host Sketch assets right alongside Axure RP projects on Axure Cloud, how do you manage it all? We've put together a few tips and best practices based on conversations with customers as well as how we use Axure Cloud here at Axure HQ.",{"src":11574},"/images/2019/09/cloud_blog_post@1x.png",{},{"src":11577},"/images/2019/09/cloud_news@1x.png",{"title":11375,"description":11572},"blog/managing-axure-prototypes-and-sketch-assets-on-axure-cloud","QuypTwMAnJOpknbLUswg4-ol9tZ554iIMaw_OsopLZ4",{"id":11582,"title":11583,"author":6,"body":11584,"categories":11733,"date":11734,"description":11735,"extension":79,"featuredImage":80,"mainImage":11736,"meta":11738,"navigation":83,"path":11739,"previewImage":11740,"seo":11742,"stem":11743,"tags":80,"__hash__":11744},"blog/blog/axure-cloud-for-business-on-your-servers-or-ours.md","Axure Cloud for Business — On Your Servers or Ours",{"type":8,"value":11585,"toc":11728},[11586,11597,11601,11611,11622,11626,11629,11690,11716,11719,11723],[11,11587,11588,11589,11593,11594],{},"Back in 2016, we released an on-premises version of Axure Share alongside Axure RP 8. The goal was to address the security and user-management needs of enterprise teams. Over the last three years, demand for the on-premises server has grown well beyond our expectations, particularly among organizations with large implementations of Axure RP and customers in the finance, health care, and telecommunications industries. With the release of Axure RP 9, we're upgrading the enterprise solution with the ",[15,11590,11592],{"href":11591},"/blog/welcome-to-the-new-axure#axure-cloud","changes and features of the new Axure Cloud"," and offering a new Axure-hosted option. ",[115,11595,11596],{},"We're calling this upgraded solution Axure Cloud for Business.",[107,11598,11600],{"id":11599},"hosting-options","Hosting Options",[11,11602,11603,11605,11606],{},[115,11604,8250],{}," is hosted on Axure servers at your own branded subdomain. This solution is great for teams who need elevated user account controls but don't need a custom server setup. It's quick (and free!) to get started. ",[15,11607,11610],{"href":11608,"rel":11609},"https://app.axure.cloud/app/asec/create",[33],"Reserve Your Domain",[11,11612,11613,11616,11617],{},[115,11614,11615],{},"Axure Cloud for Business On Premises"," is installed and run behind your company's firewall, right on your own servers. This is the ideal solution for teams who need bespoke security options and full access to the application infrastructure. ",[15,11618,11621],{"href":11619,"rel":11620},"https://www.axure.cloud/onprem-contact/",[33],"Request On Premises",[107,11623,11625],{"id":11624},"user-management","User Management",[11,11627,11628],{},"Both solutions give you full control over who can access your projects. User accounts are managed by administrators that you designate, and you have several access levels to choose from when creating new accounts:",[11630,11631,11632,11652],"table",{},[11633,11634,11635],"thead",{},[11636,11637,11638,11642,11646,11649],"tr",{},[11639,11640,11641],"th",{},"Role",[11639,11643,11645],{"align":11644},"center","View, Inspect, and Comment",[11639,11647,11648],{"align":11644},"Create and Edit Projects",[11639,11650,11651],{"align":11644},"Create and Edit User Accounts",[11653,11654,11655,11668,11679],"tbody",{},[11636,11656,11657,11661,11664,11666],{},[11658,11659,11660],"td",{},"Reviewer",[11658,11662,11663],{"align":11644},"✔",[11658,11665],{"align":11644},[11658,11667],{"align":11644},[11636,11669,11670,11673,11675,11677],{},[11658,11671,11672],{},"Author",[11658,11674,11663],{"align":11644},[11658,11676,11663],{"align":11644},[11658,11678],{"align":11644},[11636,11680,11681,11684,11686,11688],{},[11658,11682,11683],{},"Administrator",[11658,11685,11663],{"align":11644},[11658,11687,11663],{"align":11644},[11658,11689,11663],{"align":11644},[269,11691,11692,11698,11707],{},[272,11693,11694,11697],{},[115,11695,11696],{},"Administrators"," can create, edit, and deactivate other user accounts.",[272,11699,11700,11703,11704,367],{},[115,11701,11702],{},"Authors"," can create, edit, and delete projects and workspaces. They can also ",[15,11705,11706],{"href":11463},"use the Build feature to create prototypes from artboard projects",[272,11708,11709,11712,11713,11715],{},[115,11710,11711],{},"Reviewers"," can view, ",[15,11714,11472],{"href":11471},", and give feedback on projects.",[11,11717,11718],{},"You can also integrate Axure Cloud for Business with your company's existing single sign-on identity provider to ensure secure access for your team. Both SAML and LDAP are supported, as is Microsoft Active Directory.",[107,11720,11722],{"id":11721},"pricing","Pricing",[11,11724,11725,11726,367],{},"Axure Cloud for Business is free to use for the first 30 days. After that, plans start at $30 per month for up to 5 author and/or admin accounts. (Reviewer accounts are free, and you can create as many as you need!) To learn more about Axure Cloud for Business, reach out to an Axure account executive at ",[15,11727,381],{"href":378},{"title":71,"searchDepth":72,"depth":72,"links":11729},[11730,11731,11732],{"id":11599,"depth":72,"text":11600},{"id":11624,"depth":72,"text":11625},{"id":11721,"depth":72,"text":11722},[177,178],"2019-08-07T00:00:00.000Z","With the release of Axure RP 9, we're upgrading our on-premises enterprise server with the changes and features of the new Axure Cloud and offering a new Axure-hosted option. We're calling this upgraded solution Axure Cloud for Business.",{"src":11737},"/images/2019/08/cloud_for_business_blog-copy@2x-3.png",{},"/blog/axure-cloud-for-business-on-your-servers-or-ours",{"src":11741},"/images/2019/08/cloud_for_business_blog@2x.png",{"title":11583,"description":11735},"blog/axure-cloud-for-business-on-your-servers-or-ours","ro7J--eFVstbdYP39lQqHAOTuO5nWsNSeRSQnsvkzcE",{"id":11746,"title":11747,"author":6,"body":11748,"categories":11829,"date":11830,"description":11831,"extension":79,"featuredImage":80,"mainImage":11832,"meta":11834,"navigation":83,"path":11463,"previewImage":11835,"seo":11836,"stem":11837,"tags":80,"__hash__":11838},"blog/blog/new-in-axure-cloud-build-prototypes-from-sketch-and-image-files.md","New in Axure Cloud: Build Prototypes from Sketch and Image Files",{"type":8,"value":11749,"toc":11826},[11750,11753,11765,11769,11774,11802,11809,11812,11819,11821],[11,11751,11752],{},"To be successful, software projects require the collaboration of professionals across a wide range of skill sets. Differing perspectives and expectations among those professionals, however, can make it challenging to get everyone on the same page. That's why things like mockups, wireframes, and prototypes are so useful: They present the ideas of one person or team in a format that others can easily consume and comment on. They become the shared vocabulary needed to have productive conversations and keep projects moving forward.",[11,11754,11755,11756,11759,11760,367],{},"Axure has always worked to facilitate communication between software professionals through interactive prototyping, and for most of our history, that has meant building prototypes in Axure RP. But now ",[115,11757,11758],{},"with Axure Cloud's new Build feature, anyone can create interactive prototypes from Sketch and image files right in the web browser!"," All you need is ",[15,11761,11764],{"href":11762,"rel":11763},"https://www.axure.cloud/",[33],"a (free) Axure Cloud account",[107,11766,11768],{"id":11767},"building-prototypes-in-axure-cloud","Building Prototypes in Axure Cloud",[11,11770,11771],{},[100,11772],{"alt":71,"src":11773},"/images/2019/07/axure-cloud-build.gif",[420,11775,11776,11787,11796],{},[272,11777,11778,11782,11783,11786],{},[15,11779,11781],{"href":168,"rel":11780},[33],"Sign in to your Axure Cloud account"," and click ",[115,11784,11785],{},"New Project"," to create a new artboard project.",[272,11788,1190,11789,11792,11793,367],{},[115,11790,11791],{},"+"," button at the bottom-right of the screen to add image files to the project, or ",[15,11794,11795],{"href":11388},"follow the instructions here to upload artboards from Sketch",[272,11797,11798,11799,367],{},"At the top of the page, click ",[115,11800,11801],{},"Build Prototype",[11,11803,11804,11805,11808],{},"Once you're on the ",[115,11806,11807],{},"Build"," screen, you can click and drag on your artboards to add hotspots that link to other artboards. You can assign a number of different triggers to your hotspots — including touch gestures like swiping — as well as screen transition animations.",[11,11810,11811],{},"You can also define fixed header and footer regions on artboards by dragging the handles at the top and bottom of the artboard up and down.",[11,11813,11814,11815,11818],{},"To test everything out, click ",[115,11816,11817],{},"Preview"," at the top of the page.",[224,11820],{},[11,11822,11823,11824,367],{},"We hope that Axure Cloud Build will help your teams communicate more efficiently and more productively. As always, please let us know what you think at ",[15,11825,366],{"href":365},{"title":71,"searchDepth":72,"depth":72,"links":11827},[11828],{"id":11767,"depth":72,"text":11768},[177,829,178],"2019-07-17T00:00:00.000Z","Axure has always worked to facilitate communication between software professionals through interactive prototyping. For most of our history, that has meant building prototypes in Axure RP. But now with Axure Cloud's new Build feature, anyone can create interactive prototypes from Sketch and image files right in the web browser!",{"src":11833},"/images/2019/04/temp_fast-design-proto.png",{},{"src":11833},{"title":11747,"description":11831},"blog/new-in-axure-cloud-build-prototypes-from-sketch-and-image-files","19oDnVXiFcTplYRFIauheRvZBiXYUf3-GU18_0lZMKg",{"id":11840,"title":11841,"author":6,"body":11842,"categories":11940,"date":11830,"description":11941,"extension":79,"featuredImage":80,"mainImage":11942,"meta":11943,"navigation":83,"path":11388,"previewImage":11944,"seo":11946,"stem":11947,"tags":80,"__hash__":11948},"blog/blog/new-in-axure-cloud-publish-artboards-from-sketch.md","New in Axure Cloud: Publish Artboards from Sketch",{"type":8,"value":11843,"toc":11937},[11844,11861,11867,11883,11887,11892,11929,11931],[11,11845,11846,11847,11851,11852,11856,11857,11860],{},"The Axure RP 9 development cycle has seen a lot of big changes to the entire Axure platform, not just Axure RP. For Axure Share, this has meant the transformation of our longstanding prototype-hosting service into a fully fledged cloud collaboration tool tailored to the needs of UX professionals and the teams they work with. The new ",[15,11848,177],{"href":11849,"rel":11850},"https://www.axure.cloud",[33]," is built on ",[15,11853,11855],{"href":11854},"/blog/the-new-axure-cloud","a modern web stack",", boasts an array of ",[15,11858,11859],{"href":11591},"new features",", and is now available as a dedicated desktop application.",[11,11862,11863],{},[15,11864,11866],{"href":686,"rel":11865},[33],"Download Axure Cloud",[11,11868,11869,11870,11872,11873,11875,11876,11878,11879,11882],{},"In addition to the benefits you might expect from a desktop application, the Axure Cloud desktop app allows you to ",[115,11871,11389],{},". Now you can share and ",[15,11874,801],{"href":11471}," right alongside your team's Axure RP prototypes — whether you use Axure RP or not. And with the new ",[115,11877,11807],{}," feature, you can ",[15,11880,11881],{"href":11463},"turn your Sketch artboards into interactive prototypes"," without ever leaving Axure Cloud!",[107,11884,11886],{"id":11885},"publishing-sketch-artboards-to-axure-cloud","Publishing Sketch Artboards to Axure Cloud",[11,11888,11889],{},[100,11890],{"alt":71,"src":11891},"/images/2019/07/upload-sketch-to-axure-cloud.gif",[420,11893,11894,11899,11903,11908,11914,11919],{},[272,11895,11896],{},[15,11897,688],{"href":686,"rel":11898},[33],[272,11900,10126,11901,10131],{},[15,11902,11384],{"href":11383},[272,11904,11905,11906,11786],{},"Log in to your Axure Cloud account and click ",[115,11907,11785],{},[272,11909,11910,11911,367],{},"In Sketch, select the artboards you want to publish and go to ",[115,11912,11913],{},"Plugins > Axure > Export Selection to Axure Cloud",[272,11915,11916,11917,367],{},"Select the artboard project you created in Step 2 and click ",[115,11918,716],{},[272,11920,713,11921,11924,11925,11928],{},[115,11922,11923],{},"Share Project"," to share your uploaded artboards with others. You can invite people to the project's workspace or click ",[115,11926,11927],{},"Enable Link"," to get a publicly shareable link.",[224,11930],{},[11,11932,11933,11934,9785],{},"We hope you're as excited about this new Sketch integration as we are! We're hard at work on integrations for other tools as well, so make sure to ",[15,11935,9784],{"href":9782,"rel":11936},[33],{"title":71,"searchDepth":72,"depth":72,"links":11938},[11939],{"id":11885,"depth":72,"text":11886},[177,829,178],"The Axure Cloud desktop app allows you to publish artboards from Sketch directly to Axure Cloud. Now you can share and inspect your designs right alongside your team's Axure RP prototypes — whether you use Axure RP or not. And with the new Build feature, you can turn your Sketch artboards into interactive prototypes without ever leaving Axure Cloud!",{"src":80},{},{"src":11945},"/images/2019/07/cloud_sketch@2x.png",{"title":11841,"description":11941},"blog/new-in-axure-cloud-publish-artboards-from-sketch","sO2VmihoXSUJY0xaO0R0Bo2JDebcVJW5JgER_hpw3Uw",{"id":11950,"title":11951,"author":6,"body":11952,"categories":12016,"date":12017,"description":12018,"extension":79,"featuredImage":80,"mainImage":12019,"meta":12020,"navigation":83,"path":1502,"previewImage":12021,"seo":12023,"stem":12024,"tags":80,"__hash__":12025},"blog/blog/import-sketch-designs-into-axure-rp.md","Import Sketch Designs into Axure RP",{"type":8,"value":11953,"toc":12013},[11954,11966,11970,11999,12006,12008],[11,11955,11956,11957,11961,11962,11965],{},"Like many of you, ",[15,11958,11960],{"href":11959},"/axure-vs-sketch","we use Sketch here at Axure"," for visual design and asset production. Getting designs from Sketch into Axure RP for prototyping and delivering specs to developers, however, was taking a few too many steps for our taste. Now with our new ",[15,11963,11964],{"href":11383},"Sketch-to-Axure plugin",", it's a snap to import those polished designs into Axure RP, bring them to life with rich interactivity, and add documentation for development.",[107,11967,11969],{"id":11968},"importing-sketch-designs-into-axure-rp","Importing Sketch Designs into Axure RP",[420,11971,11972,11977,11992],{},[272,11973,11974,11975,367],{},"Download and install ",[15,11976,11384],{"href":11383},[272,11978,11979,11980,11983,11984,671,11987,11989],{},"In Sketch, select the elements you want to copy and go to ",[115,11981,11982],{},"Plugins > Axure > Copy Selection",". (Alternatively, you can copy everything with the ",[115,11985,11986],{},"Copy All Artboards",[1294,11988],{},[100,11990],{"alt":11969,"src":11991},"/images/2019/06/sketch-workflow3.png",[272,11993,674,11994,11996],{},[1294,11995],{},[100,11997],{"alt":71,"src":11998},"/images/2019/06/sketch-workflow2.png",[11,12000,12001,12002,9715],{},"Imported Sketch layers are converted to Axure RP widgets, and the structure of the layers is maintained with RP ",[15,12003,9714],{"href":12004,"rel":12005},"https://docs.axure.com/axure-rp/widgets/groups/",[33],[224,12007],{},[11,12009,12010,12011,367],{},"So what do you think? Will this improve the way you work with Sketch and Axure RP? Let us know at ",[15,12012,366],{"href":365},{"title":71,"searchDepth":72,"depth":72,"links":12014},[12015],{"id":11968,"depth":72,"text":11969},[388,829,178],"2019-06-25T00:00:00.000Z","With the new \u003Ca href=\"/axure-sketch-plugin\">Sketch-to-Axure plugin\u003C/a>, it's a snap to import polished designs from Sketch into Axure RP, bring them to life with rich interactivity, and add documentation for development.",{"src":80},{},{"src":12022},"/images/2019/04/axure_sketch@2x.png",{"title":11951,"description":12018},"blog/import-sketch-designs-into-axure-rp","7OxxIod_I6Pgq6FAqUmxCFMQ8wCePWYwSlDVdkM_g1k",{"id":12027,"title":12028,"author":6,"body":12029,"categories":12098,"date":12017,"description":12099,"extension":79,"featuredImage":80,"mainImage":12100,"meta":12101,"navigation":83,"path":12102,"previewImage":12103,"seo":12105,"stem":12106,"tags":80,"__hash__":12107},"blog/blog/new-in-axure-rp-9-edit-dynamic-panels-inline.md","Axure RP 9: Edit Dynamic Panels Inline",{"type":8,"value":12030,"toc":12095},[12031,12054,12057,12061,12070,12075,12082,12088,12090],[11,12032,12033,12038,12039,4649,12044,4649,12049,367],{},[15,12034,12037],{"href":12035,"rel":12036},"https://docs.axure.com/axure-rp/widgets/dynamic-panels/",[33],"The dynamic panel widget"," has long been a defining feature of Axure RP. Introduced in version 4, dynamic panels are containers that allow you to build everything from ",[15,12040,12043],{"href":12041,"rel":12042},"https://docs.axure.com/tutorials/basics/rotating-carousel-slideshow/",[33],"image carousels",[15,12045,12048],{"href":12046,"rel":12047},"https://docs.axure.com/tutorials/complex-interactions/scroll-activated-sticky-header/",[33],"sticky navigation headers",[15,12050,12053],{"href":12051,"rel":12052},"https://docs.axure.com/tutorials/basics/drag-drop-widgets/",[33],"draggable page elements",[11,12055,12056],{},"One of our main goals for Axure RP 9 was to make these powerful and versatile widgets easier and more intuitive to work with, so we made dynamic panel states editable inline, right where they are on the canvas. Not only does this make editing states quicker, it allows you to see a state's contained widgets directly in the context of your full design.",[107,12058,12060],{"id":12059},"the-new-dynamic-panel-workflow","The New Dynamic Panel Workflow",[11,12062,12063,12064,12066,12067,12069],{},"Double-click a dynamic panel on the canvas to open its first state for editing, or select a specific state in the ",[115,12065,5374],{}," pane. You can quickly add, remove, and switch between states in the ",[115,12068,5374],{}," pane or with the dropdown at the top of the canvas.",[11,12071,12072],{},[100,12073],{"alt":71,"src":12074},"/images/2019/06/new-dynamic-panel-workflow.gif",[11,12076,12077,12078,12081],{},"Any widgets you add to the canvas while a state is open are automatically added to the state. Everything outside the state is covered by a grey mask. When you want to see only the widgets contained within the state, click ",[115,12079,12080],{},"Isolate"," at the top-right of the canvas to temporarily hide the rest of the widgets on the page.",[11,12083,12084,12085,12087],{},"Reorganizing widgets within dynamic panels has been streamlined as well. Need to move a widget from one state to another? Want to pop a widget out of a dynamic panel entirely? Just drag it into place in the ",[115,12086,5374],{}," pane.",[224,12089],{},[11,12091,12092,12093,367],{},"We hope these changes will speed up your workflow! Let us know what you think at ",[15,12094,366],{"href":365},{"title":71,"searchDepth":72,"depth":72,"links":12096},[12097],{"id":12059,"depth":72,"text":12060},[388,178],"One of our main goals for Axure RP 9 was to make dynamic panels easier and more intuitive to work with, so we made dynamic panel states editable inline, right where they are on the canvas. Not only does this make editing states quicker, it allows you to see a state's contained widgets directly in the context of your full design.",{"src":80},{},"/blog/new-in-axure-rp-9-edit-dynamic-panels-inline",{"src":12104},"/images/2019/06/new-dynamic-panel-workflow-hero.png",{"title":12028,"description":12099},"blog/new-in-axure-rp-9-edit-dynamic-panels-inline","8ncvgBi3LLGfpMtn_w_neOI4kH0wAkwWFyxYKh7aXY0",{"id":12109,"title":12110,"author":6,"body":12111,"categories":12276,"date":12279,"description":12280,"extension":79,"featuredImage":80,"mainImage":12281,"meta":12283,"navigation":83,"path":12284,"previewImage":12285,"seo":12286,"stem":12287,"tags":80,"__hash__":12288},"blog/blog/welcome-to-the-new-axure.md","Welcome to the New Axure",{"type":8,"value":12112,"toc":12266},[12113,12116,12120,12137,12179,12181,12188,12192,12195,12204,12208,12215,12219,12226,12230,12238,12241,12248,12253,12256],[11,12114,12115],{},"Now more than ever, shipping software products that win customers requires the combined strengths of business, design, and technology professionals. Keeping everyone moving together toward a shared goal, however, is a struggle that too many projects face. This is why we're so excited to introduce the new Axure platform today. The new Axure RP 9 and Axure Cloud bring together diagramming and visual documentation, UX design and prototyping, visual design and import, and developer handoff onto a single platform.",[107,12117,12119],{"id":12118},"axure-rp-9","Axure RP 9",[11,12121,12122,12123,12126,12127,12131,12132,12136],{},"After an extended beta and tons of feedback from customers, ",[15,12124,12125],{"href":1375},"Axure RP 9 is officially available for download","! For information about upgrading from RP 8 or earlier, visit ",[15,12128,12130],{"href":12129},"/upgrade-to-11","www.axure.com/upgrade",". You can read the full list of what's new at ",[15,12133,12135],{"href":12134},"/new-in-9","www.axure.com/new-in-9",", but here's a breakdown of some of the biggest changes to get you started:",[269,12138,12139,12145,12151,12163,12169],{},[272,12140,12141,12144],{},[115,12142,12143],{},"Navigating the new UI is faster:"," it's been simplified, it's more customizable, and it includes a dark mode so that you can work the way you want. The optimizations extend into the browser as well with a condensed, reorganized, and more performant prototype player.",[272,12146,12147,12150],{},[115,12148,12149],{},"Interactions are now edited inline"," right in the Interactions pane, and the event and action lists can be quickly filtered via a search field. (The Interaction Editor dialog is still there when you need it — just click the window icon at the bottom-right of the Interactions pane.)",[272,12152,12153,12156,12157,12160,12161,367],{},[115,12154,12155],{},"You have more control than ever over the visual design of your prototypes."," In addition to a bevy of new styling options — including image color correction, radial gradients, and expanded typography controls — you can ",[115,12158,12159],{},"import assets directly from Sketch"," with the ",[15,12162,11964],{"href":11383},[272,12164,12165,12168],{},[115,12166,12167],{},"Quickly create mobile prototypes using device presets"," or your own custom page dimensions. Mobile prototypes emulate mobile device scrolling and touch in the web browser.",[272,12170,12171,12174,12175,12178],{},[115,12172,12173],{},"It's easier and faster to add and lay out widgets."," Select from the widgets in the Libraries pane as always, or draw widgets on the fly with the options in the new Insert menu. ",[115,12176,12177],{},"Dynamic distance guides show you exactly where to put things,"," and the new smooth-zoom canvas makes navigating your designs a breeze.",[107,12180,177],{"id":1339},[11,12182,12183,12184],{},"Axure Share has been rebuilt from the ground up, with a new UI, a speedy new backend, and a suite of brand new features aimed at facilitating collaboration between product managers, UX professionals, visual designers, and developers. We're calling this new incarnation Axure Cloud, and you can get started at ",[15,12185,12187],{"href":11762,"rel":12186},[33],"www.axure.cloud.",[195,12189,12191],{"id":12190},"rp-and-artboard-projects-side-by-side","RP and Artboard Projects Side by Side",[11,12193,12194],{},"Just like always, you can upload and share Axure RP projects and widget libraries, comment on designs, and co-author prototypes with Team Projects. With the new Axure Cloud, you can now also host, share, and comment on artboards from Sketch and other image assets.",[11,12196,12197,12198,5844,12202,367],{},"To publish from Sketch to Axure Cloud, use the new ",[15,12199,12201],{"href":686,"rel":12200},[33],"Axure Cloud desktop app",[15,12203,11964],{"href":11383},[195,12205,12207],{"id":12206},"build-prototypes-in-the-browser","Build Prototypes in the Browser",[11,12209,12210,12211,12214],{},"Quickly ",[15,12212,12213],{"href":11463},"build prototypes from Sketch and image assets"," right in your browser. The new Build feature enables you to connect image files and Sketch artboards together with animated screen-to-screen interactions, all with easy-to-use hotspots.",[195,12216,12218],{"id":12217},"inspect-your-designs","Inspect Your Designs",[11,12220,12221,12222,12225],{},"Handing off your designs is a snap with ",[15,12223,12224],{"href":11471},"the new Inspect feature",", which allows you and your team to extract style and layout information from the elements in your Axure RP and Sketch artboard projects. Hover over an element to see redlines, and click it to view style information. You can quickly copy any of the element's CSS or its text content, and you can download image assets.",[195,12227,12229],{"id":12228},"the-axure-cloud-desktop-app","The Axure Cloud Desktop App",[11,12231,12232,12233,12237],{},"Get all the benefits of Axure Cloud with the speed and convenience of a dedicated desktop application. ",[15,12234,12236],{"href":686,"rel":12235},[33],"The Axure Cloud desktop app"," includes all the features and functionality of the web app, and you can use it with both Axure Cloud and Axure Cloud for Business.",[195,12239,11583],{"id":12240},"axure-cloud-for-business-on-your-servers-or-ours",[11,12242,12243,12244,12247],{},"For teams that require greater security and user management, ",[15,12245,8250],{"href":11762,"rel":12246},[33]," is the way to go. Get a private instance of Axure Cloud with your own domain on our servers, or install your own Axure Cloud server on premises behind your company's firewall. You can also configure your team's user accounts to work with your existing single sign-on service.",[11,12249,12250,12251,367],{},"We sincerely hope that Axure RP 9 and Axure Cloud help your teams work better together to deliver amazing software products. Let us know what you think at ",[15,12252,366],{"href":365},[11,12254,12255],{},"Welcome to the new Axure. We can't wait to see what you'll create!",[11,12257,12258,12261,12262],{},[15,12259,12260],{"href":1375},"Download Axure RP 9"," | ",[15,12263,12265],{"href":11762,"rel":12264},[33],"Sign Up for Axure Cloud",{"title":71,"searchDepth":72,"depth":72,"links":12267},[12268,12269],{"id":12118,"depth":72,"text":12119},{"id":1339,"depth":72,"text":177,"children":12270},[12271,12272,12273,12274,12275],{"id":12190,"depth":309,"text":12191},{"id":12206,"depth":309,"text":12207},{"id":12217,"depth":309,"text":12218},{"id":12228,"depth":309,"text":12229},{"id":12240,"depth":309,"text":11583},[177,12277,388,12278,178],"Axure Platform","axure rp 9","2019-04-25T00:00:00.000Z","Now more than ever, shipping software products that win customers requires the combined strengths of business, design, and technology professionals. Keeping everyone moving together toward a shared goal, however, is a struggle that too many projects face. This is why we're so excited to introduce the new Axure platform today.",{"src":12282},"/images/2019/04/smartmockups_juwyre6u.jpg",{},"/blog/welcome-to-the-new-axure",{"src":12282},{"title":12110,"description":12280},"blog/welcome-to-the-new-axure","i6AtKTXJ0n3qrYVkjT5uvm_7teA2Pwp8VAqLBLdY6JE",{"id":12290,"title":12291,"author":6,"body":12292,"categories":12410,"date":12411,"description":12412,"extension":79,"featuredImage":80,"mainImage":12413,"meta":12415,"navigation":83,"path":11471,"previewImage":12416,"seo":12417,"stem":12418,"tags":80,"__hash__":12419},"blog/blog/new-in-axure-cloud-inspect-your-designs.md","New in Axure Cloud: Inspect Your Designs",{"type":8,"value":12293,"toc":12406},[12294,12305,12315,12319,12324,12363,12367,12401],[11,12295,12296,12297,12301,12302,367],{},"If you've been spending time in ",[15,12298,12300],{"href":168,"rel":12299},[33],"the new Axure Cloud interface"," recently, you may have noticed a few new features: Project overviews for RP 9 files now include a thumbnail preview of each page; you can make project URLs private so that only workspace members can access them; and ",[115,12303,12304],{},"you can extract style and layout information from the widgets in your designs",[11,12306,12307,12308,12310,12311,12314],{},"That last feature is available in the ",[115,12309,8676],{}," tab of the prototype player, and we're hoping it will improve the way you work with your design and development teams. ",[115,12312,12313],{},"Using the Inspect tab, anyone with access to a project's workspace can view a summary of the CSS, text content, and positioning information for any widget in the project."," This is aimed at making it easier to hand off design specifications from Axure RP.",[107,12316,12318],{"id":12317},"inspecting-your-designs","Inspecting Your Designs",[11,12320,12321,12323],{},[115,12322,10538],{}," This feature is only available for RP 9 files. To convert files from previous versions of Axure RP, open them in RP 9, save, and re-publish to Axure Cloud.",[420,12325,12326,12334,12344],{},[272,12327,12328,12329,12333],{},"Log in to ",[15,12330,12332],{"href":168,"rel":12331},[33],"app.axure.cloud"," and click on a project's name.",[272,12335,12336,12337,367,12339,12341],{},"In the project overview, hover over the thumbnail of a page you want to work with and click ",[115,12338,8676],{},[1294,12340],{},[100,12342],{"alt":71,"src":12343},"/blog/wp-content/uploads/2019/04/inspect01.jpg",[272,12345,12346,12347,12349,12352,12354,12356,12357,12359,12360,12362],{},"Hover over a widget on the page to see redlines, and click it to view further information in the sidebar to the right. You can quickly copy any of the widget's CSS or its text content, and you can download image files from image widgets.",[1294,12348],{},[100,12350],{"alt":71,"src":12351},"/images/2019/04/inspect02.jpg",[1294,12353],{},[115,12355,7977],{}," If a page's content can change interactively, click ",[115,12358,11817],{}," at the top of the interface to interact with the page, and then switch back to ",[115,12361,8676],{}," to work with the page in its new state.",[107,12364,12366],{"id":12365},"giving-access-to-designers-and-developers","Giving Access to Designers and Developers",[420,12368,12369,12381,12398],{},[272,12370,12371,12372,12375,12376,12378],{},"If you haven't yet created a workspace in Axure Cloud, click the ",[115,12373,12374],{},"Create Workspace"," button (+) in the left sidebar to set up a new workspace to share with your team.",[1294,12377],{},[100,12379],{"alt":71,"src":12380},"/blog/wp-content/uploads/2019/04/inspect03.png",[272,12382,12383,12384,12386,12388,12389,12392,12393,12395],{},"Give the workspace a name, and enter your teammates' email addresses in the text box below. If they don't already have Axure Cloud accounts, they'll receive an email inviting them to sign up for free.",[1294,12385],{},[115,12387,10538],{}," To add teammates to an existing workspace, click its name in the left sidebar and then click the ",[115,12390,12391],{},"Manage Users"," button at the top-right of the page.",[1294,12394],{},[100,12396],{"alt":71,"src":12397},"/blog/wp-content/uploads/2019/04/inspect04.png",[272,12399,12400],{},"After your teammates accept the workspace invitation, they can follow the steps in the section above to inspect projects you add to the shared workspace.",[11,12402,12403,12404,367],{},"As always, we're eager to hear what you think! If there's anything you'd like to see added to help with your developer handoff or if you run into any technical issues, please let us know at ",[15,12405,366],{"href":365},{"title":71,"searchDepth":72,"depth":72,"links":12407},[12408,12409],{"id":12317,"depth":72,"text":12318},{"id":12365,"depth":72,"text":12366},[177,178],"2019-04-23T00:00:00.000Z"," Project overviews for RP 9 files now include a thumbnail preview of each page; and you can extract style and layout information from the widgets in your designs.",{"src":12414},"/images/2019/04/inspect_promo.png",{},{"src":12414},{"title":12291,"description":12412},"blog/new-in-axure-cloud-inspect-your-designs","lu_v8gmGtniNS7zH0J2DbUd97hlBQJRGjA4FwP0lW2Y",{"id":12421,"title":12422,"author":6,"body":12423,"categories":12567,"date":12570,"description":12571,"extension":79,"featuredImage":80,"mainImage":12572,"meta":12574,"navigation":83,"path":12575,"previewImage":12576,"seo":12578,"stem":12579,"tags":80,"__hash__":12580},"blog/blog/axure-rp-9-launch-pricing-and-upgrades.md","Axure RP 9 Launch Pricing and Upgrades",{"type":8,"value":12424,"toc":12563},[12425,12430,12448,12453,12457,12520,12524,12529,12540,12545,12553,12558],[11,12426,12427],{},[26,12428,12429],{},"If you purchased a license for Axure RP 8 on or after January 1, 2018, Axure RP 9 is already included in your license. You don't need to upgrade.",[11,12431,12432,12433,802,12438,1571,12443,367],{},"Axure RP 9 will officially launch in just a few short weeks! If you want to get a head start on upgrading your existing licenses or purchasing some new ones, you can do that now in the ",[15,12434,12437],{"href":12435,"rel":12436},"https://portal.axure.com",[33],"Axure License Portal",[15,12439,12442],{"href":12440,"rel":12441},"https://cart.axure.com",[33],"Perpetual License Cart",[15,12444,12447],{"href":12445,"rel":12446},"https://cart.axure.com/?prd=upgrade",[33],"Upgrade Cart",[11,12449,12450,12452],{},[115,12451,10538],{}," If you have a subscription for Axure RP, you don't need to worry about upgrading. Subscription pricing is unchanged, and your current subscription will work in RP 9 just as it does in RP 8",[107,12454,12456],{"id":12455},"upgrading-licenses-to-axure-rp-9","Upgrading Licenses to Axure RP 9",[420,12458,12459,12473,12496,12502],{},[272,12460,12328,12461,12465,12466,12469,12470,367],{},[15,12462,12464],{"href":12435,"rel":12463},[33],"portal.axure.com"," and switch to the ",[115,12467,12468],{},"Buy"," tab, or go to ",[15,12471,12445],{"href":12445,"rel":12472},[33],[272,12474,12475,12476,12479,12480,12482,12485,12487,12488,12490,12492,12493,367],{},"If you're logged in to the customer portal, check the licenses you want to upgrade. To upgrade one that's not listed, click ",[115,12477,12478],{},"Add another license key"," and enter key in the field that appears.",[1294,12481],{},[100,12483],{"alt":71,"src":12484},"/images/2019/04/pricing01-1.png",[1294,12486],{},"If you're not logged in, use the field at the bottom of the screen to enter any license keys you want to upgrade.",[1294,12489],{},[115,12491,7977],{}," You can view the license key used in your installation of Axure RP at ",[115,12494,12495],{},"Help > Manage License",[272,12497,713,12498,12501],{},[115,12499,12500],{},"Continue to Checkout"," and select the edition of Axure RP 9 you want to upgrade each license to.",[272,12503,12504,12505,12508,12509,12512,12513,367,12515,12517],{},"After you check out, you'll receive an email with your new RP 9 license keys. They will also be visible on the ",[115,12506,12507],{},"Manage Products"," tab of the customer portal. Enter your new key into Axure RP by clicking ",[115,12510,12511],{},"Enter License"," on the welcome screen or in the top menu at ",[115,12514,12495],{},[1294,12516],{},[100,12518],{"alt":71,"src":12519},"/images/2019/04/pricing02-1.png",[107,12521,12523],{"id":12522},"launch-pricing-for-axure-rp-9-licenses","Launch Pricing for Axure RP 9 Licenses",[11,12525,12526],{},[115,12527,12528],{},"Upgrades",[269,12530,12531,12534,12537],{},[272,12532,12533],{},"Pro or Team 8 → Pro 9: $99",[272,12535,12536],{},"Team 8 → Team 9: $199",[272,12538,12539],{},"Pro 8 → Team 9: $400",[11,12541,12542],{},[115,12543,12544],{},"New Licenses",[269,12546,12547,12550],{},[272,12548,12549],{},"Pro 9: $495",[272,12551,12552],{},"Team 9: $895",[11,12554,12555,12557],{},[115,12556,10538],{}," As mentioned above, subscription pricing is unchanged.",[11,12559,12560,12561,367],{},"We hope you're as excited about Axure RP 9 as we are! Subscribe to our newsletter to be notified when Axure RP 9 is available for download. If you have any questions about purchasing RP 9, please email us at ",[15,12562,366],{"href":365},{"title":71,"searchDepth":72,"depth":72,"links":12564},[12565,12566],{"id":12455,"depth":72,"text":12456},{"id":12522,"depth":72,"text":12523},[388,12278,12568,11721,12569,178],"launch","upgrade","2019-04-15T00:00:00.000Z","Axure RP 9 will officially launch in just a few short weeks! If you want to get a head start on upgrading your existing perpetual licenses or purchasing some new ones, you can do that now.",{"src":12573},"/images/2019/04/Axure_hero@2x-4.png",{},"/blog/axure-rp-9-launch-pricing-and-upgrades",{"src":12577},"/images/2019/04/pricing_promo-400x250.png",{"title":12422,"description":12571},"blog/axure-rp-9-launch-pricing-and-upgrades","SBe3wRHgM7S0lspmAex_CxPAfxEAWIx0I1A122cau-0",{"id":12582,"title":12583,"author":6,"body":12584,"categories":12765,"date":12766,"description":12588,"extension":79,"featuredImage":80,"mainImage":12767,"meta":12769,"navigation":83,"path":4002,"previewImage":12770,"seo":12771,"stem":12772,"tags":80,"__hash__":12773},"blog/blog/prototyping-for-user-testing-why-its-necessary-and-how-to-do-it.md","Prototyping for User Testing: Why It's Necessary and How to Do It",{"type":8,"value":12585,"toc":12754},[12586,12589,12592,12597,12600,12604,12610,12615,12618,12622,12628,12633,12636,12640,12646,12651,12654,12658,12663,12668,12671,12675,12681,12686,12689,12693,12699,12704,12707,12711,12717,12722,12725,12729,12735,12740,12747,12751],[11,12587,12588],{},"Prototypes are handy as internal deliverables that communicate your ideas visually and interactively. But if that's all you're using them for, you're missing out on the benefits they can offer in the form of user feedback. Conducting user testing with your prototypes is valuable because you can't be sure you have a winning design until you have real data to back it up.",[11,12590,12591],{},"Begin by making several prototypes to test. This will give you more insight into the various aspects of the workflow solution. If you test just one design at a time, you and your participants won't be able to compare designs in the assessment. Then, based on your results, create a plan that addresses who you need involve and what the test script will contain. From this, you'll be able to identify participants (ideally, real users) and a location. Run your tests, documenting your results in real time. Watching and listening carefully throughout the test will give you insight into the root causes of any problems participants encounter.",[11,12593,12594,12596],{},[115,12595,7977],{}," try not to use fake data or Lorem Ipsum text in your tests. The more realistic your data and text, the more your tester can engage with your prototype.",[11,12598,12599],{},"For even more great tips, check out the eight articles below that discuss the value and the detailed how-to of user testing prototypes.",[107,12601,12603],{"id":12602},"tips-on-prototyping-for-usability-testing","Tips on Prototyping for Usability Testing",[11,12605,12606],{},[15,12607,12608],{"href":12608,"rel":12609},"https://www.uxmatters.com/mt/archives/2012/10/tips-on-prototyping-for-usability-testing.php",[33],[11,12611,12612],{},[26,12613,12614],{},"\"The most effective research techniques involve observing participants doing things and talking about what they're doing. Therefore, the best way to evaluate a new design is to create a prototype and give participants something concrete to interact with and react to.\"",[11,12616,12617],{},"In this article, Jim Ross, Senior UX Researcher at AnswerLab, offers tips on both prototyping with user testing in mind and the testing phase itself. He stresses how important it is to be careful with fake names, fake data, and generic placeholders. He does a great job sharing how to explain and message the prototype to the test participants.",[107,12619,12621],{"id":12620},"why-you-should-always-prototype-user-test-multiple-designs","Why You Should Always Prototype & User Test Multiple Designs",[11,12623,12624],{},[15,12625,12626],{"href":12626,"rel":12627},"http://www.uxforthemasses.com/multiple-designs/",[33],[11,12629,12630],{},[26,12631,12632],{},"\"Visual designers, industrial designers, architects and so on will all typically create and trial multiple prototypes, so why should UX designers be any different?”",[11,12634,12635],{},"Here, Neil Turner, a UK-based UX designer, researcher, and trainer, explains why it's so important for prototype designers to always test multiple designs. Testing one design against another allows you to spread your bets, compare designs directly against one another, and gather more objective data — not to mention that it's usually more fun. No one gets it right the first time, anyway. Turner also explains how to test multiple designs using comparative user testing and split user testing.",[107,12637,12639],{"id":12638},"you-cant-be-sure-of-design-until-you-bring-in-a-user-to-test-it-24-hours-with-eugene-boey-of-section","'You Can't Be Sure of Design Until You Bring in a User to Test It' - 24 Hours with Eugene Boey of Section",[11,12641,12642],{},[15,12643,12644],{"href":12644,"rel":12645},"https://www.mumbrella.asia/2019/03/you-cant-be-sure-of-design-until-you-bring-in-a-user-to-test-it-24-hours-with-eugene-boey-of-section",[33],[11,12647,12648],{},[26,12649,12650],{},"\"One of the most important components of UI/UX is actually having the user test it… I always emphasise to our clients that there are no right or wrong design solutions that we can be sure of until we bring them to the users. Unless the design is a horrible mess.\"",[11,12652,12653],{},"This interview with Eugene Boey, creative partner at digital agency Section, will show you how one designer plans his day around user testing. It's effectively a case study on how to engage in both formal and informal user testing, how to engage multiple audiences (including formal test subjects and coworkers), and how to leverage user feedback to drive design decisions.",[107,12655,12657],{"id":12656},"how-to-launch-online-usability-testing-of-axure-prototypes","How to launch online usability testing of Axure prototypes",[11,12659,12660],{},[15,12661,3257],{"href":3257,"rel":12662},[33],[11,12664,12665],{},[26,12666,12667],{},"\"UX researchers and designers test prototypes prior to their implementation to a final product in order to prevent any issues which may arise after the final version is launched. There are many diverse tools which can be used for prototyping, one of the best ones is Axure. This tool is also extremely comprehensive and allows you to create interactive prototypes that reproduce a final user experience.\"",[11,12669,12670],{},"In this article, our friends at UXtweak discuss how you can set up remote testing of your Axure prototypes. The steps that they lay out in the article break down the process of how you'll configure your study in UXtweak and the steps you need to take in Axure RP and Axure Cloud. Like with all UXtweak studies, testers don't need to install or do anything besides clicking on a link. It works on all desktops, tablets, and smartphone devices.",[107,12672,12674],{"id":12673},"how-to-conduct-usability-testing-in-six-steps","How to Conduct Usability Testing in Six Steps",[11,12676,12677],{},[15,12678,12679],{"href":12679,"rel":12680},"https://www.toptal.com/designers/ux-consultants/how-to-conduct-usability-testing-in-6-steps",[33],[11,12682,12683],{},[26,12684,12685],{},"\"User testing is a humbling experience for a designer. You might be shocked to find that a user is confused about the way things work. Things that seem obvious to you.\"",[11,12687,12688],{},"In this Toptal article, Jan Roose, a dedicated product designer who specializes in UX and AI, walks you through the six elements of user testing, from creating a prototype to documenting the results. Roose also emphasizes the importance of a test plan so that you get real results based on the specific workflows you want users to accomplish with your product design. Check it out for lots of good, practical advice with specific examples and metrics new designers can leverage.",[107,12690,12692],{"id":12691},"how-to-conduct-a-usability-test-in-six-steps-from-start-to-finish","How to Conduct a Usability Test in Six Steps from Start to Finish",[11,12694,12695],{},[15,12696,12697],{"href":12697,"rel":12698},"https://uxplanet.org/how-to-conduct-a-usability-test-in-six-steps-from-start-to-finish-4082e8d57858",[33],[11,12700,12701],{},[26,12702,12703],{},"\"Amazon's Jeff Bezos invested in usability design 100 times more than in marketing during the portal's first year. According to Bezos, this strategy was the one that led to Amazon's overwhelming success.\"",[11,12705,12706],{},"Here, UX Planet contributor Sophia Brooke distills the user testing process into specific steps, including a process for correcting issues after you have some test findings. Post testing, Brooke recommends generating multiple solutions and collaborating with your developer team to come up with new designs that address multiple issues simultaneously.",[107,12708,12710],{"id":12709},"a-ux-strategy-is-worthless-without-a-solid-usability-test-plan","A UX Strategy is Worthless Without a Solid Usability Test Plan",[11,12712,12713],{},[15,12714,12715],{"href":12715,"rel":12716},"https://hub.packtpub.com/a-ux-strategy-is-worthless-without-a-solid-usability-test-plan/",[33],[11,12718,12719],{},[26,12720,12721],{},"\"Testing with users is not only about making their experience better; it is also about getting more people to use your product. People will not use a product that they do not find useful, and they will choose the product that is most enjoyable and usable if they have options.\"",[11,12723,12724],{},"This article from Sugandha Lahoti, Content Marketing Editor at Packt Hub, is built around a detailed discussion of how to plan and execute a usability test, including useful sample scripts and considerations for recruiting participants. As planning the questions you will ask during the test is a critical component of test planning, don't skip this article.",[107,12726,12728],{"id":12727},"starting-with-user-experience-how-to-run-a-usability-test","Starting with User Experience: How to Run a Usability Test",[11,12730,12731],{},[15,12732,12733],{"href":12733,"rel":12734},"https://www.skyword.com/contentstandard/marketing/starting-with-user-experience-how-to-run-a-usability-test/",[33],[11,12736,12737],{},[26,12738,12739],{},"\"…user experience design has become a hot topic among marketers. When done correctly, UX testing can force your team to approach your brand from the perspective of an audience member.\"",[11,12741,12742,12743],{},"Though not targeted directly to prototype designers, this article from writer, editor, and marketer Kyle Harper focuses on how marketing professionals should consider UX testing to really understand users' emotions and intentions. If you aren't a UX professional and just want a high-level overview of the components of a UX test, this is a good place to start. For an online usability testing platform with an Axure integration, check out ",[15,12744,12746],{"href":3257,"rel":12745},[33],"UX Tweaks.",[107,12748,12750],{"id":12749},"putting-it-all-together","Putting It All Together",[11,12752,12753],{},"Conducting UX usability tests with real users is an important component of a great design process. Yes, it takes time and concerted planning to pull it together. But the reward at the end will be a great design with concrete data backing it up - and that's a worthwhile trade for any business.",{"title":71,"searchDepth":72,"depth":72,"links":12755},[12756,12757,12758,12759,12760,12761,12762,12763,12764],{"id":12602,"depth":72,"text":12603},{"id":12620,"depth":72,"text":12621},{"id":12638,"depth":72,"text":12639},{"id":12656,"depth":72,"text":12657},{"id":12673,"depth":72,"text":12674},{"id":12691,"depth":72,"text":12692},{"id":12709,"depth":72,"text":12710},{"id":12727,"depth":72,"text":12728},{"id":12749,"depth":72,"text":12750},[],"2019-04-01T00:00:00.000Z",{"src":12768},"/images/2019/05/wc6mj0krzgw.jpg",{},{"src":12768},{"title":12583,"description":12588},"blog/prototyping-for-user-testing-why-its-necessary-and-how-to-do-it","UIB2rol0XF-hnjhqmqcWbhY4PshzjThlfpeZdJrisoE",{"id":12775,"title":12776,"author":6,"body":12777,"categories":12847,"date":12849,"description":12850,"extension":79,"featuredImage":80,"mainImage":12851,"meta":12852,"navigation":83,"path":12853,"previewImage":12854,"seo":12856,"stem":12857,"tags":80,"__hash__":12858},"blog/blog/new-in-axure-rp-9-dark-mode.md","Check Out in Axure RP: Dark Mode",{"type":8,"value":12778,"toc":12845},[12779,12784,12787,12790,12805,12809,12827,12840],[11,12780,12781],{},[100,12782],{"alt":71,"src":12783},"/images/2018/11/dark_mode@2x-2-1.png",[11,12785,12786],{},"Axure RP's UI has gone through some major changes for version 9, each intended to make your workflows a little easier and a little speedier. Thanks to customer feedback, we've improved on inline editing, interaction building, and more. Today, we're introducing one of the most requested enhancements: a dark UI mode to complement dark mode on the latest macOS and Windows operating systems.",[11,12788,12789],{},"To give dark mode a try, open Axure RP's application preferences menu:",[11,12791,12792,12795,12796,12799,12801,12802],{},[115,12793,12794],{},">"," On Windows, go to ",[115,12797,12798],{},"File > Preferences",[115,12800,12794],{}," On Mac, go to ",[115,12803,12804],{},"Axure RP 9 Beta > Preferences",[11,12806,10474,12807],{},[2506,12808,10477],{},[11,12810,12811,12812,706,12815,12818,12819,12822,12823,12826],{},"Then select ",[115,12813,12814],{},"Dark Mode",[115,12816,12817],{},"Appearance"," dropdown on the ",[115,12820,12821],{},"General"," tab. Mac users may also select ",[115,12824,12825],{},"Use System Setting"," to have Axure RP match the operating system's UI settings.",[11,12828,12829,375,12831,12833,12836,375,12838],{},[2506,12830,10489],{},[2506,12832,10477],{},[100,12834],{"alt":71,"src":12835},"/images/2018/11/dark-mode-application-preferences.png",[2506,12837,10489],{},[2506,12839,10492],{},[11,12841,12842,12843,367],{},"We're excited to hear your feedback! Let us know what you think about dark mode and the rest of Axure RP 9 at ",[15,12844,366],{"href":365},{"title":71,"searchDepth":72,"depth":72,"links":12846},[],[388,12848,178],"dark mode","2018-11-28T00:00:00.000Z","Thanks to customer feedback, we've improved on inline editing, interaction building, and more since the initial RP 9 Beta release. Today, we're introducing one of the most requested enhancements: a dark UI mode to complement dark mode on the latest macOS and Windows operating systems.",{"src":80},{},"/blog/new-in-axure-rp-9-dark-mode",{"src":12855},"/images/2019/04/temp_blog-content.jpg",{"title":12776,"description":12850},"blog/new-in-axure-rp-9-dark-mode","XskZp_J0EW8YlMuNVb1Gb_NxCl-_um0zdfpGcfAOqWc",{"id":12860,"title":12861,"author":6,"body":12862,"categories":12916,"date":12849,"description":12917,"extension":79,"featuredImage":80,"mainImage":12918,"meta":12919,"navigation":83,"path":11854,"previewImage":12920,"seo":12922,"stem":12923,"tags":80,"__hash__":12924},"blog/blog/the-new-axure-cloud.md","The New Axure Cloud",{"type":8,"value":12863,"toc":12914},[12864,12867,12878,12887,12896,12909],[11,12865,12866],{},"Our goal for Axure RP 9 was to modernize Axure RP's workflows, capabilities, and interface. Nearly every area of the tool has been touched to make prototyping in Axure RP more efficient and intuitive.",[11,12868,12869,12870,375,12873,367],{},"With that same goal in mind, we've also made some big changes to Axure Share. If you haven't already seen them, we'd like to invite you to ",[115,12871,12872],{},"check out the new Axure Cloud at",[15,12874,12876],{"href":168,"rel":12875},[33],[115,12877,12332],{},[11,12879,12880,12881,12886],{},"The first thing you'll see is the new UI, which was cleaned up to make workspace navigation easier. But as you navigate around a bit, you should also notice that the screens load significantly faster. We've built Axure Cloud to be a single page application (SPA), powered by ",[15,12882,12885],{"href":12883,"rel":12884},"https://vuejs.org/",[33],"Vue.js",". This allows Axure Cloud to update only the parts of the page that need to change from one screen to the next rather than constantly loading entirely new HTML pages.",[11,12888,12889,12890,12895],{},"Additionally, Axure Cloud's backend has been upgraded to ",[15,12891,12894],{"href":12892,"rel":12893},"https://docs.microsoft.com/en-us/aspnet/core/",[33],"Microsoft's new ASP.NET Core",", a high performance framework for modern cloud applications. We've also switched to container-based deployment to support more frequent and reliable updates.",[11,12897,12898,12899,375,12902,367],{},"While a lot has changed, the most important things have stayed the same: The URLs for your published prototypes haven't changed, nor has the experience of viewing a prototype in your web browser. Further, ",[115,12900,12901],{},"you can switch back to the older Axure Share interface at any time by going to",[15,12903,12906],{"href":12904,"rel":12905},"https://share.axure.com",[33],[115,12907,12908],{},"share.axure.com",[11,12910,12911,12912,367],{},"As always, we'd love to hear what you think! Feel free to shoot us an email at ",[15,12913,366],{"href":365},{"title":71,"searchDepth":72,"depth":72,"links":12915},[],[177,178],"Our goal for Axure RP 9 was to modernize Axure RP's workflows, capabilities, and interface. Nearly every area of the tool has been touched to make prototyping in Axure RP more efficient and intuitive. With that same goal in mind, we've also made some big changes to Axure Share.",{"src":80},{},{"src":12921},"/images/2018/11/axure-cloud@2x.png",{"title":12861,"description":12917},"blog/the-new-axure-cloud","1eDxTYEMmsRQ8blUO18sE5wq9m7JoWmN-_1Me7iFX0k",{"id":12926,"title":12927,"author":6,"body":12928,"categories":13068,"date":13069,"description":13070,"extension":79,"featuredImage":80,"mainImage":13071,"meta":13072,"navigation":83,"path":13073,"previewImage":13074,"seo":13076,"stem":13077,"tags":80,"__hash__":13078},"blog/blog/new-in-axure-rp-9-building-interactions-inline.md","New in Axure RP 9: Building Interactions Inline",{"type":8,"value":12929,"toc":13063},[12930,12941,12945,12959,12964,12967,12972,12982,12987,12991,13009,13014,13021,13026,13030,13039,13044,13056,13058],[11,12931,12932,12933,12937,12938,367],{},"One of our main goals for Axure RP 9 was to make ",[15,12934,4750],{"href":12935,"rel":12936},"https://docs.axure.com/axure-rp/interactions/events-cases-actions/",[33]," simpler, speedier, and more approachable for both new and experienced users. After a lot of internal testing and tons of feedback from beta testers, we think we've achieved that goal with the ",[115,12939,12940],{},"new interactions workflow",[107,12942,12944],{"id":12943},"building-interactions-inline","Building Interactions Inline",[11,12946,12947,12948,12951,12952,12954,12955,12958],{},"The new ",[115,12949,12950],{},"Interactions"," pane includes an interface for building interactions right in the pane itself. To get started, select a widget and click ",[115,12953,4153],{}," or one of the widget-specific ",[115,12956,12957],{},"Common Interactions"," shortcuts.",[11,12960,12961],{},[100,12962],{"alt":71,"src":12963},"/images/2018/09/new-ix-workflow1.png",[11,12965,12966],{},"From this point forward, the workflow is largely the same as in previous versions of Axure RP: Select the event you want to work with and add actions to it. To find the items you want more quickly, use the search field at the top of the event and action lists.",[11,12968,12969],{},[100,12970],{"alt":71,"src":12971},"/images/2018/09/new-ix-workflow2.png",[11,12973,12974,12975,12978,12979,367],{},"Once an event is set up, you can click the \"+\" ",[115,12976,12977],{},"Insert Action"," icon at the bottom of the event's block to add more actions to it. To add additional targets to an individual action, hover over the action's name and click ",[115,12980,12981],{},"Add Target",[11,12983,12984],{},[100,12985],{"alt":71,"src":12986},"/images/2018/09/new-ix-workflow3.png",[107,12988,12990],{"id":12989},"enabling-cases","Enabling Cases",[11,12992,12993,12994,12997,12998,13000,13001,13004,13005,13008],{},"Event cases are hidden in RP 9 until you need them. When you need to add ",[15,12995,3545],{"href":10573,"rel":12996},[33]," or additional cases to a page or widget event, hover over the event's name in the ",[115,12999,12950],{}," pane or ",[115,13002,13003],{},"Interaction Editor"," dialog and click ",[115,13006,13007],{},"Enable Cases",". This will expose the event's first case and allow you to add logic to it.",[11,13010,13011],{},[100,13012],{"alt":71,"src":13013},"/images/2018/09/new-ix-workflow4.png",[11,13015,13016,13017,13020],{},"To add more cases to the event after the first case is exposed, hover over the case's name and click ",[115,13018,13019],{},"Add Case",". Cases are color-coded for easy differentiation.",[11,13022,13023],{},[100,13024],{"alt":71,"src":13025},"/images/2018/09/new-ix-workflow5.png",[107,13027,13029],{"id":13028},"a-more-powerful-interaction-editor-dialog","A More Powerful Interaction Editor Dialog",[11,13031,13032,13033,13035,13036,13038],{},"When you need more space to work on complex interactions, click the window icon in the lower right corner of the ",[115,13034,12950],{}," pane or double-click any existing event, case, or action to open the ",[115,13037,13003],{}," dialog.",[11,13040,13041],{},[100,13042],{"alt":71,"src":13043},"/images/2018/09/new-ix-workflow6.png",[11,13045,12947,13046,13048,13049,13052,13053,13055],{},[115,13047,13003],{}," dialog is organized similarly to the ",[115,13050,13051],{},"Case Editor"," of previous versions of Axure RP, but it allows you to edit ",[26,13054,10957],{}," of the selected widget's events, cases, and actions without switching contexts!",[224,13057],{},[11,13059,13060,13061,367],{},"We hope you enjoy the new interaction workflow as much as we do! Let us know what you think at ",[15,13062,366],{"href":365},{"title":71,"searchDepth":72,"depth":72,"links":13064},[13065,13066,13067],{"id":12943,"depth":72,"text":12944},{"id":12989,"depth":72,"text":12990},{"id":13028,"depth":72,"text":13029},[388,178],"2018-09-05T00:00:00.000Z","One of our main goals for Axure RP 9 was to make interactions simpler, speedier, and more approachable for both new and experienced users. After a lot of internal testing and tons of feedback from beta testers, we think we've achieved that goal with the new interactions workflow.",{"src":80},{},"/blog/new-in-axure-rp-9-building-interactions-inline",{"src":13075},"/images/2018/09/new-ix-workflow-featured-image.png",{"title":12927,"description":13070},"blog/new-in-axure-rp-9-building-interactions-inline","gYqfB-5BHVoOxva3JHFsDgr5K9JXi0OgR3Baq1lOmJg",{"id":13080,"title":13081,"author":6,"body":13082,"categories":13172,"date":13174,"description":13175,"extension":79,"featuredImage":80,"mainImage":13176,"meta":13178,"navigation":83,"path":13179,"previewImage":13180,"seo":13181,"stem":13182,"tags":80,"__hash__":13183},"blog/blog/get-team-projects.md","Get the Most out of Team Projects",{"type":8,"value":13083,"toc":13165},[13084,13099,13103,13106,13110,13113,13118,13122,13133,13137,13155,13159],[11,13085,13086,13087,13089,13090,13094,13095,367],{},"Axure RP's ",[115,13088,2816],{}," feature is what separates the middle-tier Team Edition from the Pro Edition. If you have the Team Edition—or the top-tier Enterprise Edition, which also includes the team projects feature—are you getting the most out of your team projects? Read on for some superuser tips. (Find a more detailed comparison of Axure RP editions on ",[15,13091,13093],{"href":13092},"/buy","our buy page",".) And by the way, if you're using the Team Edition but haven't yet explored—or maybe even haven't heard of—the team projects feature, you're definitely not getting your value's worth! Start by diving into ",[15,13096,13098],{"href":13097},"/support/reference/team-projects","our thorough team projects documentation",[107,13100,13102],{"id":13101},"see-whos-got-that-page-you-want","See who's got that page you want",[11,13104,13105],{},"As of the recent release of Axure RP 8.1, you can now check who's got a given page or master checked out. Any item checked out to another team member will be showing an icon that looks like a blue diamond with a minus sign inside it; click on that icon to see the name of the team member who's got the item checked out. This information updates in real time—a few times per minute if you have a stable internet connection.",[107,13107,13109],{"id":13108},"your-prototype-is-always-ready-to-share","Your prototype is always ready to share",[11,13111,13112],{},"As soon as you set up a team project on Axure Share, there's an always-updated version of your prototype ready to send to stakeholders at a moment's notice. Access this version of the prototype at \u003Cabc123.axshare.com>, where \"abc123\" is your project's six-character Axure Share ID. The prototype at this location is automatically updated any time a team member checks in their changes to the central copy of the project, so it's always current.",[11,13114,13115,13117],{},[115,13116,10538],{}," If you'd like to maintain milestone versions of your team project's prototype, you can do that by publishing to an alternative Axure Share ID in Axure RP's \"Publish to Axure Share\" dialog.",[107,13119,13121],{"id":13120},"think-in-terms-of-workspaces","Think in terms of workspaces",[11,13123,13124,13127,13128,13132],{},[115,13125,13126],{},"Workspaces",", a feature of Axure Share, are the best way to control your coauthors' and viewers' access to your team projects. As soon as you decide to turn that rough prototype you've thrown together into something you'd like to develop further with colleagues, don't reach for the \"Team\" menu in Axure RP; instead, fire up your web browser, log in to Axure Share, and create a new workspace. Then, once you've ",[15,13129,13131],{"href":13130},"/support/reference/axure-share-security#additional_workspace_security_and_permissions","configured security settings"," and invited coauthors and/or viewers, you'll be ready to use Axure RP's \"Create Team Project from Current File\" command to populate your new workspace with a team project. Think of configuring the workspace as setting the stage for your first act.",[107,13134,13136],{"id":13135},"collaborate-on-libraries-too","Collaborate on libraries too!",[11,13138,13139,13142,13143,13146,13147,13151,13152,13154],{},[115,13140,13141],{},"Widget libraries"," are a feature of Axure RP that lets you store and reuse common design patterns. We've got ",[15,13144,13145],{"href":5649},"a big collection of pre-made widget libraries available for download on our website",". But did you know that ",[15,13148,13150],{"href":13149},"/support/reference/widget-libraries#creating_libraries","you can make your own custom widget libraries","—or edit the ones you download—right inside Axure RP, the same way you'd edit a regular project? And on top of ",[26,13153,7586],{},", you can even author widget libraries as team projects if needed. Host your widget libraries on Axure Share to complete your round-trip workflow.",[107,13156,13158],{"id":13157},"switch-between-public-cloud-and-private-server","Switch between public cloud and private server",[11,13160,13161,13162,367],{},"Here's a tip for our Enterprise Edition users: you can quickly switch back and forth between publishing to the Axure Share public cloud and one or more private Axure Enterprise servers. The dialog for doing this is available via the \"Manage Servers\" button at the top of the Publish to Axure Share dialog. Switch between public and private instances of Axure Share when you want to publish the occasional public prototype (though still password-protected, of course!) from an otherwise private and siloed team project hosted on your company's Axure Enterprise server. What's that you say? You weren't aware that we offered a private version of Axure Share for hosting behind your company's firewall? If that's the case, you can ",[15,13163,13164],{"href":8249},"read all about Axure for Enterprise here",{"title":71,"searchDepth":72,"depth":72,"links":13166},[13167,13168,13169,13170,13171],{"id":13101,"depth":72,"text":13102},{"id":13108,"depth":72,"text":13109},{"id":13120,"depth":72,"text":13121},{"id":13135,"depth":72,"text":13136},{"id":13157,"depth":72,"text":13158},[13173,2816,601],"Axure Share Enterprise","2018-03-20T00:00:00.000Z","Axure RP's team projects feature is what separates the middle-tier Team Edition from the Pro Edition. If you have the Team Edition—or the top-tier Enterprise Edition, which also includes the team projects feature—are you getting the most out of your team projects? Read on for some superuser tips.",{"src":13177},"/images/2019/04/7lryofj0h9s.jpg",{},"/blog/get-team-projects",{"src":13177},{"title":13081,"description":13175},"blog/get-team-projects","euRNa1tVtbMqbIqXdjFp-fHMDiZXdi5tIVFPB2Fc5do",{"id":13185,"title":13186,"author":6,"body":13187,"categories":13281,"date":13283,"description":13284,"extension":79,"featuredImage":80,"mainImage":13285,"meta":13286,"navigation":83,"path":13287,"previewImage":13288,"seo":13290,"stem":13291,"tags":80,"__hash__":13292},"blog/blog/axure-share-moving-enforced-https.md","Axure Share is Moving to Enforced HTTPS",{"type":8,"value":13188,"toc":13279},[13189,13198,13206,13209,13262,13272],[11,13190,13191,13194,13195,3758],{},[115,13192,13193],{},"Axure Share is moving to HTTPS-only."," While the option to redirect to HTTPS links for your Axure Share content has been available for some time, we've now decided to enforce HTTPS for everything hosted on the service. This change will happen in ",[115,13196,13197],{},"two phases",[420,13199,13200,13203],{},[272,13201,13202],{},"HTTPS will become the default option for workspaces instead of HTTP.",[272,13204,13205],{},"HTTP will disappear as an option for workspaces.",[11,13207,13208],{},"This is good news for the security and speed of your Axure Share content, and many of you won't notice a difference beyond that little \"secure\" icon appearing in your browser's address bar when you're viewing an Axure Share page. For some of you, though, the switch to enforced HTTPS will require some vigilance and potentially some changes to be made to ensure that your prototypes continue to be viewable. These are the areas that may need your attention:",[269,13210,13211,13225,13242,13249,13256],{},[272,13212,13213,13214,13217,13218,1571,13221,13224],{},"We're ",[115,13215,13216],{},"deprecating"," two of Axure Share's branding features, ",[115,13219,13220],{},"custom domains",[115,13222,13223],{},"custom account login pages",". (Custom prototype password pages will still be available.) We're going to make the change along with the HTTPS switchover because the outgoing features aren't compatible with our secure architecture. Existing custom domains will continue to work, but will continue to transfer over regular, insecure HTTP.",[272,13226,13227,13228,13231,13232,13236,13237,13241],{},"If you use ",[115,13229,13230],{},"inline frame widgets"," in your prototypes, make sure that you're linking to the HTTPS versions of your links instead of regular HTTP (e.g., ",[15,13233,13234],{"href":13234,"rel":13235},"https://www.google.com/maps/etc.",[33]," instead of ",[15,13238,13239],{"href":13239,"rel":13240},"http://www.google.com/maps/etc.",[33],"). An HTTP page pointed to in an iframe after we flip the switch to HTTPS will constitute a \"mixed content\" web security issue and will be blocked by your web browser, though the rest of the page will continue to function just fine.",[272,13243,13244,13245,13248],{},"Similar to the above, ",[115,13246,13247],{},"any link clicked when the prototype's sidebar is open"," will need to either point to an HTTPS address or open in a new browser tab in order to function properly. This is because the prototype is technically a frameset when the sidebar is expanded.",[272,13250,13251,13252,13255],{},"Any ",[115,13253,13254],{},"custom plugins"," you've implemented will benefit from some testing after the switch, as they may need to be updated.",[272,13257,13258,13261],{},[115,13259,13260],{},"Web fonts"," will work with our new HTTPS architecture—but not yet. We'll make sure we have a solution in place for this before our November deadline. For now, keep in mind as you're doing any testing with HTTPS that your web fonts may look incorrect for the next couple of weeks.",[11,13263,13264,13265,13268,13269,367],{},"If you want to verify in advance that your prototypes are still going to be looking and working great after the November 1st switchover, we recommend that you take a moment now to ",[115,13266,13267],{},"enable the SSL option"," in your \"Configure Security\" dialog for any Axure Share workspace. (After the switch, you'll be able to use this same dialog to switch your workspaces back to HTTP temporarily if you need to.) ",[15,13270,13271],{"href":13130},"Read more about the SSL option in our documentation",[11,13273,13274,13275,13278],{},"Welcome to the more secure future with ",[15,13276,177],{"href":1035,"rel":13277},[33],"! We appreciate your attention to this.",{"title":71,"searchDepth":72,"depth":72,"links":13280},[],[177,13282,178],"HTTPS","2017-10-12T00:00:00.000Z","Axure Share is moving to HTTPS-only. While the option to redirect to HTTPS links for your Axure Share content has been available for some time, we've now decided to enforce HTTPS for everything hosted on the service.",{"src":80},{},"/blog/axure-share-moving-enforced-https",{"src":13289},"/images/2019/04/tryl7jyath0.jpg",{"title":13186,"description":13284},"blog/axure-share-moving-enforced-https","c3PFgJS7MwT239IrB8L67MU6KF7xYuIKt-FB6i9v1qY",{"id":13294,"title":13295,"author":6,"body":13296,"categories":13353,"date":13357,"description":13358,"extension":79,"featuredImage":80,"mainImage":13359,"meta":13361,"navigation":83,"path":13362,"previewImage":13363,"seo":13365,"stem":13366,"tags":80,"__hash__":13367},"blog/blog/paul-olson-axure-users-meetup-chicago.md","Paul Olson at Axure Users Meetup, Chicago",{"type":8,"value":13297,"toc":13351},[13298,13303,13312,13314,13317,13320,13323,13326,13329,13334,13337,13340,13343,13345],[11,13299,13300],{},[26,13301,13302],{},"Stefani Sandow, co-organizer of Axure Users Meetup, Chicago, contributed this report.",[11,13304,13305,13306,13311],{},"In May the ",[15,13307,13310],{"href":13308,"rel":13309},"https://www.meetup.com/Axure-Users-Meetup-Chicago/",[33],"Axure Users Meetup, Chicago",", celebrated the 15th anniversary of Axure—both the company and the product, Axure RP—with an interesting talk and bountiful refreshments. Axure treated the group to bao and potstickers (because phở is a little difficult to share), beer, and birthday cake. We also had a backpack and license raffle and a great talk from Paul Olson, Senior UX Manager at a big-box office supply retailer*, which is summarized below.",[224,13313],{},[11,13315,13316],{},"Paul and his team use Axure RP to prototype for projects across their e-commerce website, including redesigns for the header, footer, homepage, SKU page, and enhanced search. Following good UX practices, Paul and his team did some broad persona research and gathered feedback and metrics using tools like Usabilla, Clicktale, Medallia, and Qualtronics.",[11,13318,13319],{},"One of the things they discovered was that a good portion of their clientele—demographically, these were typically women who did the purchasing for their offices or families—loved the free gifts and promotions that the company offered, typically via coupons. However, it was a challenge for them to exit the purchasing workflow to get the coupon or free gift into the checkout cart. In addition, because of a lack of feedback, the user was not always sure whether the coupon had actually gone into the cart. Knowing this, Paul and company decided that if the customer were eligible for a promotion, it would be put it into the cart automatically. Then the customer would only have to decide whether they wanted to click \"apply\" or not.",[11,13321,13322],{},"At this point the Axure fun began: In order to test the usability of the intended cart interaction, Paul and his team built a mini cart in an Axure prototype for testing. The mini cart was a panel that appeared when a promotion was added. Because the user complaint was \"we don't know whether the promotion was applied\", the team was able to use Axure to mock up various animations and feedback mechanisms to determine which was the best way to provide instant, \"something-just-happened\"-type feedback.",[11,13324,13325],{},"They were also able to use Axure to create standards for the entire multinational company. Although pricing and currency differ on all the local sites, the UX team made \"price block\" standards and detailed page standards in a shared Axure library to ensure that everyone was using the same commerce and branding rules, even if the symbols were different. Axure helped them eliminate style confusion. Paul said Axure was \"a one-step resource for defining all the elements of the site.\"",[11,13327,13328],{},"The team also used Axure to help design a SKU page—a detailed page for a specific item. Using Axure prototypes as a guide for production builds, they were able to do A/B testing before a full rollout. In this case—something they deemed as 'high-risk' because it could adversely affect revenues—only about 20% of the universe of users saw the new design, which displayed details in a lightbox effect as opposed to on a page. In the end it turned out they had less success with the light box effect, so they dropped it from the site. Axure helped inform this important business decision.",[1488,13330,13331],{},[11,13332,13333],{},"Paul summarized by saying that Axure helps to do UX better: it saves time overall, makes life easier, increases efficiency, and gives the team opportunities to discover stuff along the way.",[11,13335,13336],{},"Axure also came in handy in a study of whether to design responsively across delivery mechanisms or provide different apps; for remote usability testing of a search box feature; and when encouraging the team to upload the new pieces of the site annotated with the right colors and branding elements, which made it much easier for the developers to understand the intent of the designs and interactions.",[11,13338,13339],{},"Paul summarized by saying that Axure helps to do UX better: it saves time overall, makes life easier, increases efficiency, and gives the team opportunities to discover stuff along the way. All this helps to create a better design, which in turn helps users feel better about themselves and increases happiness.",[11,13341,13342],{},"Paul closed with a slide showing the Axure logo fitted with a crown, and the comment \"Axure is king\". A fitting way to end the meeting and the birthday celebration.",[224,13344],{},[11,13346,13347,13348],{},"*",[26,13349,13350],{},"We've omitted the company name because we don't have explicit permission to use it.",{"title":71,"searchDepth":72,"depth":72,"links":13352},[],[13354,13355,13356,75],"Axure Users Meetup Chicago","Paul Olson","Stefani Sandow","2017-09-12T00:00:00.000Z","In May the Axure Users Meetup, Chicago, celebrated the 15th anniversary of Axure—both the company and the product, Axure RP—with an interesting talk and bountiful refreshments. Axure treated the group to bao and potstickers (because phở is a little difficult to share), beer, and birthday cake. ",{"src":13360},"/images/2019/04/tnv84lojes4.jpg",{},"/blog/paul-olson-axure-users-meetup-chicago",{"src":13364},"/images/2019/04/nyvq2juw4_o.jpg",{"title":13295,"description":13358},"blog/paul-olson-axure-users-meetup-chicago","ZbHwyvjFasDaaErlD-QpCOyHn1TCNOjYY2mIdbBTJPQ",{"id":13369,"title":13370,"author":6,"body":13371,"categories":13787,"date":13790,"description":13379,"extension":79,"featuredImage":80,"mainImage":13791,"meta":13793,"navigation":83,"path":13794,"previewImage":13795,"seo":13796,"stem":13797,"tags":80,"__hash__":13798},"blog/blog/approachable-guide-prototyping-accessibility-axure-rp.md","The Approachable Guide to Prototyping for Accessibility with Axure RP",{"type":8,"value":13372,"toc":13770},[13373,13377,13380,13384,13387,13471,13482,13486,13495,13497,13501,13523,13527,13547,13551,13567,13581,13588,13592,13600,13617,13626,13639,13643,13655,13659,13676,13680,13683,13694,13705,13709,13712,13716,13724,13728,13741,13745,13758,13760,13764],[107,13374,13376],{"id":13375},"about-this-guide","About this guide",[11,13378,13379],{},"This guide pulls together a number of accessibility issues worthy of your consideration as you develop your next Axure RP prototype, along with some simple steps you can take in the tool to pilot your project toward an outcome that's more friendly for all types of people to consume.",[107,13381,13383],{"id":13382},"the-experts","The experts",[11,13385,13386],{},"In assembling this guide, we've gathered advice from the following web accessibility specialists:",[269,13388,13389,13404,13415,13433,13445,13454],{},[272,13390,13391,13394,13395,10024,13400],{},[115,13392,13393],{},"Jennifer Sutton",", owner of ",[15,13396,13399],{"href":13397,"rel":13398},"https://www.linkedin.com/in/jsuttonmedia/",[33],"JSutton Media",[15,13401,13403],{"href":13402},"/blog/accessibility-prototyping-axure-conversation-jennifer-sutton","Kip Mitchell of Axure recently interviewed Jennifer on the subject of accessibility and prototyping.",[272,13405,13406,13409,13410],{},[115,13407,13408],{},"Aidan Tierney",", Manager of Digital Accessibility at TD Bank. ",[15,13411,13414],{"href":13412,"rel":13413},"http://www.accessiq.org/news/news/2015/05/qa-testing-for-accessibility-before-development-begins",[33],"Aidan was interviewed in 2015 by Access iQ about accessibility and prototyping.",[272,13416,13417,13420,13421,13426,13427,13432],{},[115,13418,13419],{},"Alison Walden",", Director of Experience Technology at SapientRazorfish and proprietor of the ",[15,13422,13425],{"href":13423,"rel":13424},"http://accessib.li/",[33],"accessib.ly"," blog. Alison has written broadly on accessibility, but her 2016 presentation \"",[15,13428,13431],{"href":13429,"rel":13430},"http://accessib.li/2016/05/14/creating-accessible-experiences-starts-with-experience-design/",[33],"Creating accessible experiences starts with experience design","\" is particularly relevant here.",[272,13434,13435,13438,13439,13444],{},[115,13436,13437],{},"Terrill Thompson",", Technology Accessibility Specialist with the University of Washington and accessibility blogger. ",[15,13440,13443],{"href":13441,"rel":13442},"http://terrillthompson.com/blog/",[33],"Terrill's personal blog"," is both a wealth of information on best practices and also itself an instructive example of accessible web design.",[272,13446,13447,1571,13450,13453],{},[115,13448,13449],{},"Ann Chadwick-Dias",[115,13451,13452],{},"Marguerite Bergel",", Directors of UX Research at Fidelity Investments. Ann and Margy are distinguished researchers, trainers, and presenters in the accessibility space, whose work has been cited by several of the experts we consulted for this guide.",[272,13455,13456,1571,13459,13462,13463,13470],{},[115,13457,13458],{},"Sarah Horton",[115,13460,13461],{},"Whitney Quesenbery",", authors of ",[15,13464,13467],{"href":13465,"rel":13466},"http://rosenfeldmedia.com/books/a-web-for-everyone/",[33],[26,13468,13469],{},"A Web for Everyone",". Sarah and Whitney's highly influential book is required reading for the accessibility-enlightened Axure designer.",[11,13472,13473,13474,13477,13478,13481],{},"The reasoning behind this guide's recommendations is thoroughly explored in the above links, so please click through if you have the time and inclination to self-educate. For practical tips on how to implement our experts' suggestions when working in Axure RP—the \"",[115,13475,13476],{},"how","\" as opposed to the \"",[115,13479,13480],{},"why","\"—read on.",[107,13483,13485],{"id":13484},"the-official-guidelines-arent-these","The official guidelines (aren't these)",[11,13487,13488,13489,13494],{},"If conformance to an official set of accessibility guidelines is an explicit goal of your project—or if you'd like it to be—the guidelines you want are the ",[15,13490,13493],{"href":13491,"rel":13492},"https://www.w3.org/WAI/intro/wcag",[33],"Web Content Accessibility Guidelines"," (WCAG), current version 2.0. The WCAG are intended to be precise and thorough. If your web content conforms to all of the WCAG 2.0's level AA standards, you'll get two things: you'll very likely be in full compliance with any applicable laws, and you'll also very likely have a site with much better usability for people with disabilities than 99% of what's out there. The Axure guide, by contrast, is meant to be informal—we won't be citing WCAG criteria here. Instead, we're going for approachability. It takes just a couple of minutes to dip into this guide for a quick, actionable tip or two about how to make your content better for accessibility than it otherwise would have been. Think of it as a collection of modest first steps. Here we go!",[224,13496],{},[107,13498,13500],{"id":13499},"color-contrast","Color contrast",[11,13502,13503,13504,13507,13508,13513,13514,13518,13519,13522],{},"One nice thing about doing your design in Axure RP is that it outputs HTML, which can then be fed into any of a number of ",[115,13505,13506],{},"HTML accessibility checkers"," available online. (",[15,13509,13512],{"href":13510,"rel":13511},"http://wave.webaim.org/",[33],"WAVE"," is a pretty good one.) Publish your prototype to ",[15,13515,10929],{"href":13516,"rel":13517},"http://share.axure.com",[33],", paste the URL into your checking tool of choice, and then pick a couple of the reported problem areas to punch up a bit. If you're looking for buy-in from project stakeholders on the issue of contrast, try the ",[115,13520,13521],{},"sunlight test",", recommended to us by Jennifer Sutton. Take your most skeptical stakeholder out for coffee on a sunny day, and on the way, pull out your phone and load up your design. Even with the brightness on your device turned all the way up, chances are that a design with inadequate contrast will be darned hard to read in full sun.",[107,13524,13526],{"id":13525},"tab-order-focus-order","Tab order / focus order",[11,13528,13529,13530,13533,13534,13538,13539,13542,13543,13546],{},"The tab order of keyboard-navigable elements, such as form elements, in your Axure RP diagram is ",[115,13531,13532],{},"determined by the order of elements in the Outline pane",". (Check out ",[15,13535,13537],{"href":13536},"/support/reference/widgets#layer_order","the \"Layer Order\" section of our \"Organizing Widgets\" training page"," for more details.) If you're designing a page with keyboard navigation in mind, consider temporarily switching the Outline's sort order to \"",[115,13540,13541],{},"Back to Front","\" via the \"Sort and Filter\" button in the pane's local toolbar. If you'd like a normally non-keyboard-navigable element, such as an image, to become navigable in your prototype, simply ",[115,13544,13545],{},"add interactivity"," to it. Even just an empty OnClick case will do!",[107,13548,13550],{"id":13549},"indicating-focus","Indicating focus",[11,13552,13553,13554,13557,13558,808,13562,13566],{},"Modern browsers are pretty good about visually indicating focus as you're tabbing through a page, but if you'd like more control over this, you can add special focus effects to your elements. To do this, first configure a ",[115,13555,13556],{},"Selected interaction style"," for your widget. (",[15,13559,13561],{"href":13560},"/support/training/core/4-interactive-prototyping#interaction_styles","Here's the section of our training dealing with interaction styles",[15,13563,13565],{"href":13564},"/support/training/interactive-button-tutorial","here's our interactive button tutorial",", which is a good practical demonstration of how interaction styles work.) Then, add OnFocus and OnLostFocus cases, like so:",[269,13568,13569,13575],{},[272,13570,13571,13574],{},[115,13572,13573],{},"OnFocus:"," Case 1: Set is selected of This equal to \"true\"",[272,13576,13577,13580],{},[115,13578,13579],{},"OnLostFocus:"," Case 1: Set is selected of This equal to \"false\"",[11,13582,13583,13584,13587],{},"Because the actions here refer to \"this\" widget, meaning the widget on which the case is set up, you can ",[115,13585,13586],{},"create these cases just one time and then quickly copy-paste them"," to as many other widgets as you need to.",[107,13589,13591],{"id":13590},"error-presentment-error-recovery-form-validation","Error presentment / error recovery / form validation",[11,13593,13594,13595,13599],{},"Axure RP's powerful interactivity features can be used to build forms that look and feel like the real thing, right down to the complex validation behaviors. (",[15,13596,13598],{"href":766,"rel":13597},[33],"Here's an Axure blog post about building a form with dynamic validation and inline errors.",") When deciding how your form will handle error presentment, consider choosing from one the following three accessibility-friendly approaches:",[269,13601,13602,13607,13612],{},[272,13603,13604],{},[115,13605,13606],{},"error alert, then focus",[272,13608,13609],{},[115,13610,13611],{},"errors on top",[272,13613,13614],{},[115,13615,13616],{},"inline errors",[11,13618,13619,13620,13625],{},"(",[15,13621,13624],{"href":13622,"rel":13623},"http://webaim.org/techniques/formvalidation/#error",[33],"Here's an article from WebAIM going into detail about each error presentment option.",")",[11,13627,13628,13629,13633,13634,13638],{},"If you'd like to go with the first option, you'll want to build your modal dialog in Axure RP using a ",[15,13630,13632],{"href":13631},"/support/reference/dynamic-panel-widgets","dynamic panel widget",". (For an example of how to do a modal-type window with a lightbox effect, check out ",[15,13635,13637],{"href":13636},"/support/training/lightbox-tutorial","our lightbox tutorial",".)",[107,13640,13642],{"id":13641},"heading-strategy","Heading strategy",[11,13644,13645,13646,13649,13650,13654],{},"Your content deserves a thoughtful, consistent heading strategy—that's just a general usability best practice (that also happens to be an accessibility best practice). Once you've ironed that out, implementation is a cinch with Axure RP's ",[115,13647,13648],{},"widget styles",". (",[15,13651,13653],{"href":13652},"/support/reference/widget-and-page-styles","Here's our training page on widget and page styles.",") Simply make styles corresponding to each of your heading levels—or use the presets in any new Axure RP file—and then let your developer know to match those levels to their corresponding HTML heading levels in your production content.",[107,13656,13658],{"id":13657},"autoplay-sliders","Autoplay (sliders)",[11,13660,13661,13662,13666,13667,13671,13672,13675],{},"If you want to have a carousel or image slider in your Axure prototype, you can certainly do that. (",[15,13663,13665],{"href":13664},"/support/training/rotating-carousel-banner-tutorial","Here's our image carousel tutorial.",") And if you want to have an element of your Axure RP design start going by itself, you can easily do that too, using the OnLoad or OnPageLoad events. (",[15,13668,13670],{"href":13669},"/support/reference/interactions#events_list","Here's a full list of Axure RP events from our documentation.",") But if you build a carousel and also make it auto-rotate, for accessibility reasons it's a good idea to provide a control that will stop the auto-rotation if wanted. Fortunately, there's an Axure RP feature for that too! Set up a case on the OnClick event of your pause button, add a \"Set Panel State\" action, specify your carousel dynamic panel, and then choose the \"",[115,13673,13674],{},"Stop Repeating","\" option from the \"Select state\" dropdown.",[107,13677,13679],{"id":13678},"link-text-and-link-labels","Link text and link labels",[11,13681,13682],{},"Here are some traits of accessible text links:",[420,13684,13685,13688,13691],{},[272,13686,13687],{},"They make sense out of context—so no \"link\", \"info\", \"read more\", or \"click here\" text links.",[272,13689,13690],{},"They're as long as necessary to describe the linked content, but no longer. In some contexts, one-word links are ideal; in others, five or six or more words will be necessary to adequately describe the target content.",[272,13692,13693],{},"Put another way: accessible links answer the question, \"would I want to click this?\" For example, if you're creating a set of links for adding parameters to a search filter, a text link reading \"add color\" is better than one that simply says \"color\".",[11,13695,13696,13697,13700,13701,13625],{},"If it makes sense for your link to have text that's different visually from what would be read out by a screen reader, no problem—create a ",[115,13698,13699],{},"widget note"," field to document your preferred link label. You can let your developer know to append the text in your \"link label\" note field to each link in such a way that it's hidden from sighted users but available to screen readers. (",[15,13702,13704],{"href":13703},"/support/reference/widget-and-page-notes","Here's our training page about widget and page notes.",[107,13706,13708],{"id":13707},"form-control-labels","Form control labels",[11,13710,13711],{},"Form controls need good labels too. Make another widget note field called \"form label\" which you can use to indicate to your dev team what the appropriate descriptive text would be for each of your form elements.",[107,13713,13715],{"id":13714},"alternative-text","Alternative text",[11,13717,13718,13719,367],{},"This is another situation for widget notes. Create a note field called \"alt attribute\" to provide your developer with the alt text they'll use for any relevant images. Keep in mind that not all images need an alt attribute, particularly if they're decorative or if the content of the image is already described by surrounding text. If you're not sure whether your image needs alt text, or if so, what kind, refer to ",[15,13720,13723],{"href":13721,"rel":13722},"http://4syllables.com.au/articles/text-alternatives-decision-tree/",[33],"this handy and approachable decision chart from 4 Syllables",[107,13725,13727],{"id":13726},"review-pages-confirmation-pages","Review pages / confirmation pages",[11,13729,13730,13731,10024,13733,808,13737,367],{},"If you'd like to pull user-entered data from page to page in your Axure RP prototype for display on a review or confirmation page, the Axure RP feature to reach for is ",[115,13732,4544],{},[15,13734,13736],{"href":13735},"/support/reference/variables","Here's our variables page over on the Axure support site",[15,13738,13740],{"href":13739},"/support/training/pass-text-to-next-page-tutorial","here's our \"pass text to next page\" tutorial",[107,13742,13744],{"id":13743},"timed-responses-need-more-time-dialogs","Timed responses / \"need more time\" dialogs",[11,13746,13747,13748,13752,13753,13757],{},"Axure RP provides for the use of a bunch of different time and date variables, which you can use to build real, dynamic count-up or countdown timers into your design. ",[15,13749,13751],{"href":13750},"/c/forum/7-0-tips-tricks-examples/8030-v7-variables-list.html#post24094","Here's a reasonably complete list of available time and date"," functions in a post on the Axure forum, and ",[15,13754,13756],{"href":13755},"/c/forum/7-0-tips-tricks-examples/14773-creating-countdown-timer.html#post64077","here's an .rp file example of a working countdown timer",". Just remember to build in a feature allowing the user to request more time to complete their task! A modal dialog with a couple of buttons usually does nicely.",[224,13759],{},[107,13761,13763],{"id":13762},"and-more","And more?",[11,13765,13766,13767,13769],{},"Is our guide missing an Axure RP technique that has made prototyping for accessibility easier for you on a past project? Let us know by emailing us at ",[15,13768,9234],{"href":9233},", and we may add your suggestion to this guide (along with a credit!).",{"title":71,"searchDepth":72,"depth":72,"links":13771},[13772,13773,13774,13775,13776,13777,13778,13779,13780,13781,13782,13783,13784,13785,13786],{"id":13375,"depth":72,"text":13376},{"id":13382,"depth":72,"text":13383},{"id":13484,"depth":72,"text":13485},{"id":13499,"depth":72,"text":13500},{"id":13525,"depth":72,"text":13526},{"id":13549,"depth":72,"text":13550},{"id":13590,"depth":72,"text":13591},{"id":13641,"depth":72,"text":13642},{"id":13657,"depth":72,"text":13658},{"id":13678,"depth":72,"text":13679},{"id":13707,"depth":72,"text":13708},{"id":13714,"depth":72,"text":13715},{"id":13726,"depth":72,"text":13727},{"id":13743,"depth":72,"text":13744},{"id":13762,"depth":72,"text":13763},[13469,13788,13789,13408,13419,13449,13393,13452,13458,13437,601,13461],"a11y","accessibility","2017-07-26T00:00:00.000Z",{"src":13792},"/images/2019/04/tekhzpdx54y.jpg",{},"/blog/approachable-guide-prototyping-accessibility-axure-rp",{"src":13792},{"title":13370,"description":13379},"blog/approachable-guide-prototyping-accessibility-axure-rp","t94srlMm49GNr6qBjQUZlb6qFBOE3-DYEYhPuaU3Ao0",{"id":13800,"title":13801,"author":6,"body":13802,"categories":14105,"date":14106,"description":14107,"extension":79,"featuredImage":80,"mainImage":14108,"meta":14109,"navigation":83,"path":13402,"previewImage":14110,"seo":14112,"stem":14113,"tags":80,"__hash__":14114},"blog/blog/accessibility-prototyping-axure-conversation-jennifer-sutton.md","Accessibility and Prototyping: Axure in Conversation with Jennifer Sutton",{"type":8,"value":13803,"toc":14103},[13804,13810,13823,13826,13833,13845,13852,13863,13883,13890,13892,13928,13939,13957,13991,14001,14008,14014,14047,14076,14083,14092],[11,13805,13806,13807,367],{},"This interview is a companion piece to our new ",[15,13808,13809],{"href":13794},"Approachable Guide to Prototyping for Accessibility with Axure RP",[11,13811,13812,13813,13816,13817,13822],{},"Jennifer Sutton of ",[15,13814,13399],{"href":13397,"rel":13815},[33]," first caught my attention at ",[15,13818,13821],{"href":13819,"rel":13820},"https://uxpa.org/",[33],"UXPA"," 2015, where she participated in a panel discussion with the refreshingly (brutally?) frank title of \"Promoting Accessibility on Projects with No Accessibility Aspirations\". When an audience member asked whether UI prototyping tools could have a place as part of an accessibility-friendly project despite their outputs not necessarily working well with screen readers, Jennifer responded with a remark that surprised me, coming from a web accessibility expert who also happens to be someone who is blind: \"It's not all about the screen reader.\"",[11,13824,13825],{},"I sat down with Jennifer earlier this year for an extended conversation, hoping she'd expand on the thinking behind that statement.",[11,13827,13828,13829,13832],{},"\"I think this really can and does happen … where ",[2506,13830,13831],{},"project leaders"," say, 'accessibility is screen readers, and oh my god I don't understand this, it's too hard and it's too scary, so we'll just dismiss it completely.' … But there's a lot of accessibility that people can understand that isn't the screen reader.\" Things like adequate contrasts, sensible link labels, and hierarchical page structure can be couched as general usability issues and can thereby be approachable entry points for considering accessibility on a project where it might not otherwise be a top priority.",[11,13834,13835,13838,13841,13842],{},[2506,13836,13837],{},"su_pullquote align=\"right\"",[115,13839,13840],{},"Sneak it in."," Don't tell people — just do it.",[2506,13843,13844],{},"/su_pullquote",[11,13846,13847,13848,13851],{},"I asked her what a well-meaning UI designer can do if a project's stakeholders truly have \"no accessibility aspirations\" and are maybe even hostile to the notion. She had three short words for me: \"",[115,13849,13850],{},"Sneak it in!"," Don't tell people, just do it.\"",[11,13853,13854,13855,13858,13859,13862],{},"After we'd finished laughing about that, she clarified that her advice was less about subverting project goals — not recommended — and more about staying educated as a design professional. That way, at least your initial designs can be aligned with accessibility best practices. \"And then if ",[2506,13856,13857],{},"stakeholders"," fuss about it, you might have to give a little. You might not be able to get the perfect ",[2506,13860,13861],{},"contrast"," ratios. But you could get closer than if you started out with stuff that was bad, outright wrong.\"",[11,13864,13865,13866,13871,13872,13876,13877,13882],{},"The idea isn't to abandon screen reader users but to be realistic about which accessibility goals can be accomplished on which projects. On a project like the redesign of the ",[15,13867,13870],{"href":13868,"rel":13869},"http://2017.worldiaday.org/",[33],"World IA Day 2017 website"," — read ",[15,13873,13875],{"href":13874},"/blog/amy-espinosa-world-ia-day","our profile of WAID's Amy Espinosa"," for more about that — where accessibility is an explicit priority, designers can proudly and boldly aim for a high standard. (In the case of the WAID site redesign, the particular high standard used was ",[15,13878,13881],{"href":13879,"rel":13880},"https://www.w3.org/WAI/WCAG20/quickref/?currentsidebar=%23col_customize&levels=a%2Caaa",[33],"WCAG 2.0 Level AA","). But Amy, for her part, echoed Jennifer's practical and incremental approach on projects whose stakeholders are less familiar with accessibility considerations: \"I don't think people realize how easy it is to make just a few adjustments and make things more accessible.\"",[11,13884,13885,13886,13889],{},"So what can you, the accessibility-aware Axure RP expert, do to guide your project to an outcome that's friendly to people with all types and levels of disability? Quite a number of things, it turns out. Check out our new ",[15,13887,13888],{"href":13794},"Guide to Prototyping for Accessibility with Axure RP"," for a thorough list of practical tips for the Axure RP user. For my full interview with Jennifer, please read on. During our conversation she made reference to a wealth of other valuable articles and resources, and I've linked to those throughout the text when available.",[224,13891],{},[11,13893,13894,13903,13904,13907,13908,13913,13914,13919,13920,13923,13924,13927],{},[115,13895,13896,13897,13902],{},"Kip Mitchell of Axure: Accessibility specialist ",[15,13898,13901],{"href":13899,"rel":13900},"https://www.slideshare.net/aidantierney/early-prevention-of-accessibility-issues-with-mockup-wireframe-reviews",[33],"Aidan Tierney has said that \"accessibility issues are predictable\"",". To what extent is that true? Are the challenges just around implementing accessible solutions, or are there continually new fundamental types of problems that we're solving?"," Jennifer Sutton: I would say that because technology is always changing, there are always new problems and new ways to solve problems. When it comes to ",[2506,13905,13906],{},"rich web"," applications, you've seen all the stuff about ",[15,13909,13912],{"href":13910,"rel":13911},"https://en.wikipedia.org/wiki/WAI-ARIA",[33],"WAI-ARIA",". They're working on ARIA 1.1, the best practices. There are a few new things being added there to try to make it better. They're working on ",[15,13915,13918],{"href":13916,"rel":13917},"https://en.wikipedia.org/wiki/Web_Content_Accessibility_Guidelines",[33],"WCAG"," 2.1. There are a number of new success criteria being proposed. There's a push to be focusing on folks with different cognitive disabilities, and what would be the success criteria. But the general ",[2506,13921,13922],{},"types of disability"," that you're talking about are well-established. The approaches evolve, and the ideas evolve as technology changes as things get implemented, \"oh, that wasn't quite right, we need to fix it this way, but the concept behind it is still the same, but we now have a better idea based on what we've seen in the wild.\" But the general concepts and the general kinds of people ",[2506,13925,13926],{},"with disability"," are pretty clear.",[11,13929,13930,13932,13933,13936,13937],{},[2506,13931,13837],{},"A lot of accessibility is usability, ",[115,13934,13935],{},"but it matters even more",". It makes a bigger difference. It has a stronger benefit. Wayfinding helps you — but it's essential for some people, or else they can't function. Color contrast helps you in the sun, but it's essential for some others.",[2506,13938,13844],{},[11,13940,13941,13942,13948,13949,13952,13953,13956],{},"A great entry point for UX folks who want to learn about the types of disabilities their users could be experiencing is the set of personas developed by Sarah Horton and Whitney Quesenbery in their book ",[15,13943,13945],{"href":13465,"rel":13944},[33],[26,13946,13947],{},"A Web For Everyone",". Personas are risky in and of themselves because people get them in mind and they never evolve them based on feedback that they get or audience changes or whatever. But one of the things I liked about the personas that Whitney and Sarah have in that book is that they're not just disability-centric; they didn't just go down the list of disabilities and have a persona ",[2506,13950,13951],{},"for each",". They added complexity to these personas so that it wasn't just disability that they were building them on. They built them with other demographics, like age, English as a second language, all these other things. They were richer than personas sometimes are, and I think that's important. Based on what I read in usability, I think most people are trying. Whether they can actually do it in the real world is another question, but most people are aware and trying to make these rich ",[2506,13954,13955],{},"personas"," that reflect the reality of customers.",[11,13958,13959,13962,13963,13966,13967,13972,13973,13978,13979,13984,13985,13990],{},[115,13960,13961],{},"Axure: I'm interested in this idea of the imperfect work environment or the imperfect project, where accessibility is not necessarily the first thing on everyone's list. Some of the project stakeholders might be unfamiliar or less familiar than others with the ideas, and maybe even less motivated due to personality, or maybe they even \"don't care\" about accessibility — they're actively dismissive. How do you work toward accessibility objectives on a project like that? Can you?"," Jennifer: Here's my answer to that: ",[115,13964,13965],{},"sneak it in",". Don't tell people, just do it. And I'm not the first person to say it either, by the way. (Ed. note: ",[15,13968,13971],{"href":13969,"rel":13970},"http://lanyrd.com/2011/btconf/shpwb/",[33],"Tomas Caspers spoke on the subject in 2011"," though unfortunately I can't find video of this talk; here's ",[15,13974,13977],{"href":13975,"rel":13976},"http://www.mediacurrent.com/blog/5-ways-sneak-accessibility-your-next-design",[33],"Carie Fisher of Mediacurrent on the subject in 2016",".) Pretend you're a designer, and you believe in contrast. And you know ",[15,13980,13983],{"href":13981,"rel":13982},"http://www.456bereastreet.com/archive/200709/10_colour_contrast_checking_tools_to_improve_the_accessibility_of_your_design/",[33],"the tools that you can use to check your contrast",", and you know ",[15,13986,13989],{"href":13987,"rel":13988},"https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html",[33],"the contrast ratios for WCAG AA",". So you just put that in your design, and you don't say anything about it. But, if you get asked, then you explain; but you don't volunteer unduly. Now, if you work at a company with an interest in accessibility, sure, brag about it. \"Hey, I did what I'm supposed to. This is why these contrasts are this way.\" But if they're not paying attention and you know that they should be, just do it. And then if they fuss about it, you might have to give a little. You might not be able to get the perfect ratios. But you could get closer than if you started out with stuff that was bad, outright wrong.",[11,13992,13993,13995,13996,13999],{},[2506,13994,13837],{},"People say, \"accessibility is screen readers, and oh my god I don't understand this, it's too hard and it's too scary, so we'll just dismiss it completely.\" ",[115,13997,13998],{},"There's a lot of accessibility that people can understand that isn't the screen reader.",[2506,14000,13844],{},[11,14002,14003,14004,14007],{},"Another thing you can do is make the case by relating it to something a non-disabled person can understand. You can say, \"well, ",[115,14005,14006],{},"this grey. Even in the sunlight, nobody can see it, and I'm 25 and I still can't even see it in the sun.","\" You just get closer; closer to what they want, while staying as close to best practice as you can.",[11,14009,14010,14013],{},[115,14011,14012],{},"Axure: I like that specific example, the idea that you would take a website outside on a mobile phone and look at it in full sun. Because I can't see hardly anything on my phone in full sun."," Jennifer: Yes, that's an example people have used. It's something anybody can understand. A lot of people think, \"contrast is for old people. And we don't have old people that visit our site because we're young and cool.\" So it's good to meet people where they are and come up with examples that anyone can understand.",[11,14015,14016,14023,14024,14029,14030,14035,14036,14041,14042,367],{},[115,14017,14018,14019,14022],{},"Axure: What about the business case? I'm sure this will be different for every product, project, and business, but have you ever been brought in ",[2506,14020,14021],{},"as a trainer"," because someone had some success with making the point that more attention paid to accessibility will be good for the bottom line?"," Jennifer: ",[15,14025,14028],{"href":14026,"rel":14027},"https://www.w3.org/WAI/bcase/Overview.html",[33],"The W3C web accessibility initiative has a page on making the business case."," And ",[15,14031,14034],{"href":14032,"rel":14033},"https://www.w3.org/WAI/bcase/resources#cases",[33],"they have a few use cases",", but what you'll see when you look at them is that they're old. They've had a lot of difficulty trying to get more use cases because people are nervous about putting themselves out there. You might make a bunch of changes, and you might see an increase, and you might think that it has to do with accessibility, so you'd be willing to put yourself out there. But then two years later, you might change your site again, and then you don't want that visibility because your new site might be completely different and may not have prioritized accessibility in the same way. So you're locked in at that point. The other place to look for business case stuff is ",[15,14037,14040],{"href":14038,"rel":14039},"http://www.karlgroves.com/",[33],"Karl Groves",". He has ",[15,14043,14046],{"href":14044,"rel":14045},"http://www.karlgroves.com/category/accessibility-business-case/",[33],"a whole series of posts about making the business case",[11,14048,14049,14058,14059,14062,14063,14068,14069,14072,14073,14075],{},[115,14050,14051,14052,14057],{},"Axure: It seems that a lot of accessibility concerns can be framed as usability concerns. A designer can take this attitude, like, \"well, ",[15,14053,14056],{"href":14054,"rel":14055},"https://developer.apple.com/ios/human-interface-guidelines/visual-design/layout/",[33],"Apple's design guidelines say that a mobile button has to be at least 44 pixels tall",", and Apple's great at design, so who are we to make these tiny, ugly buttons.\" It's about looking modern, it's about being on the cutting edge, and then you can say or not say that it happens to be good for accessibility too."," Jennifer: Whitney ",[2506,14060,14061],{},"Quesenbery"," is famous for saying that ",[15,14064,14067],{"href":14065,"rel":14066},"https://twitter.com/whitneyq/status/836924621672890369",[33],"accessibility and usability are twins separated at birth",". It gets back to your point. A lot of accessibility is usability, but it matters even more. It makes a bigger difference. It has a stronger benefit. Wayfinding helps you — but it's ",[26,14070,14071],{},"essential"," for some people, or else they can't function. Color contrast helps you in the sun, but it's ",[26,14074,14071],{}," for some others. I see a lot of times, people contact me and they say, \"I see this problem, where does it fit into WCAG?\" Well, you could cram it into WCAG if you wanted to, but why? If you have user research that tells you it's a problem, whether it fits into WCAG or not, it's a problem.",[11,14077,14078,14080,14081],{},[2506,14079,13837],{},"Pretty much any design pattern you hate, if you look it up, comma, accessibility, I bet you'll find something.",[2506,14082,13844],{},[11,14084,14085,14086,14091],{},"For example: I had somebody working on a web application — very much an application and not a website — and it had a tools section on the landing page with certain tools under it, and then it had another tools section on a different page with other tools under it. And the users without disabilities were confused. So my client was asking me, can you use — there's something in WCAG about making things the same across pages (",[15,14087,14090],{"href":14088,"rel":14089},"https://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-consistent-locations.html",[33],"success criterion 3.2.3","). And I said, \"WCAG really focuses more on pages than it does on a web application, but why would you need to use WCAG? These people are telling you they're confused. Even if the developers don't like it, it's true. If they then choose not to do anything about it, maybe because the application has unique needs, that's their business. But you have the evidence.\"",[11,14093,14094],{},[115,14095,14096,14097,14102],{},"Axure: At UXPA 2015, I saw you speak as part of a panel discussion titled ",[15,14098,14101],{"href":14099,"rel":14100},"https://www.slideshare.net/UXPA/promoting-accessibility-on-projects-with-no-accessibility-aspirations-49918013",[33],"Promoting Accessibility on Projects With No Accessibility Aspirations",". In response to a question about prototyping tools and accessibility, you said something that really stuck with me: \"It's not all about the screen reader.\"",{"title":71,"searchDepth":72,"depth":72,"links":14104},[],[13788,13789,13393,76],"2017-07-25T00:00:00.000Z","Jennifer Sutton of JSutton Media dives into Accessibility and Prototyping. She answers questions such as: What a well-meaning UI designer can do if a project's stakeholders truly have 'no accessibility aspirations' and are maybe even hostile to the notion.",{"src":80},{},{"src":14111},"/images/2019/04/qwwphwip31m.jpg",{"title":13801,"description":14107},"blog/accessibility-prototyping-axure-conversation-jennifer-sutton","b4yCQlX9SsQY_FDlPeXgtriRypIAhBvHUiO9yCXDQyM",{"id":14116,"title":14117,"author":6,"body":14118,"categories":14131,"date":14132,"description":14133,"extension":79,"featuredImage":80,"mainImage":14134,"meta":14136,"navigation":83,"path":14137,"previewImage":14138,"seo":14139,"stem":14140,"tags":80,"__hash__":14141},"blog/blog/axure-turns-15.md","Axure Turns 15",{"type":8,"value":14119,"toc":14129},[14120,14123,14126],[11,14121,14122],{},"Axure was born when Victor and Martin were working together at a Bay Area startup and went looking for a better tool to help them gather requirements and produce specifications, wireframes, and prototypes. They couldn't find a tool that met their needs—this was before the title of \"UX Designer\" even existed—so they built one: Axure RP.",[11,14124,14125],{},"That was 15 years ago this month. And while it's been an exciting ride, the most exciting part for us is making sure that the best is yet to come. We're currently hard at work on Axure RP 9, and we've got our sights set on making it the most powerful, streamlined, attractive, performant, and capable release yet.",[11,14127,14128],{},"Thanks so much for being a part of our journey and allowing us to be a part of yours.",{"title":71,"searchDepth":72,"depth":72,"links":14130},[],[],"2017-05-25T00:00:00.000Z","Axure was born when Victor and Martin were working together at a Bay Area startup and went looking for a better tool to help them gather requirements and produce specifications, wireframes, and prototypes.",{"src":14135},"/images/2017/05/axure-turns-15-featured.png",{},"/blog/axure-turns-15",{"src":14135},{"title":14117,"description":14133},"blog/axure-turns-15","c6neBs2oK4fZlue5jANNOEVQlyz1u6ghDPeYxGxBA3k",{"id":14143,"title":14144,"author":6,"body":14145,"categories":14175,"date":14177,"description":14178,"extension":79,"featuredImage":80,"mainImage":14179,"meta":14180,"navigation":83,"path":14181,"previewImage":14182,"seo":14184,"stem":14185,"tags":80,"__hash__":14186},"blog/blog/enhance-widget-libraries-custom-widget-icons-tooltips.md","Enhance Your Widget Libraries with Custom Widget Icons, Tooltips, and More",{"type":8,"value":14146,"toc":14173},[14147,14150,14156,14159,14166],[11,14148,14149],{},"Recently on the blog we've been talking about widget libraries: how to download and use libraries built by other people and how to make your own widget libraries using Axure RP. You may have noticed that some of the libraries available for download have some nice finishing touches, like custom widget icons, tooltips, folders, and widget styles. Today, I'll demonstrate how easy it is to add these flourishes to your own widget libraries.",[11,14151,14152,14155],{},[115,14153,14154],{},"Custom widget icons and tooltips can be added to a widget via the Inspector's \"Properties\" tab"," when you've got your library open for editing in Axure RP. Here's an animation of the procedure for adding them:",[11,14157,14158],{},"You can see in the animation that my \"warning message\" widget originally used a thumbnail view of the entire widget as its icon, which wasn't ideal in this case because a shrunk-down version of this very wide widget didn't communicate much visually. This particular widget really benefits from having a custom icon instead.",[11,14160,14161,14162,14165],{},"Widget folders, another nice touch, are quite easy to implement in your widget library: add them via the Widget Library Pages pane, just how you would do via the corresponding Pages pane in a regular project. Any ",[115,14163,14164],{},"folders you add to your library will show up as collapsible sections"," when the library is loaded into the Libraries pane for use in another project.",[11,14167,14168,14169,14172],{},"Widget styles also work just the same in widget libraries as they do in regular projects. And if you add a style to a widget in your library, that ",[115,14170,14171],{},"style will be automatically imported into any project when you add that widget to a page",". Convenient! (We recommend naming any styles used in widget libraries something library-specific, like \"Lib. Warning Text\", to avoid unintentional overlaps with widget styles already in the target project.)",{"title":71,"searchDepth":72,"depth":72,"links":14174},[],[601,14176],"widget libraries","2017-05-02T00:00:00.000Z","Recently on the blog we've been talking about widget libraries: how to download and use libraries built by other people and how to make your own widget libraries using Axure RP.",{"src":80},{},"/blog/enhance-widget-libraries-custom-widget-icons-tooltips",{"src":14183},"/images/2019/04/_zkxpsgogkg.jpg",{"title":14144,"description":14178},"blog/enhance-widget-libraries-custom-widget-icons-tooltips","x75eGNf0CkKxA_1snyLINgjatDLiBcKHlriwFRRzAfo",{"id":14188,"title":14189,"author":6,"body":14190,"categories":14329,"date":14334,"description":14335,"extension":79,"featuredImage":80,"mainImage":14336,"meta":14338,"navigation":83,"path":13874,"previewImage":14339,"seo":14340,"stem":14341,"tags":80,"__hash__":14342},"blog/blog/amy-espinosa-world-ia-day.md","Amy Espinosa of World IA Day",{"type":8,"value":14191,"toc":14323},[14192,14199,14202,14206,14215,14218,14222,14229,14236,14261,14264,14268,14275,14278,14289,14294,14297,14300,14304,14307,14314],[11,14193,14194,14198],{},[15,14195,14197],{"href":13868,"rel":14196},[33],"World Information Architecture Day",", now in its sixth year, is taking place this Saturday at over 50 locations across five continents. The distributed conference subsists on the efforts of a small army of volunteer IA professionals, from local speakers and organizers to the global leadership team. Last March, in preparation for the 2017 event, the WIAD organization named Tampa-based information architect and consultant Amy Espinosa to the rotating position of Global Executive Producer.",[11,14200,14201],{},"One of the responsibilities of Amy's role this past year has been to oversee the development of an updated WIAD website. We spoke to Amy earlier this month about the website project's goals and challenges: leveraging a limited budget and a distributed team to enable smarter content, prioritize accessibility, and implement sound IA for an IA-savvy audience, all while laying a foundation for an even bigger and better celebration next year and beyond.",[107,14203,14205],{"id":14204},"the-distributed-team","The Distributed Team",[11,14207,14208,14209,14214],{},"For an organization responsible for coordinating 58 simultaneous events comprising hundreds of speakers and thousands of attendees, ",[15,14210,14213],{"href":14211,"rel":14212},"http://2017.worldiaday.org/about-us",[33],"the WAID2017 global team"," is admirably lean, at just 13 people. Of these 13, three contributed to this year's website project: Samantha Raddatz, along with Amy, handled the IA, and Whitney Quesenbery lent her expertise to making the site more accessible for people who experience disabilities. Also along for the ride was a vendor—the team's web development firm—responsible for implementing the results of their design and architecture work.",[11,14216,14217],{},"With Amy in Tampa, Sam and Whitney in New York City, and the vendor in the UK, getting the team together to spitball ideas at the local coffee shop was out of the question. Instead, they relied on email, Google Docs and Hangouts, and Axure RP with Axure Share to swap ideas, refine designs, and build and deliver specifications to their developer.",[107,14219,14221],{"id":14220},"new-engine-same-hood","New Engine, Same Hood",[11,14223,14224,14225,14228],{},"One goal Amy specifically did ",[26,14226,14227],{},"not"," have for this year's site: a new look and feel. \"Our current website was rebuilt for WIAD2016 and was something I inherited,\" she told us. The visual and UX design choices still felt sound, so there was no reason to overhaul them on a tight timeline with limited budget and staff.",[11,14230,14231,14232,14235],{},"Under the hood, however, the 2016 site needed some attention before it could be repurposed. Amy knew this first-hand: \"As an organizer for 2016 ",[2506,14233,14234],{},"for the Tampa WIAD celebration"," I ran into many challenges, as did others. Before we launched this year's instance, I reviewed the feedback from our location organizers last year and planned to make modifications to improve the website to better serve their needs.\" As Amy and Sam evaluated and ranked priorities, a shortlist of goals emerged:",[269,14237,14238,14252,14255,14258],{},[272,14239,14240,14241,14246,14247,13625],{},"A better way for local affiliates to add content to location pages (for reference, here's ",[15,14242,14245],{"href":14243,"rel":14244},"http://2016.worldiaday.org/location/new-york-city-new-york-united-states",[33],"last year's"," versus ",[15,14248,14251],{"href":14249,"rel":14250},"http://2017.worldiaday.org/location/new-york-city-new-york-united-states",[33],"this year's New York City location page",[272,14253,14254],{},"An easier way for visitors to the site to access live streams",[272,14256,14257],{},"A content archive page, collecting live streams and other content for posterity",[272,14259,14260],{},"Level AA conformance to the W3C's Web Content Accessibility Guidelines",[11,14262,14263],{},"Though the site's home page as well as its overall look and feel throughout would remain largely unchanged from the 2016 edition, significant work was needed in the areas of IA, accessibility evaluation and testing, and \"middle-end\" web development—to drive location pages via database—in order to make the site more usable and useful for organizers and visitors. (Ed note: We'll be looking at the WIAD team's accessibility work in more detail in an Axure blog feature later this year dedicated to accessibility and prototyping.)",[107,14265,14267],{"id":14266},"deadlines-and-data-models","Deadlines and Data Models",[11,14269,14270,14271,14274],{},"Amy and the team began their work with a focus on the site's location pages. \"We wanted to make it much easier for organizers to add content to their location pages. Last year, what they got ",[2506,14272,14273],{},"in the CMS backend"," was a giant text box with very little support for formatting. We reviewed content on every location page from 2016 and looked at the patterns of common information added. We designed a screen that broke out things like Venue, Sponsors, Speakers, Local Team—and then gave organizers the ability to create individual program items organized by time. This was a baby step to start creating a different data model so we could eventually create relationships between sections. For example, Speakers could eventually be linked to a program item, and Local Team could eventually be something location organizers could add themselves.\"",[11,14276,14277],{},"The team's process favored tools geared toward distributed collaboration. \"We first planned the changes using Axure. Once finalized, they were shared using Axure Share and Google Docs. We had a few meetings via Hangouts and chatted via email regarding questions, constraints and timeline.\"",[11,14279,14280,14281,14284,14285,14288],{},"\"",[2506,14282,14283],{},"Axure RP and Axure Share"," helped me communicate proposed changes and gave us a visual tool to start discussing concepts. Once the ideas were understood, the vendor defaulted back to their own methods and processes. Axure RP also helped document some of the work we have done, not only on the website, but also for our guidebook ",[2506,14286,14287],{},"for future WIAD organizers"," and call-for-locations process flow.\"",[1488,14290,14291],{},[11,14292,14293],{},"Axure RP and Axure Share helped me communicate proposed changes and gave us a visual tool to start discussing concepts. Once the ideas were understood, our developers defaulted back to their own methods and processes.",[11,14295,14296],{},"The location page changes were finished in time to debut with the 2017 site, and so far the reception from organizers has been positive. Other planned changes, such as the dedicated live-streaming page and content archive, will have to wait until next year.",[11,14298,14299],{},"\"We had a limited budget to work with and needed to plan to make incremental changes that would move us closer to our long term goals,\" Amy told us. \"While we haven't been able to make all of the changes we wanted this year, we've done some of the hard work to make them a reality for 2018. We'll start building our live-streaming page and content archive in April.\"",[107,14301,14303],{"id":14302},"architecting-the-future","Architecting the Future",[11,14305,14306],{},"Regarding the work left to do, Amy is pragmatic. \"Much of Sam's and my focus this year was to strengthen the foundation so that the work would be easier to manage as World IA Day grows. I think we have done some great work that will enable our successors to hit the ground running and give them more time to set and achieve more IA-oriented objectives while still serving our community with the annual tasks that need to be done. My hope is to have accomplished the task of getting things in order so knowledge is not lost and the transition annually is smooth.\"",[11,14308,14309,14310,14313],{},"We asked whether doing IA was different when the audience was particularly IA-savvy. Would the work be held to a higher standard? Would any judgement perhaps be harsher? Quite the opposite, it turns out. \"Many of the things Sam and I did this year were based on the suggestions of our organizers. We have a very collaborative and supportive community. And the beauty of our community is that people appreciate your effort no matter what. World IA Day is completely run by volunteers so they know that ",[2506,14311,14312],{},"the global team"," care and that we're trying our best. They never call you out for mistakes, and believe me I have made many. Instead they are just supportive and offer suggestions and kindness.\"",[11,14315,14316,14317,14322],{},"If you'd like to become a part of the (collaborative and supportive) World IA Day community, consider hosting a WIAD2018 celebration in your own city. Amy tells us that the application period for next year will be opening this coming May or June. And if you live in a city that is already one of the ",[15,14318,14321],{"href":14319,"rel":14320},"http://2017.worldiaday.org/locations",[33],"WIAD locations for this year",", getting involved is even easier—just head on down to your local event this weekend.",{"title":71,"searchDepth":72,"depth":72,"links":14324},[14325,14326,14327,14328],{"id":14204,"depth":72,"text":14205},{"id":14220,"depth":72,"text":14221},{"id":14266,"depth":72,"text":14267},{"id":14302,"depth":72,"text":14303},[14330,14331,14332,75,13461,14333],"Amy Espinosa","information architecture","Samantha Raddatz","World IA Day","2017-02-16T00:00:00.000Z","World Information Architecture Day, now in its sixth year, is taking place this Saturday at over 50 locations across five continents. The distributed conference subsists on the efforts of a small army of volunteer IA professionals, from local speakers and organizers to the global leadership team.",{"src":14337},"/images/2019/04/oyuxvzq-7po.jpg",{},{"src":14337},{"title":14189,"description":14335},"blog/amy-espinosa-world-ia-day","CJp0o4ax5IHMYXnZmVbjse5xRuF7vCLHM7GFKp_IVmg",{"id":14344,"title":14345,"author":6,"body":14346,"categories":14496,"date":14497,"description":14498,"extension":79,"featuredImage":80,"mainImage":14499,"meta":14500,"navigation":83,"path":14501,"previewImage":14502,"seo":14504,"stem":14505,"tags":80,"__hash__":14506},"blog/blog/agility-is-mutual-respect.md","Agility is Mutual Respect",{"type":8,"value":14347,"toc":14493},[14348,14362,14365,14368,14371,14374,14377,14380,14383,14386,14390,14393,14422,14425,14428,14431,14434,14441,14444,14447,14450,14457,14464,14473,14476,14479,14484,14487,14490],[11,14349,14350],{},[26,14351,14352,14353,14356,14357,14361],{},"(This article is adapted from a talk I gave in September 2016 at UC San Diego, organized by ",[15,14354,34],{"href":31,"rel":14355},[33],". I shared ",[15,14358,14360],{"href":14359},"/blog/203-inside-axure-developing-subscription-update-axure-customer-portal.html","another portion of the talk"," last month.)",[11,14363,14364],{},"Does Axure practice Agile software development? The short answer: yes and no. For the long answer, read on.",[11,14366,14367],{},"We definitely wouldn't qualify as a strict Scrum Agile shop. And we aren't Lean, in the formal sense of that term. (Though we do feel pretty lean, to me, in the informal sense.) We don't do stand-up meetings; our formal development meetings are once per two weeks, not daily. We don't do formal pair programming. We don't do formal sprints.",[11,14369,14370],{},"So what do we do that's Agile? Lots and lots of face-to-face conversations among and between the development and product teams. There's a lot of trust between teams, and we actively foster that. Trust is the best thing we've found for positively impacting motivation. And motivation, in turn, is the parameter of our work environment which we've found correlates best with productivity and quality of output. So we invest however we can in maintaining ourselves as a highly motivated group of people.",[11,14372,14373],{},"We very much welcome changing requirements. We're always on the lookout to make sure the solutions we're coming up with are solving the problems they're intended to solve—and if they aren't, we adjust. Even late in the cycle, during our (quite lengthy) beta periods, we're careful to maintain enough flexibility to evaluate changes.",[11,14375,14376],{},"We practice continuous delivery (ready to release a current version of the software at any time), though not continuous deployment (releasing every day via an automated system). We do deploy incremental builds sometimes, within our larger framework of major releases. We do a lot more of that toward the front end of a release and less as the release matures. And we've actually been working to reduce the number of incremental releases per cycle, for a number of reasons.",[11,14378,14379],{},"To elaborate: over time we've gone from shorter betas, earlier releases, rapid updating and bug fixing, to longer betas, later general releases, and fewer but more substantive post-release updates. We've also begun to release our higher-risk builds via a release candidates channel. So the RC is now for the people who want to be on the latest and greatest with every bug fix, and the general release builds are the super-stable ones that big companies can be sure will be safe to install and standardize on.",[11,14381,14382],{},"When the dev team deploys, there's a certain amount of overhead to each new build. So there are benefits internally and externally from releasing better builds less often. With fewer builds going live, we can now dedicate less time to the overhead of managing releases. We've decided that this leads to us releasing higher-quality software overall.",[11,14384,14385],{},"So: are we Agile? Yes and no. And that's okay.",[107,14387,14389],{"id":14388},"agility-is-context-dependent","Agility is context-dependent",[11,14391,14392],{},"By contrast, the various prescribed Agile and Agile-like frameworks—just as with any set of best-fit guidelines—are context-independent.",[269,14394,14395,14398,14401,14404,14407,14410,14413,14416,14419],{},[272,14396,14397],{},"Scrum",[272,14399,14400],{},"Lean",[272,14402,14403],{},"Kanban",[272,14405,14406],{},"XP (Extreme Programming)",[272,14408,14409],{},"DSDM (Dynamic System Development Model)",[272,14411,14412],{},"Crystal Methods",[272,14414,14415],{},"SAFe (Scaled Agile Framework)",[272,14417,14418],{},"DAD (Disciplined Agile Development)",[272,14420,14421],{},"Spiral",[11,14423,14424],{},"And by context-independent, I mean that each of these frameworks was devised to apply broadly to a wide range of software projects. They're like off-the-rack suit jackets: they fit some of us quite well and many of us fairly well, but a bit of tailoring—or an entirely bespoke alternative—will almost always cut a better figure.",[11,14426,14427],{},"Of course these frameworks do have value, even to those of us who aren't strict adherents: they're sets of good ideas, from which successful teams pick and choose.",[11,14429,14430],{},"And yes, the way we do it at Axure, there are some waterfall model practices mixed in there as well. I know that may be heresy to say out loud in 2016, but stay with me.",[11,14432,14433],{},"We talk to customers all the time about this. Axure RP is used by lots of teams who describe themselves as Agile to some degree, but the Axure RP work may not actually happen in the sprints; it happens in the pre-sprints. Pre-sprint planning, or pre-project planning. Sprint Zero. Sprint Ahead. Or they'll call it \"backlog grooming\", but in the end it's quite a lot like the traditional waterfall practices of product requirements planning and design.",[11,14435,14436,14437,14440],{},"And these customers generally aren't doing two-week sprints or cycles. Much more typical for our customers are six-week or even six-month cycles. Some of the customers we speak to are anxious about Agile. They're perpetually trying to transition to a \"pure\" Agile approach, but never getting there. Other teams are comfortable with, and prefer, their six-month cycles. They're accomplishing good work, the team's spirits are good, and two-week sprints just sound like needless strife and chaos to them. And at least it's not the two-year cycles they used to have. It's ",[26,14438,14439],{},"relatively"," agile.",[11,14442,14443],{},"At Axure, we build software, but we're different from many of our customers in that our software is used to build other software. So we've got two perspectives on process management methodology: from running our own process, and also from talking to customers about how we fit into their processes.",[11,14445,14446],{},"When it comes to our own process, we don't speak in Agile terminology much at the office. You'll only overhear someone at Axure HQ speaking in terms of \"sprints\" if they're on the phone with a customer who practices Agile. Each team develops a process that's best for them. In our case, we've been building Axure RP since 2002, so we've learned a lot over the years about what works best for us.",[11,14448,14449],{},"The principles of the Agile Manifesto boil down to communication and accountability. Everything else follows.",[11,14451,14452,14453,14456],{},"You could call what we do \"loose agile\". It's highly iterative. There are regular check-ins, though they generally aren't scheduled. We rely on the ",[26,14454,14455],{},"esprit de corps"," and motivation of the team, the idea that everybody on the team wants the work done. So we try to keep team spirit as high as we can, and we open up communication among and between teams as much as we can, and then allow the process to happen as organically as possible within that framework.",[11,14458,14459,14460,14463],{},"You could summarize by saying that ",[115,14461,14462],{},"it's a culture of mutual respect",". If the dev team says they need time to re-architect something, the product team believes them. And vice versa if the product team needs time to rethink, to change a requirement.",[11,14465,14466,14467,14472],{},"Now, this may sound like a dodge. What does mutual respect have to do with choosing Scrum vs. Lean? Here's the connection: if you look at ",[15,14468,14471],{"href":14469,"rel":14470},"http://agilemanifesto.org/principles.html",[33],"the principles of the Agile Manifesto",", they essentially boil down to communication and accountability. Everything else follows.",[11,14474,14475],{},"Simplicity, for example. If the team is communicating freely and everyone feels accountable for the end product, there's a minimum of wasted effort. You don't have people accidentally working on the wrong thing, or intentionally not producing because they aren't motivated, or not sure what to work on because they're scared to ask.",[11,14477,14478],{},"Continuous delivery is about keeping your sights on project goals and staying on track and keeping motivation up. Two-year software projects are inherently depressing—or emotionally challenging, at the very least. Sustainability is explicitly also about motivation. And motivation, we've found, is primarily affected by communication and accountability. So it seems to all come back to these.",[11,14480,14481],{},[115,14482,14483],{},"CULTURE OF RESPECT → COMMUNICATION AND ACCOUNTABILITY → AGILITY",[11,14485,14486],{},"And for us, the culture of respect gives us both of these. It's what allows us to effectively communicate amongst and between teams. Respect is also what leads to each team member feeling accountable for the end product. And respect leads to trust, with all of the benefits I mentioned earlier. And so mutual respect amongst our team members is what allows us to be agile, in the original spirit of the Agile manifesto. (In one author's humble opinion!)",[11,14488,14489],{},"The prescribed Agile frameworks are designed to be more flexible than the prevailing software development practices that came before them. What we're doing is arguably even more flexible. Lighter and looser. I say this while also acknowledging that our teams are fairly small as compared to a lot of organizations. The average tenure of an Axure employee is quite long, turnover is very low, and managers of teams have generally personally hired all of their reports. And we have about one product manager for every three developers. So we have lots of advantages that allow us to get away with being loose and informal.",[11,14491,14492],{},"We're well aware of the perils of growing our headcount; we've seen many different scenarios play out on our customers' teams. So some day it may be different, and then we'll have to adapt. But the culture of respect will continue to be a constant, as best as we can manage it.",{"title":71,"searchDepth":72,"depth":72,"links":14494},[14495],{"id":14388,"depth":72,"text":14389},[75,76],"2016-11-16T00:00:00.000Z","Agility is context-dependent. By contrast, the various prescribed Agile and Agile-like frameworks—just as with any set of best-fit guidelines—are context-independent. Does Axure practice Agile software development? The short answer: yes and no. For the long answer, read on.",{"src":80},{},"/blog/agility-is-mutual-respect",{"src":14503},"/images/2019/04/ybzg2shzddm.jpg",{"title":14345,"description":14498},"blog/agility-is-mutual-respect","RPtOzlJ7Wa0l0r9K0Ig2zz4T3R4sJ10uijJ_9k70X1w",{"id":4,"title":5,"author":6,"body":14508,"categories":14547,"date":77,"description":78,"extension":79,"featuredImage":80,"mainImage":14548,"meta":14549,"navigation":83,"path":84,"previewImage":14550,"seo":14551,"stem":88,"tags":80,"__hash__":89},{"type":8,"value":14509,"toc":14545},[14510,14514,14516,14523,14525,14527,14531,14533,14535,14537,14539,14541,14543],[11,14511,13,14512,19],{},[15,14513,18],{"href":17},[11,14515,22],{},[11,14517,14518],{},[26,14519,28,14520,35],{},[15,14521,34],{"href":31,"rel":14522},[33],[11,14524,38],{},[11,14526,41],{},[11,14528,44,14529,48],{},[26,14530,47],{},[11,14532,51],{},[11,14534,54],{},[11,14536,57],{},[11,14538,60],{},[11,14540,63],{},[11,14542,66],{},[11,14544,69],{},{"title":71,"searchDepth":72,"depth":72,"links":14546},[],[75,76],{"src":80},{},{"src":86},{"title":5,"description":78},{"id":14553,"title":14554,"author":6,"body":14555,"categories":14661,"date":14665,"description":14666,"extension":79,"featuredImage":80,"mainImage":14667,"meta":14668,"navigation":83,"path":14669,"previewImage":14670,"seo":14672,"stem":14673,"tags":80,"__hash__":14674},"blog/blog/catching-up-with-megan-miller-and-erik-flowers-of-practical-service-design.md","Catching Up with Megan Miller and Erik Flowers of Practical Service Design",{"type":8,"value":14556,"toc":14656},[14557,14569,14590,14595,14598,14601,14604,14608,14611,14616,14619,14627,14631,14634,14637,14640,14644,14653],[11,14558,4274,14559,14562,14563,14568],{},[115,14560,14561],{},"Megan Miller"," arrived in San Francisco in November of 2014 to attend Adaptive Path's annual ",[15,14564,14567],{"href":14565,"rel":14566},"http://service-experience-conf.com/",[33],"Service Experience Conference",", she came as a web designer in the midst of an existential quandary. As a member of Stanford University's in-house Web Services team, the focus of Megan's passion had recently begun to shift away from her visual and UX design duties and toward a holistic view of her clients' end-to-end experience. Her team's services were an important piece of that experience, to be sure, but there were other pieces: web hosting, ordering and billing services, video-conferencing services, and IT considerations such as workgroup administration and web authentication. Megan was increasingly drawn to the bigger-picture question of where the gaps might be in that end-to-end experience and whether principles from her UX design practice might be applicable toward bridging those gaps.",[11,14570,14571,14572,14575,14576,14583,14584,14589],{},"By the time she returned to the city one year later for The Service Experience Conference 2015, it was not just to attend but to deliver a presentation of her own. A lot had happened in the intervening year. She had been in the audience when ",[115,14573,14574],{},"Erik Flowers",", Principal Service Designer at Intuit, delivered a presentation at the 2014 conference. Inspired by his story of success in carving out a place for service design at a high-profile technology firm, Megan contacted him for advice. Their email exchange led to a series of in-person meetings, a weekly web-hangout working session, and ultimately to the launch of ",[15,14577,14580],{"href":14578,"rel":14579},"http://www.practicalservicedesign.com/",[33],[115,14581,14582],{},"Practical Service Design",", a central resource and \"home away from home\" for service designers both fledgling and experienced. The site launch coincided with a new title for Megan: Senior Service Designer. Service design had officially arrived at Stanford. (Check out ",[15,14585,14588],{"href":14586,"rel":14587},"http://www.practicalservicedesign.com/video-a-journey-to-service-design-service-experience-conference-2015",[33],"Megan's 2015 talk"," if you'd like to hear her inspiring story in her own words.)",[1488,14591,14592],{},[11,14593,14594],{},"UX Design has matured. 10 years ago, having a UX team would have been novel. Now, it's a must. Companies are defined by UX and customer delight, because there are 20 other apps just like yours.",[11,14596,14597],{},"When we checked in with Megan to see what might have changed around the office since her change of position, we found her still experiencing the rush and challenge of the new. \"I came to this with 10 years of UX and digital design experience,\" she said. \"It's a new skillset—a very different toolkit. Your wireframes won't help you.\" (Instead, the discipline lends itself to certain other types of deliverables: the service ecosystem map, the end-to-end overview, the service blueprint. More on that below.)",[11,14599,14600],{},"Megan's service design projects so far have prominently included the \"contextual inquiry\" method—i.e., sitting with your users and watching them do the task you're interested in—and the results have been illuminating. A recent project studying campus-wide usage of document storage and collaboration services (e.g., Google Drive) was typical of her approach: \"I had them show me tasks: pains, gains, creative uses. I brought back emerging personas, top uses, top gains, top pains, preliminary recommendations. The idea is that the information collected will inform future strategies. It all went into a big report, and the research will stand up over the next year.\"",[11,14602,14603],{},"Depending on the project, the findings may or may not be immediately actionable—but that's perhaps to be expected while an organization's first-ever service designer builds a body of research. No immediate next steps were planned to follow on from that particular study; instead, the research will fit into and help clarify the larger picture of how Stanford's community can best benefit from their IT services. \"These collaboration services are not going away,\" she said.",[107,14605,14607],{"id":14606},"why-now","Why Now?",[11,14609,14610],{},"Megan's trajectory from UX design to service design mirrors a broader trend. (The service-design-focused Service Experience Conference, which facilitated Megan's and Erik's partnership, was first held in 2013 and will move to a larger venue this fall.) \"Service design is only about 20 years old,\" she told us. \"The roots are in the services industry: hospitality and government to name a few. We've only seen it recently catching on in the West Coast.\"",[1488,14612,14613],{},[11,14614,14615],{},"We've had people comment that they've worked in an area for five or six years but never truly saw the end-to-end of what happens before and after their part. That's the magic of service design and the service blueprint.",[11,14617,14618],{},"In her view, the rising profile of user experience design over the last decade has been an important prerequisite, giving customer-focused organizations a model for how to now think about and take advantage of service design. \"UX Design has matured. 10 years ago, having a UX team would have been novel. Now, it's a must. Companies are defined by UX and customer delight, because there are 20 other apps just like yours. We're riding a wave of design that is cresting. Everyone is getting the basics right.\"",[11,14620,14621,14622,13638],{},"This, more than anything else, may explain the trending popularity of service design: organizations by and large now \"get\" the value of UX design, have incorporated it into their processes, and are ready to take the next step on the path toward a comprehensively user-centric ideology. (For more on the challenges and opportunities of service design, ",[15,14623,14626],{"href":14624,"rel":14625},"https://www.service-design-network.org/community-knowledge/why-customer-experience-isnt-enough",[33],"check out this article by Erik and Megan, available over at Service Design Network",[107,14628,14630],{"id":14629},"the-service-blueprint","The Service Blueprint",[11,14632,14633],{},"We caught up with Erik Flowers via Slack chat to find out how he diagrams and documents his findings in his work at Intuit. \"We've utilized the service blueprint format heavily,\" he told us, \"modifying it into something sort of new that allows us to take these end-to-end experiences and really dive deep into each moment from the surface journey that you can see from the outside, to the deep core of underlying support processes and systems and people that make it happen. It's an analysis of all the intermixed pipes, wires, tunnels, chutes, ladders, and our internal actors that are supporting the experience above and trying to make it as functional and smooth for the customer as we can.\"",[11,14635,14636],{},"The service blueprint really shines when documenting the most complex of systems—the ones with the greatest potential for inefficiencies and oversights to creep in. Erik explained: \"For those scenarios that really add up in the end as a painful customer support case, we're able to address things much more collaborative and end-to-end. Then we can get to root cause and fix it upstream, so the logjam never happens in the first place. You can pull logs out of a river all you want, but it's better to actually take a step back and see why they're coming down at a rate that is causing the downstream jam.\"",[11,14638,14639],{},"\"We've had people comment that they've worked in an area for five or six years but never truly saw the end-to-end of what happens before and after their part. That's the magic of service design and the service blueprint. It gives you a high level view and at the same time a highly detailed view. And with that, you can finally look at the beginning and end of an experience, and everything in-between, and generate those easy tactical fixes you can just go do right away, and larger strategic insights that require a vision shift across silos that probably will need leadership to see that end-to-end and let them see how everything is impacting something else. There's really no way a single team or person can see that, it's just too big. But once you make it tangible and visible, you can take that high level, wide view, and generate insights from that without having to hold it in your brain all at once.\"",[107,14641,14643],{"id":14642},"here-to-stay","Here to Stay",[11,14645,14646,14647,14652],{},"Is service design a flavor of the month? Juha Kronqvist, a researcher and lecturer at Aalto University in Espoo, Finland, defended the long-term value of the discipline in ",[15,14648,14651],{"href":14649,"rel":14650},"https://medium.com/human-to-human-stories/this-is-not-service-design-7dc5ad22811a",[33],"an article"," published on Medium last November: \"The ongoing change from an industrial society to a service economy is getting stronger and affects the design world as well. The share of services in GDP is rapidly growing and successful products increasingly resemble services (Iphone, Nest, Fitbit). Service design is created in response to this megatrend and it elevates the capabilities of designers to a strategic level. Designers are expected to understand how services operate, even if they only design products. Service design — developed during the past 30 years — is still new and not without growing pains, but interest in its utilisation is booming as tangible results start stacking up.\"",[11,14654,14655],{},"For Megan's part, she retains a healthy dose of self-deprecating skepticism even in the midst of her enthusiasm. \"Service design isn't the silver bullet,\" she told us. \"We'll hit the trough of disillusionment at some point. But we're really new here, so we don't want to limit the possibilities.\"",{"title":71,"searchDepth":72,"depth":72,"links":14657},[14658,14659,14660],{"id":14606,"depth":72,"text":14607},{"id":14629,"depth":72,"text":14630},{"id":14642,"depth":72,"text":14643},[14574,14662,14561,14582,14663,14664,76],"Intuit","service design","Stanford University","2016-08-31T00:00:00.000Z","\"UX Design has matured. 10 years ago, having a UX team would have been novel. Now, it's a must. Companies are defined by UX and customer delight because there are 20 other apps just like yours.\"",{"src":80},{},"/blog/catching-up-with-megan-miller-and-erik-flowers-of-practical-service-design",{"src":14671},"/images/2016/12/erik_flowers_sticky_notes_web.jpg",{"title":14554,"description":14666},"blog/catching-up-with-megan-miller-and-erik-flowers-of-practical-service-design","9S0Wv8b7n77FWzsq58iVPWbk8PZMlzqIE__viPWx_Pk",{"id":14676,"title":14677,"author":6,"body":14678,"categories":14811,"date":14814,"description":14815,"extension":79,"featuredImage":80,"mainImage":14816,"meta":14818,"navigation":83,"path":14819,"previewImage":14820,"seo":14821,"stem":14822,"tags":80,"__hash__":14823},"blog/blog/creating-and-publishing-ui-style-guide-and-standards.md","Creating UI Standards / Style Guides with Elizabeth Benker",{"type":8,"value":14679,"toc":14802},[14680,14695,14698,14702,14705,14708,14711,14716,14720,14723,14730,14734,14737,14740,14743,14746,14749,14753,14756,14759,14762,14766,14769,14772,14775,14780,14784,14787,14790,14793,14795,14799],[11,14681,4274,14682,14687,14688,14691,14692,367],{},[15,14683,14686],{"href":14684,"rel":14685},"http://www.zsassociates.com/",[33],"ZS Associates"," went through a company-wide rebranding in 2014, ",[115,14689,14690],{},"Elizabeth Benker","—at the time a Design Lead, and now the UX Manager for the firm's Javelin™ Product Suite—saw the opportunity for a systematic, standards-based approach to the design overhaul of the product portfolio. The result, after a six-month effort requiring a balance of focus between the UX team's standards work and its members' various primary job functions, was a comprehensive new set of design guidelines: the ",[115,14693,14694],{},"ZSUI Standards",[11,14696,14697],{},"In a postmortem phone conversation with Axure this spring, Elizabeth told us that Axure RP turned out to be integral to the process of developing the new framework and communicating it within the software development team. \"The project had been dragging on because we were stuck on the tool question. When we finally landed on Axure, we all said, 'Genius!' We were all fired up. We had everything we needed to get started.\"",[107,14699,14701],{"id":14700},"the-project","The Project",[11,14703,14704],{},"The firm’s larger rebranding effort had provided Elizabeth and her colleagues in UX with a rare moment. \"All of a sudden, all of the software we build had to be updated at the same time. We wanted to seize the opportunity to develop a consistent look and feel and a single set of interaction patterns. Because there was so much excitement with the new brand, we had a lot of organizational momentum.\"",[11,14706,14707],{},"The goal was to unify ZS' Javelin™ products through a consistent user experience, starting with a unified user interface. The means to that end was conceived as a central repository where anyone—UX designers, product managers, front-end developers, and even consultants developing custom applications for clients—could go to learn about design standards, see and experience working examples, and download functional assets.",[11,14709,14710],{},"As the UX team began to gear up for the standards effort, the potential benefits of the project became even more apparent: the new framework could also serve as an onboarding tool for new team members. \"We were painfully aware that our lack of documented standards wasn't just resulting in a lack of alignment across teams, but also frustration among our own new people,\" said Elizabeth.",[1488,14712,14713],{},[11,14714,14715],{},"We had a new person join the UX team in January—she was much more effective from day one. Her first week, she’s wireframing, and it looks like our stuff!",[107,14717,14719],{"id":14718},"the-team","The Team",[11,14721,14722],{},"The project began with just three designers—Elizabeth, Shannon Burch, and Andrew Heber—a tight-knit group who had forged a common sensibility through sheer time spent shoulder-to-shoulder. \"The three of us had worked on a massive, complex project together. To support multiple people working on the same design, we'd quickly aligned on styles. We'd worked it out through many conversations. When we were no longer on that project, we brought the same standards back to our own products. And for a while, that worked.\"",[11,14724,14725,14726,14729],{},"But the ad-hoc approach to standards wasn't scalable. \"They were locked away in our heads,\" Elizabeth recalled. \"For the framework project, we needed more hands on deck from a UX perspective. The original three of us had all of these standards, discussions, agreements, but we hadn’t documented them. We just ",[26,14727,14728],{},"knew"," the standards—or we thought we did! But we weren’t as aligned as we thought we were. It was frustrating. A new designer would show me a screen and I'd say: these aren’t aligned with standards. They'd show someone else, and another opinion would emerge.\"",[107,14731,14733],{"id":14732},"the-tools-question","The Tools Question",[11,14735,14736],{},"Perhaps the very method by which the UX team aligned could also be the platform for distributing the finished framework? They began to look for the right tool.",[11,14738,14739],{},"\"We met with our front-end developers. We asked: should we buy an off-the-shelf tool to create a style guide in a way that multiple people can access? A CMS, or maybe some kind of style guide app? But all of the tools to build style guides were not quite right for us. We knew we wanted an online repository that communicated and presented our standards.",[11,14741,14742],{},"\"Our designers are not developers. They’re designers. Not unicorns. We really, really wanted the designers to be able to create and update standards themselves. And we wanted those UI interactions to be demonstrated via working examples; we didn't want just pretty pictures of them.",[11,14744,14745],{},"\"With all of those criteria, we struck out. We even discussed building it from scratch through a vendor. For a while, we felt quite discouraged.\"",[11,14747,14748],{},"And then Andrew, a Senior UX Designer, said “Why don’t we just use Axure?”",[107,14750,14752],{"id":14751},"results","Results",[11,14754,14755],{},"The ZSUI Standards project ultimately took the form of a microsite, built in Axure RP and published to Axure Share, along with a downloadable package of production-ready CSS built by their front-end developers. UX Designers use the Axure masters and libraries as a ready-made, drop-and-drag toolkit for creating on-brand, interactive wireframes. UX Developers leverage the CSS Framework when building new features.",[11,14757,14758],{},"Elizabeth told us that the results have been positive. \"The UX team has been using the new framework since the beginning of the year. The wireframes are on-brand right out of the gate. They’re able to learn the standards quickly. It’s really cut down on the time, both for wireframing and for onboarding new UX team members.",[11,14760,14761],{},"\"Now it’s so much easier. When we had a new person join the UX team in January, the contrast between onboarding her and the previous person was like night and day. She was much more effective from day one. Her first week, she’s wireframing, and it looks like our stuff! And visual QA time to ensure the finished product is polished and on-brand has also decreased because everyone is pulling from a shared collection of design and development assets.\"",[107,14763,14765],{"id":14764},"ongoing","Ongoing",[11,14767,14768],{},"Axure RP's features geared toward collaboration and content reuse—team projects, discussions on Axure Share, masters, and custom-built widget libraries—have facilitated the upkeep and continual improvement of the ZSUI Standards.",[11,14770,14771],{},"\"Now we have a backlog. We release one new standard a week at this point. We started with the straightforward stuff: radio buttons, a fonts page, a colors page, error handling, success messages. Aligning the standards is no small feat. It’s a lot of passionate arguments and discussions.",[11,14773,14774],{},"\"But what’s so great is that we have time now for conversations about the deeper things. Now we’re really tackling: what should the filtering experience be like across our products? Things that are much more complex. Now that we've solved the lesser issues, it frees us to focus on the thornier problems.\"",[1488,14776,14777],{},[11,14778,14779],{},"It empowers people—they can put things together themselves. They have more confidence that what they put together is high-quality and consistent.",[107,14781,14783],{"id":14782},"next-steps","Next Steps",[11,14785,14786],{},"Elizabeth is excited about what the new framework means for the future of design collaboration across teams at ZS Associates. \"We have a test case happening right now. A team that is not a product team is using the assets. They’re building something and it looks exactly like one of our products. It’s pretty cool.\"",[11,14788,14789],{},"Pavneet Kaur, a developer based in ZS' Pune, India office, shares the sentiment. \"We're building a new product with a very intense timeline. Initially I was a bit hesitant to use the ZSUI Framework. I thought it would be a difficult and time-consuming activity for me to understand and use the library they made. But Mikhail (Vazhenin, a front-end developer involved in the standards effort) made it look like a piece of cake. To summarize, I would say: it’s easy to make things look hard, but hard to make things looks easy. ZSUI makes everything easily beautiful and consistent.\"",[11,14791,14792],{},"\"It empowers people,\" said Elizabeth. \"They can put things together themselves. They have more confidence that what they put together is high-quality and consistent.\"",[224,14794],{},[107,14796,14798],{"id":14797},"about-elizabeth-benker","About Elizabeth Benker",[11,14800,14801],{},"Elizabeth leads User Experience strategy, research, and design for ZS’ Javelin™ suite, a set of software applications that maximize sales force performance. In addition to her product role, she also applies UX methods to consulting engagements focused on solving complex business problems for global firms. In her career as a UX professional, Elizabeth has worked with a wide range of Fortune 100 clients. She has also worked on multiple in-house teams and taught user-centered design at the university level. This varied experience has shown her that good UX is truly a strategic differentiator. It is this belief that fuels her passion for UX, whether she’s working to improve a CEO-level executive dashboard or a consumer-facing cruise-booking engine.",{"title":71,"searchDepth":72,"depth":72,"links":14803},[14804,14805,14806,14807,14808,14809,14810],{"id":14700,"depth":72,"text":14701},{"id":14718,"depth":72,"text":14719},{"id":14732,"depth":72,"text":14733},{"id":14751,"depth":72,"text":14752},{"id":14764,"depth":72,"text":14765},{"id":14782,"depth":72,"text":14783},{"id":14797,"depth":72,"text":14798},[14690,14812,14813,75,14686],"style guide","ui standards","2016-07-26T00:00:00.000Z","When ZS Associates went through a company-wide rebranding in 2014, Elizabeth Benker—at the time a Design Lead, and now the UX Manager for the firm's Javelin™ Product Suite—saw the opportunity for a systematic, standards-based approach to the design overhaul of the product portfolio. ",{"src":14817},"/images/2019/04/_4815u_acqq.jpg",{},"/blog/creating-and-publishing-ui-style-guide-and-standards",{"src":14817},{"title":14677,"description":14815},"blog/creating-and-publishing-ui-style-guide-and-standards","fChE3utqYyS43ehuPIffYYd0uwKty-i2UmP1UV6GMws",{"id":14825,"title":14826,"author":6,"body":14827,"categories":14970,"date":14971,"description":14972,"extension":79,"featuredImage":80,"mainImage":14973,"meta":14975,"navigation":83,"path":14976,"previewImage":14977,"seo":14978,"stem":14979,"tags":80,"__hash__":14980},"blog/blog/designing-an-erp-from-scratch-with-ken-randall.md","Designing an ERP from Scratch with Ken Randall",{"type":8,"value":14828,"toc":14960},[14829,14854,14856,14859,14862,14865,14867,14870,14874,14877,14880,14884,14887,14890,14893,14897,14900,14903,14908,14911,14914,14917,14920,14924,14930,14936,14942,14948,14951,14953,14957],[11,14830,14831,14832,14835,14836,14841,14842,14847,14848,14853],{},"There comes a time in the life of a young and successful manufacturing firm when disconnected homegrown systems and spreadsheets aren't enough to keep up with the volume of demand. That's when people like ",[115,14833,14834],{},"Ken Randall"," come into the picture. A business analyst, Ken helps companies create ways to streamline the way they do business and make sure their high-quality products are delivered on time—every time. A couple of years ago, Ken was called in to do just that for ",[15,14837,14840],{"href":14838,"rel":14839},"http://www.element-designs.com/",[33],"Element Designs",", a manufacturer of custom cabinetry based in Charlotte, N.C. He and his team's solution was to customize and implement an enterprise resource planning (ERP) system from the ground up. The system he envisioned pulled together many different parts of the company, from handling tailored customer orders to managing raw material inventory levels to manufacturing to shipping. For a small company like Element Designs, this was a daunting project. Here's how Ken and his team at ",[15,14843,14846],{"href":14844,"rel":14845},"http://flyingbridge.net/",[33],"Flying Bridge Technologies",", along with partner ",[15,14849,14852],{"href":14850,"rel":14851},"http://ifensys.com/",[33],"iFensys",", did it.",[107,14855,14701],{"id":14700},[11,14857,14858],{},"Element Designs makes high-end custom cabinetry. Their products are made to order from highly precise specifications provided by architects and builders. The company was facing year-over-year growth but there was no way their manual processes could handle the volume and maintain their attention to quality details. From handling customer and manufacturing orders to managing raw materials inventory levels to shipping, it was clear the company needed to implement an Enterprise Resource Planning (ERP) system.",[107,14860,2166],{"id":14861},"the-challenge",[11,14863,14864],{},"This ERP implementation was an extremely large undertaking for a small and relatively young company. They had committed a good deal of their limited resources—both dollars and time—into the success of this project. So the pressure was on to get this right the first time. Failure was not an option for this company.",[107,14866,14719],{"id":14718},[11,14868,14869],{},"Because this project was so critical to the company, we had a team of 14 people. That included the company's entire top leadership team of six executives, along with four key department heads. We also had a lead consultant, a process engineer, a technical architect lead, and myself as the senior business analyst. I was involved from the beginning, helping to identify the business case and developing the initial needs assessment. There were other people who floated into the project as needed, but they were not involved in the design, modeling, mapping, decision processes. That said, 14 people on the same page was no small feat, which meant that we needed a tool that would help communicate all the complexity of an ERP project. We chose Axure because it let us communicate with everyone in the company, and it was a tool that we could use throughout the project lifecycle.",[107,14871,14873],{"id":14872},"the-kickoff","The Kickoff",[11,14875,14876],{},"Once we got buy-in from the company's leadership, we started the project with a workshop consisting of six clear-the-decks days, spread over two weeks, to get a clear picture of the current state of the company's way of providing products. We started by taking apart the business processes and documenting them in Axure. We had configured a number of templates and had organized the page hierarchy for the various processes and sub-processes to use for this workshop.",[11,14878,14879],{},"Moving from page to page and creating links on the fly in Axure, we were able to model in real time, at the pace of the workshop discussion. So there was no need to go back at the end of the working sessions and try to capture what was said, because we already had it captured during the sessions. At the end of the day, we just published the working models to Axure Share. As everyone already had the project link bookmarked in their browsers, it was a simple matter of refreshing the page to see the latest process models.",[107,14881,14883],{"id":14882},"improving-the-flow","Improving the Flow",[11,14885,14886],{},"Process flows are the stock and trade of business analysts. We use them to define how something gets done and communicate that with practically everyone on the team—executives, business users, process engineers, tech leads, developers, QA testers, implementation teams and operations, to name a few. We also use business requirements documents to clarify the mission (the why), specifications (the what) and wireframes (the how). In the past, those elements were presented in separate documents, often in different formats—spreadsheets, illustrations, text, slides and so on. This made cross referencing information a big challenge, and created situations where documents sometimes had contradictory information.",[11,14888,14889],{},"For this project, we decided to produce a single file in Axure that would convey the information normally contained in many of these deliverables. Our document had process models, often separated into functional flows via \"swim lanes,\" systems information, and high-fidelity screens that with entry forms. The file also contained a functional prototype of a new online tool that customers could use to configure their custom cabinetry to exact specifications.",[11,14891,14892],{},"Business teams can see at a glance the interaction of systems and process. Along the process, they can drill down by clicking through to see more in-depth information, such as the screens and forms, user personas, the relevant business rules and so on. Or they can stay on a high level to get the big picture. Either way, stakeholders don't need to hunt down another document to get the information they need.",[107,14894,14896],{"id":14895},"getting-everyone-on-the-same-page","Getting Everyone on the Same Page",[11,14898,14899],{},"As we laid out the end-to-end process in Axure, we found a number of instances where the left hand of the organization had a different mental picture of the business process than the right hand of the organization.",[11,14901,14902],{},"In this project, for example, this cropped up when we discovered through our flow analysis that some products had to be sent via expedited shipping to meet a deadline, even though it was the customer who had not approved the order in a timely manner. This was often because the up-front process was not being done in the right order. The Customer Service team set an expected ship date first and later asked the customer to approve the final order. More often than not, the customer approval was a day or two late in coming back, but the ship date was already established, and customer expectations were already set. For the Production Team, the only way to make up the time was to use express shipping - which added cost to the project and cut into the profit margin of the project.",[1488,14904,14905],{},[11,14906,14907],{},"We find that putting the details of the business rules and UI on lower-level pages, allows us to keep the process flow diagram clean and readable. The details are abstracted into separate pages, but when published on Axure Share, are just a click away.",[11,14909,14910],{},"The Customer Service team did not know that this was happening until we walked through the end-to-end process. Once it was laid out for all to see, everyone came to understand the underlying complexity—a key first step in simplification. We were able to surface several instances like this where one process had unintended repercussions elsewhere.",[11,14912,14913],{},"To get everyone on the same page, we use the second major tool of the business analyst—business rules. Business rules are the logic and the rules of thumb that we use every day to make decisions in our jobs. Most of the time we don't even think about them; they are decisions based on our experience or gut feelings. Business rules automate that process with the goal of helping everyone be consistent and improving efficiency. As business analysts, our job often boils down to identifying the need for such rules, defining them, and then documenting them in a way that's simple enough way for non-technical team members can easily read and understand.",[11,14915,14916],{},"This is accomplished through flowcharts for the logic and decision, matrix tables to show conditions and options, and screenshots of the UI to show how users would see the information. In the past, that meant having to jockey multiple documents to see the entire picture—a word processor for a high-level summary and description, a spreadsheet to see the list of rules, a diagram depicting the flow, and image files to show screenshots. We were able to consolidate our documentation into a single file, using Axure. From a page presenting a process flow diagram, you could click an icon that lets you see the relevant business rules. Another click takes you to the UI mockup. We find that putting the details of the business rules and UI on lower-level pages, allows us to keep the process flow diagram clean and readable. The details are abstracted into separate pages, but when published on Axure Share, are just a click away.",[11,14918,14919],{},"In this particular instance, we designed better visibility into our process flows, which called for earlier and better information provided by the ERP solution to what was. This allowed the Customer Service Team to help set customer expectations before orders were committed, while allowing the Production Planning Team to have a more time to make priority changes in the production schedule.",[107,14921,14923],{"id":14922},"takeaways","Takeaways",[11,14925,14926,14929],{},[115,14927,14928],{},"Simple presentations are key for engaging executives in complex ERP projects."," Element Designs had never modeled its processes before, and they were frankly leery of the need for such an up-front step. A great experience was required to prove the time spent would be worth the effort. Having the text, data, diagrams, UI, and related information in Axure RP as a central repository for all requirements, we were able to streamline the process and simplify it greatly for our client.At first, the publication of the process and screen mockups was thought of as an internal capability, between the business analyst and the development team. We quickly learned that the ability to publish to the client for feedback and validation turned out to be a huge win - saving a tremendous amount of time. At the end of every session, we were able to instantly publish the session's work. And since the client already had the Axure Share URL bookmarked, all they needed to do was refresh the screen to see the changes.",[11,14931,14932,14935],{},[115,14933,14934],{},"Having a single file allows us to collaborate in real time."," This saves us the need for us to gather as much information offline as we would have had to otherwise. As we collaborate, we're able to make the changes in the document right then and there.",[11,14937,14938,14941],{},[115,14939,14940],{},"Business rules are key to communicating with developers."," If you take the time to write and document the rules properly, the logic you create during the process can be easily translated into a series of case statements and if-then statements in the ERP software code, making the job of the programmer much easier and faster.",[11,14943,14944,14947],{},[115,14945,14946],{},"Specifications often can be reused as training documents."," We were able to create a final overview version of the process that was used to train the production team on what the process looked like from 30,000 feet. We had not planned to do this at the beginning of the project, so it was a good win-win reuse of the definition requirements.",[11,14949,14950],{},"In the end, having a single document capable of communicating relevant information to all stakeholders saved us a lot of time, and it helped to make sure everyone from the CEO to the production manager were aligned and, quite literally, on the same page.",[224,14952],{},[107,14954,14956],{"id":14955},"about-ken-randall","About Ken Randall",[11,14958,14959],{},"Ken Randall has over 25 years of experience developing enterprise business processes and technologies. Throughout his career, Ken has been called on multiple times to resolve crisis and turnaround situations, as well as lead strategic initiatives. His expertise has evolved from client/server-based solutions to n-tier collaborative web applications and he has worked with many of the major technologies deployed today. Ken is currently Vice President of Business Process and Workflow Strategy at Wells Fargo. Prior to joining Wells Fargo, he was Vice President of Business Development at Flying Bridge Technologies Inc.",{"title":71,"searchDepth":72,"depth":72,"links":14961},[14962,14963,14964,14965,14966,14967,14968,14969],{"id":14700,"depth":72,"text":14701},{"id":14861,"depth":72,"text":2166},{"id":14718,"depth":72,"text":14719},{"id":14872,"depth":72,"text":14873},{"id":14882,"depth":72,"text":14883},{"id":14895,"depth":72,"text":14896},{"id":14922,"depth":72,"text":14923},{"id":14955,"depth":72,"text":14956},[14846,14852,14834,75],"2016-06-14T00:00:00.000Z","There comes a time in the life of a young and successful manufacturing firm when disconnected homegrown systems and spreadsheets aren't enough to keep up with the volume of demand. That's when people like Ken Randall come into the picture. ",{"src":14974},"/images/2019/04/5airb5f464a.jpg",{},"/blog/designing-an-erp-from-scratch-with-ken-randall",{"src":14974},{"title":14826,"description":14972},"blog/designing-an-erp-from-scratch-with-ken-randall","KJAWifu8l1QOehG_YMHY4XjzREQd3Pzyk_ue6V-FFtc",{"id":14982,"title":14983,"author":6,"body":14984,"categories":15233,"date":15237,"description":15238,"extension":79,"featuredImage":80,"mainImage":15239,"meta":15241,"navigation":83,"path":15242,"previewImage":15243,"seo":15244,"stem":15245,"tags":80,"__hash__":15246},"blog/blog/creating-user-centered-solutions-with-sap-fiori.md","Sana Salam on Creating User-Centered Solutions with SAP Fiori",{"type":8,"value":14985,"toc":15218},[14986,14989,15001,15005,15008,15015,15022,15025,15028,15032,15035,15049,15053,15056,15060,15063,15066,15069,15073,15076,15079,15083,15086,15089,15093,15096,15099,15103,15106,15109,15113,15116,15119,15133,15141,15144,15149,15153,15156,15159,15163,15175,15180,15187,15194,15199,15206,15209,15211,15215],[11,14987,14988],{},"In Italian, the word \"fiori\" means \"flowers.\" Three years ago, that's not a word that would likely spring to mind when thinking about enterprise business applications. SAP, known for creating software that form the digital spine of some of the world's largest companies, recognized that. SAP's solution, launched in 2013, was Fiori—a suite of front-end business applications designed to be intuitive, modern and mobile-ready.",[11,14990,14991,14996,14997,15000],{},[15,14992,14995],{"href":14993,"rel":14994},"http://www.sodalessolutions.com/",[33],"Sodales Solutions Inc.",", the first SAP partner to become a certified Fiori developer, created a method for tackling Fiori projects. Here, Sodales' Founder and President, ",[115,14998,14999],{},"Sana Salam",", outlines her company's methodology, which she and her team have refined over the course of completing 26 Fiori projects.",[107,15002,15004],{"id":15003},"why-use-fiori","Why Use Fiori?",[11,15006,15007],{},"Simply put, SAP Fiori is the new user experience of SAP. It simplifies complex SAP products into intuitive self-service tasks, ultimately boosting process efficiency and user adoption. SAP created Fiori to solve two major user experience issues:",[11,15009,15010,15011,15014],{},"Traditional SAP transactions involved ",[115,15012,15013],{},"too many screens and tabs"," making them daunting and inefficient. SAP Fiori UX reduces the number of clicks by showing only role-specific information and actions on the screen. In some cases, users see about 70% of reduction in the number of clicks with Fiori apps.",[11,15016,15017,15018,15021],{},"Traditional SAP products are module based, where ",[115,15019,15020],{},"users are required to memorize transaction codes and program names"," to access and execute various tasks within a process. SAP Fiori UX can break down large processes into simple, discrete tasks and eliminating the need to summon transaction codes from memory.",[11,15023,15024],{},"In some cases, users see about 70% of reduction in the number of clicks with Fiori apps.",[11,15026,15027],{},"Because Fiori is responsive and device agnostic, many SAP customers also use Fiori apps as mobile apps, which opens up new avenues of business solutions that can be applied in more settings than before.",[107,15029,15031],{"id":15030},"when-to-use-fiori","When to Use Fiori",[11,15033,15034],{},"In order to assess whether SAP Fiori is a good solution for our clients, we typically look to see if one or more of the following situations is true:",[269,15036,15037,15040,15043,15046],{},[272,15038,15039],{},"Tasks are time sensitive and completed by users who are on the road. This could be a plant technician reporting an operational breakdown, for example.",[272,15041,15042],{},"Users' responsibilities are not tech oriented. This could be a sales team working with customers.",[272,15044,15045],{},"There are complex SAP transactions that need to be decomposed and simplified for better efficiency. A good example of this is the SAP purchase order creation process.",[272,15047,15048],{},"The project involves cross-platform processes and sources. Examples of this are recruitment, training and help desk processes.",[107,15050,15052],{"id":15051},"applying-design-thinking-for-fiori-projects","Applying Design Thinking for Fiori Projects",[11,15054,15055],{},"At Sodales, we've completed 29 SAP Fiori UX projects (involving over 100 Fiori UX apps), out of which 11 are targeted for Fiori mobilization. Our design philosophy for Fiori apps is based on the Design Thinking framework—a creative problem-solving technique that brings a disciplined approach to innovation. This framework is especially suited for projects with little or no precedent to help inform an immediate or pre-built solution, but not so exotic as to be beyond the realm of customized Fiori implementations. We use various design thinking tools for managing the end-to-end application lifecycle starting from strategy, budgeting, roadmap, technical feasibility, user experience, requirements and testing.",[195,15057,15059],{"id":15058},"step-1-360-research","Step 1: 360° Research",[11,15061,15062],{},"Goal: Get smart quickly with problem discovery.",[11,15064,15065],{},"How: During this phase, we schedule interviews and observation sessions with a carefully selected group of users; preferably from various disciplines. Research phase can be conducted over a span of a few days prior to the workshop, depending upon the availability of information/stakeholders. In some cases, research phase might just be about reading current state documents, analyzing existing studies or conducting phone interviews. Let's use an example of a customer service process. In this case, we would start off by interviewing and observing various roles/personas involved in the process such as sales agents, supervisors, finance executives and operations teams. These one-on-one interviews allow us to capture unbiased yet personalized feedback and touch points about the problem. We augment insights gleaned from interviews with observation sessions to further understand the unarticulated needs of users. For example, if a customer service agent has to walk to a printer during customer meetings, that interruption might have a negative impact on customer experience.",[11,15067,15068],{},"It can be tempting to skip this step and take our clients' presentation of their problems at face value and start designing a Fiori solution. But if we don't take the time in advance to dig deeper into the source of their issues, we might end up solving the wrong problem.",[195,15070,15072],{"id":15071},"step-2-synthesis","Step 2: Synthesis",[11,15074,15075],{},"Goal: Understand a typical user.",[11,15077,15078],{},"How: During this phase, we spend about 15 to 30 minutes visually describing a typical target user by identifying personal details. In addition to age and gender, we also dive into their challenges, what they see or hear on day to day basis, how they do their work, and what their personal goals are. We strive to put ourselves in the shoes of the user. There are several design thinking tools available for this, such as personas, empathy maps and so on.",[195,15080,15082],{"id":15081},"step-3-journey-mapping","Step 3: Journey Mapping",[11,15084,15085],{},"Goal: Map the persona's current experience. Identify critical problems and opportunities.",[11,15087,15088],{},"How: This step mirrors the intent and design of Fiori, which seeks to create experiences around tasks performed by specific roles, rather than a transaction-focused approach. Journey maps, paired with insights gained from personas, are a powerful way to start thinking about how you can structure your Fiori solution. In this step, we spend about an hour to map out of how our typical user goes through a certain process. We capture specific information about their emotional experience, stakeholders and systems. This allows us to capture the cognitive reasons of why and how users do certain things.",[195,15090,15092],{"id":15091},"step-4-brainstorming","Step 4: Brainstorming",[11,15094,15095],{},"Goal: Rapidly generate ideas. Incorporate best ideas in low-fidelity prototypes.",[11,15097,15098],{},"How: Here, we divide into groups of four to seven people, with each group addressing a specific problem. The groups spend about 45 minutes in brainstorming possible solutions. When forming groups, we try to include people from a wide variety of backgrounds, roles, levels of experience and departments. In our experience, this forced diversity tends to yield more novel solutions than having homogenous groups. For one of our projects, when we paired sales agents with lowest results with sales agents who achieved highest results, we found that the best and wildest ideas came from \"lazy\" employees who quickly found the easiest shortcut for doing a task. It is generally a good idea to have a project team checkpoint at this stage (designers, IT and executives ) to ensure we are still on track.",[195,15100,15102],{"id":15101},"step-5-storyboard","Step 5: Storyboard",[11,15104,15105],{},"Goal: Create a visual representation of future",[11,15107,15108],{},"How: This exercise takes about one hour. Each group incorporates the most feasible and promising ideas to create at least one sample end-to end scenario of future. One of the key success factors for this phase is to ensure that we pair at least one executive decision maker with each group. The decision makers act as a moderator to ensure users are not creating something that is not a high priority requirement. The decision makers also help the participants with common understanding of various terminologies. The storyboard use show-and-tell approach. It is important to generate a large quantity of hand-drawn storyboards using as many sample use cases as we can think of. This allows us to conduct hypothesis testing in the next step.",[195,15110,15112],{"id":15111},"step-6-create-napkin-pitches-and-low-fidelity-prototypes","Step 6: Create \"Napkin Pitches\" and Low-Fidelity Prototypes",[11,15114,15115],{},"Goal: Test hypotheses using rapid prototyping and feedback",[11,15117,15118],{},"How: This exercise takes about three to four hours of collaborative, hands-on work where groups set out to create their napkin pitches. One of the primary goals of hypothesis testing is to assess the feasibility and viability of solutions. This cannot be done just by looking at things at high level. It involves testing the storyboards we've created in Step 5 for specific use cases with a variety of day-to-day situations. The hypothesis testing of a service ticket app, for example, might involve several potential scenarios, such as: 1) a technician receives a phone call from customer; 2) the technician is onsite for routine maintenance; or 3) customer service receives a request for return of damaged equipment. Can our solutions work in all three situations?",[11,15120,15121,15122,15127,15128,367],{},"To answer those questions, it's important that our prototypes are created with enough detail to test out those scenarios. Such details would include all the required field labels, layouts, and key performance indicators that can enable users to think through the design variations. We use Axure to create detailed prototypes for Fiori, using a ",[15,15123,15126],{"href":15124,"rel":15125},"https://experience.sap.com/fiori-design-web/resources/downloads/",[33],"library of templates, icons, stencils and controls"," that SAP has ",[15,15129,15132],{"href":15130,"rel":15131},"http://scn.sap.com/people/kai.richter/blog/2015/06/08/prototyping-fiori-applications",[33],"built specifically for Axure",[11,15134,15135,15136,15140],{},"If you'd like to explore SAP Fiori stencils, we created a ",[15,15137,15139],{"href":15138},"/c/blog/189-quick-start-guide-designing-sap-fiori-ux-apps.html","quick start guide"," to get you on your way.",[11,15142,15143],{},"The combination of pre-built Fiori stencils and Axure makes the effort of hypothesis testing negligible; we're able to build a working Fiori prototype in Axure in as little 5 minutes. Through this process of building and testing our prototypes, we gain further insights into the solutions' feasibility, giving us the confidence to take our innovation journey to the next step.",[1488,15145,15146],{},[11,15147,15148],{},"The combination of pre-built Fiori stencils and Axure makes the effort of hypothesis testing negligible; we're able to build a working Fiori prototype in Axure in as little 5 minutes.",[195,15150,15152],{"id":15151},"step-7-implementation","Step 7: Implementation",[11,15154,15155],{},"Goal: Set up development project",[11,15157,15158],{},"How: At this point, we're off to a great start. We can begin planning the development phase of our Fiori project. At this stage, we can create an initial set of requirements as a project scope, as well as the supporting assets for business case approval. We use Axure to extract the documentation and data flow directly from the prototypes we created in Step 6. This documentation is quite detailed and gives us a fair understanding of the possible number of screens, the types of interactions, the user flows for various tasks in Fiori and so on. The visual prototypes created with Axure are also great for engaging executives during business case or budget approval meetings. They give executives the comfort of knowing that we have done our homework, and they create excitement because they can be touched and felt on a smart device just like a real app.",[107,15160,15162],{"id":15161},"the-upshot","The Upshot",[11,15164,15165,15166,802,15171,15174],{},"As you've probably gathered by now, Fiori makes designing business applications much more compatible with design thinking methodologies. That's because Fiori encourages designers to move away from thinking about software features and instead focus on roles and tasks. In an ",[15,15167,15170],{"href":15168,"rel":15169},"http://scn.sap.com/community/crm/blog/2014/10/14/five-things-you-need-to-know-about-fiori-for-crm",[33],"article on the SAP Community Network",[115,15172,15173],{},"John Burton"," pointed out that, \"All SAP Fiori apps follow a design principle known as 1-1-3 ('one, one, three'). This means each screen should be designed with a single user (or role) in mind, a single task that this user wants to accomplish, and a maximum of three levels of navigation to perform this task.\" In other words, Fiori's 1-1-3 rule encourages us to focus on one user, one task and three screens. Simplicity drives return on investment.",[1488,15176,15177],{},[11,15178,15179],{},"Fiori's 1-1-3 rule encourages us to focus on one user, one task and three screens. Simplicity drives return on investment.",[11,15181,15182,15183,15186],{},"The approach we've developed further amplifies those returns by allowing us to technically and financially validate the innovation before it is built, making it particularly effective under budget constraints. It lets us evaluate which Fiori apps we should build first and how they can deliver the most value at lowest effort. And it does so with the help of direct user input. \"Design thinking has significantly transformed the way of requirements gathering for us,\" said ",[115,15184,15185],{},"Khemraj Sharma",", Global Business Intelligence Manager at Karl Storz, a maker of surgical instruments. \"It adds personal emotions, which were missing in traditional approaches. It allows users to be fully engaged, and they can express their idea more openly.\"",[11,15188,15189,15190,15193],{},"Many organizations use design thinking to solve problems. What sets our process apart, however, is speed. The bulk of this exercise, Steps 2-6, can be accomplished in a single day. ",[115,15191,15192],{},"Joe McLaughlin",", Vice President, Operations and Technology for AAA's Western & Central New York division, recently ran his team through this exercise and noted that the fast pace resulted in an \"energetic, collaborative, and efficient approach to identifying improvement opportunities in key business processes.\"",[1488,15195,15196],{},[11,15197,15198],{},"What sets our process apart, however, is speed. The bulk of this exercise, Steps 2-6, can be accomplished in a single day.",[11,15200,15201,15202,15205],{},"Processes are well and good, but what about results? ",[115,15203,15204],{},"Datta Sapre",", an executive in IT Applications at SageNet, whose team also undertook this exercise, told us that the combination of \"design thinking and SAP Fiori apps have helped us simplify our business processes resulting in increased user adoption and lower processing times.\"",[11,15207,15208],{},"We hope you find this process useful in your quest to build intuitive, user-centric business apps with SAP Fiori.",[224,15210],{},[107,15212,15214],{"id":15213},"about-sana-salam","About Sana Salam",[11,15216,15217],{},"Sana Salam is the president and founder of Sodales Solutions Inc., an SAP-certified partner specialized in Enterprise Mobility, User Experience and Big Data solutions. Before starting Sodales, Sana worked as a turnaround project manager where she revived derailed IT projects. Sana's passion for helping enterprises simplify their business by humanizing technology led her to found Sodales. Her firm uses SAP technologies and user experience methods to solve business complexities with a design thinking framework. The Sodales team has won several design awards, including the SAP Mobile Apps Challenge for Microsoft Windows 8 and the SAP Google Apps Challenge. Sodales was the first SAP partner to certify a Fiori app. Sodales is driving innovations for SAP customers in the areas of SAP® smart business analytics, IoT apps and SAP® S/4HANA extension apps.",{"title":71,"searchDepth":72,"depth":72,"links":15219},[15220,15221,15222,15231,15232],{"id":15003,"depth":72,"text":15004},{"id":15030,"depth":72,"text":15031},{"id":15051,"depth":72,"text":15052,"children":15223},[15224,15225,15226,15227,15228,15229,15230],{"id":15058,"depth":309,"text":15059},{"id":15071,"depth":309,"text":15072},{"id":15081,"depth":309,"text":15082},{"id":15091,"depth":309,"text":15092},{"id":15101,"depth":309,"text":15102},{"id":15111,"depth":309,"text":15112},{"id":15151,"depth":309,"text":15152},{"id":15161,"depth":72,"text":15162},{"id":15213,"depth":72,"text":15214},[15234,14999,15235,15236,75],"Fiori","SAP","Sodales Solutions","2016-05-10T00:00:00.000Z","In Italian, the word 'fiori' means flower. Three years ago, that's not a word that would likely spring to mind when thinking about enterprise business applications. SAP, known for creating software that form the digital spine of some of the world's largest companies, recognized that.",{"src":15240},"/images/2019/04/wc6mj0krzgw.jpg",{},"/blog/creating-user-centered-solutions-with-sap-fiori",{"src":15240},{"title":14983,"description":15238},"blog/creating-user-centered-solutions-with-sap-fiori","LjBK63WWnrXGLJhrp7Jti1edgnQZabIiZCbW_IRjL8I",{"id":15248,"title":15249,"author":6,"body":15250,"categories":15405,"date":15237,"description":15254,"extension":79,"featuredImage":80,"mainImage":15406,"meta":15407,"navigation":83,"path":15408,"previewImage":15409,"seo":15411,"stem":15412,"tags":80,"__hash__":15413},"blog/blog/quick-start-guide-to-designing-sap-fiori-ux-apps.md","Quick Start Guide to Designing SAP Fiori UX Apps",{"type":8,"value":15251,"toc":15403},[15252,15255,15271,15274,15280,15286,15308,15314,15325,15332,15341,15347,15350,15353,15356,15390],[11,15253,15254],{},"You don’t need to be a Fiori expert to start designing your own Fiori UX Apps. Working with Fiori stencils and icons created for use in Axure RP, you can quickly start building by dragging and dropping screens, icons and functional elements onto the canvas in Axure RP.",[11,15256,15257,15258,15261,15262,15266,15267,15270],{},"To get started, ",[15,15259,1376],{"href":15124,"rel":15260},[33]," the Fiori libraries, and ",[15,15263,15265],{"href":15264},"/support/reference/widget-libraries","load them into Axure RP",". If you don’t have Axure RP, you can still ",[15,15268,15269],{"href":1375},"download a free-trial copy"," for 30 days for this exercise.",[11,15272,15273],{},"Now let’s dive in. For this exercise, we’ll design a simple travel expense approval app.",[11,15275,15276,15279],{},[115,15277,15278],{},"Know your test data."," Before you start designing, have a basic idea of the data you will need for your app. For our expense app, this could be the expense type, the amount of the expense, the receipt (as an attachment), date and purpose. Advanced tip: If the stencils you use are built as Axure RP repeater widgets, you can even upload test data from an Excel spreadsheet if you like to make the exercise more realistic.",[11,15281,15282,15285],{},[115,15283,15284],{},"Create role specific prototypes."," Managers approving the expense, for example, will see a different screen than the employee submitting the expense. SAP recommends that Fiori designers focus on one user, one task, and three screens, also known as the 1-1-3 principle. Figure out exactly what the user needs to do to complete the task and how they will interact with your product. In this case, the user is the manager and the task is to approve the expense.",[11,15287,15288,15291,15292,15296,15297,15302,15303,367],{},[115,15289,15290],{},"Gather ideas."," If you’re looking for inspiration, start by exploring the design elements ",[15,15293,630],{"href":15294,"rel":15295},"https://experience.sap.com/fiori-design/explore/",[33],". You can also poke around the ",[15,15298,15301],{"href":15299,"rel":15300},"https://fioriappslibrary.hana.ondemand.com/sap/fix/externalViewer/",[33],"SAP Fiori Apps Reference Library",". The library contains information about dozens of out-of-the-box SAP Fiori Apps. Here’s one for ",[15,15304,15307],{"href":15305,"rel":15306},"https://fioriappslibrary.hana.ondemand.com/sap/fix/externalViewer/#/detail/Apps('F0584')",[33],"My Travel Expense",[11,15309,15310,15313],{},[115,15311,15312],{},"Fire up Axure RP and load the Fiori libraries you’ve downloaded."," You’ll notice that the stencils come in three sizes. Choose any one.",[269,15315,15316,15319,15322],{},[272,15317,15318],{},"Large (L) - for desktop screens",[272,15320,15321],{},"Medium (M) - for tablets with touch-friendly controls",[272,15323,15324],{},"Small (S) - for phones with touch controls",[11,15326,15327,15328,367],{},"Learn more about these sizes ",[15,15329,630],{"href":15330,"rel":15331},"https://experience.sap.com/fiori-design/",[33],[11,15333,15334,15337,15338,367],{},[115,15335,15336],{},"Create a Master Detail App."," Selecting a stencil from the SAP stencil library on the left and dragging it out to the design area. One of the most commonly used stencils for this type of application is ",[115,15339,15340],{},"SplitScreen_Object",[11,15342,15343,15346],{},[115,15344,15345],{},"Customize the fields to match your test data set."," This is where you get to have fun playing with the interface and configuring your perfect app. For example, using the SplitScreen_Object stencil, you can rename the “Products” column on left to “Expense” and the right column as “Expense Detail.” Continue to refine the screen until it matches your data set. Violà! You’ve designed your first Fiori UX App.",[11,15348,15349],{},"Once you’ve designed your master detail app for one screen size and form factor, it’s easy to adapt those designs for other devices by using the same stencils in the other two sizes.",[11,15351,15352],{},"The advantage of using the Fiori stencils and icons in Axure RP is that they automatically comply with the SAP Fiori Guidelines, saving you the time of having to go through the 27-page checklist when you go through the SAP Fiori App certification phase. (You’ll still need to be careful when styling and customizing the stencils, however, to stay within the guidelines.) As a postscript, keep an eye out for SAP’s forthcoming update of Fiori, which SAP Partners say will feature additional stencils such as cards and overview pages.",[11,15354,15355],{},"Need more information? We’ve compiled a list of additional resources.",[269,15357,15358,15364,15370,15377,15383],{},[272,15359,15360],{},[15,15361,15363],{"href":15330,"rel":15362},[33],"SAP’s Introduction to Fiori",[272,15365,15366],{},[15,15367,15369],{"href":15299,"rel":15368},[33],"A library of pre-built SAP Fiori Apps",[272,15371,15372],{},[15,15373,15376],{"href":15374,"rel":15375},"https://www.youtube.com/watch?v=ohCcbie75SM&feature=youtu.be",[33],"Video walk-through of the SAP library",[272,15378,15379],{},[15,15380,15382],{"href":15381},"/support/training/core/1-basics","Axure Core Tutorial",[272,15384,15385],{},[15,15386,15389],{"href":15387,"rel":15388},"http://scn.sap.com/community/best-built-applications/blog/2015/12/11/6-smart-ways-to-use-axure-in-fiori-projects",[33],"More ways to use Axure in designing Fiori UX Apps",[11,15391,15392],{},[26,15393,15394,15395,15397,15398,15402],{},"We'd like to thank ",[115,15396,14999],{},", Chief Executive of ",[15,15399,15401],{"href":14993,"rel":15400},[33],"Sodales Solutions Inc",". for helping us create this guide.",{"title":71,"searchDepth":72,"depth":72,"links":15404},[],[15234,15235,601,75],{"src":80},{},"/blog/quick-start-guide-to-designing-sap-fiori-ux-apps",{"src":15410},"/images/2017/01/Designing-SAP-Fiori-.png",{"title":15249,"description":15254},"blog/quick-start-guide-to-designing-sap-fiori-ux-apps","P_DBjEd3Q5kgp4-aRxEx_icJAex45GVMqsTHUUsU5gs",{"id":15415,"title":15416,"author":6,"body":15417,"categories":15650,"date":15653,"description":15654,"extension":79,"featuredImage":80,"mainImage":15655,"meta":15657,"navigation":83,"path":15658,"previewImage":15659,"seo":15660,"stem":15661,"tags":80,"__hash__":15662},"blog/blog/archie-miller-of-carmax-on-implementing-lean-ux-in-large-organizations.md","Archie Miller of CarMax on Implementing Lean UX in Large Organizations",{"type":8,"value":15418,"toc":15638},[15419,15423,15436,15440,15449,15452,15455,15459,15462,15478,15507,15510,15514,15517,15521,15524,15528,15545,15549,15552,15556,15559,15563,15566,15572,15578,15592,15598,15620,15629,15631,15635],[107,15420,15422],{"id":15421},"introduction","Introduction",[11,15424,15425,15426,15429,15430,15435],{},"In 2014, CarMax set off on a journey to bring in Lean UX design principles to its organization. The company, known for revolutionizing the used car buying process in the U.S., is now focused on redesigning its web and mobile apps to seamlessly integrate the digital and store experience for its customers. While Lean UX is often associated with small companies that already have lean organizational structures, there are distinct challenges when it comes to large companies. ",[115,15427,15428],{},"Archie Miller",", Team Manager of CarMax's ",[15,15431,15434],{"href":15432,"rel":15433},"http://jobs.carmaxdigital.com/",[33],"Interaction Design Group",", talks about some of those challenges, and how his team dealt with them, through the lens of a single project to validate the company's online process for scheduling a test drive. This article is based on Archie's presentation at the AxureWorld conference.",[107,15437,15439],{"id":15438},"the-big-picture","The Big Picture",[11,15441,15442,15443,15448],{},"With 16 million visits per month, ",[15,15444,15447],{"href":15445,"rel":15446},"http://www.carmax.com/",[33],"CarMax.com"," lets car buyers browse thousands of vehicles, put a seven-day hold on vehicles that catch their eye, transfer cars to their local CarMax store, and inquire about financing, among other things. CarMax is focused on evolving its online capabilities as consumers do more of their shopping and research through web and mobile apps. As part of this larger effort, my team needed to evaluate and validate which existing functionalities worked well, and which could be improved. We adopted a customer-centric approach for our digital storefronts.",[11,15450,15451],{},"CarMax already had disrupted the industry more than 20 years ago by turning a universally dreaded life-event, buying a used car, into one that's straightforward and simple. We've even designed ways to make the experience fun. When buyers are ready to take their cars home, our salespeople bring out the vehicle with a big bow and offer to take a picture of our customers with their new purchase; many share those photos with their friends on social media. We wanted to redesign CarMax's digital experience to reflect the company's customer-centric approach of simplicity, transparency and innovation. In addition, we needed to retool our site to stay ahead of the shift towards mobile and escalating consumer expectations for their online experiences.",[11,15453,15454],{},"To do this, CarMax reorganized their digital teams to operate more like a lean startup product organization, which included creating an Interaction Design team. This is about the time I joined CarMax. What attracted me was the company's dedication to change—even though it continues to be successful. A lot of companies wait until success eludes them; then it's too late.",[107,15456,15458],{"id":15457},"lean-ux-vs-enterprise","Lean UX vs. Enterprise",[11,15460,15461],{},"While CarMax's online and offline values are similar, the paths for each turned out to be very different. Success at the brick-and-mortar level required strict adherence to regimen. Similar to many large-scale retailers, our company used procedures precisely documented for all aspects of its operations. Fine-tuned over 25 years, these procedures ensured a uniformly high-quality customer service experience across our 155 stores and 22,000 associates nationwide.",[11,15463,15464,15465,15470,15471,1571,15474,15477],{},"My team had adopted a ",[15,15466,15469],{"href":15467,"rel":15468},"http://shop.oreilly.com/product/0636920021827.do",[33],"Lean UX approach laid out in the book"," by ",[115,15472,15473],{},"Jeff Gothelf",[115,15475,15476],{},"Josh Seiden",". This method is challenging to pull off in an enterprise for a few reasons:",[269,15479,15480,15487,15493,15500],{},[272,15481,15482,15483,15486],{},"Lean UX emphasizes ",[115,15484,15485],{},"skills over roles"," interacting within several small \"one or two pizza\" teams. Large companies are often more accustomed to larger teams with less flexible organizational structures.",[272,15488,15489,15490,15492],{},"Related to the preference for skills over roles, Lean UX calls for plenty of ",[115,15491,4782],{}," among team members and stakeholders to foster a shared understanding. In large organizations, documentation and project task dependencies can impact communication and create silos.",[272,15494,15495,15496,15499],{},"Designing lean means fast iterations and the ability to focus on the ",[115,15497,15498],{},"speed of learning"," thus mitigating risk earlier. Enterprises often place value on speed to market by focusing teams primarily on deliverables and output.",[272,15501,15502,15503,15506],{},"For large organizations, accountability is tracked through KPIs. In Lean UX, an outcome that delivers ",[115,15504,15505],{},"value for customers"," becomes a leading indicator of success—those outcomes then drive the desired business impact for the enterprise.",[11,15508,15509],{},"In the case of CarMax, we had support from leadership down, and this places us in a much better place than other large companies where teams try to sell Lean UX from the bottom up.",[107,15511,15513],{"id":15512},"the-lean-team","The Lean Team",[11,15515,15516],{},"Our core product team consists of a product manager, lead developer, and UX designer. Each of the three has a voice, and there is constant collaboration and dialogue within the core team. When there's a disagreement, the product manager acts as the tie-breaker.",[107,15518,15520],{"id":15519},"the-task","The Task",[11,15522,15523],{},"Among our core online offerings is the ability to schedule a test drive. Customers who selected the option are shown a pop-up module that asks them to select a time and date for their test drive and enter their name, phone number, email address, password, and zip code. If the customer is brand new to CarMax, the site walks them through a registration process. But if the email address they enter is already in CarMax's system, our site returns an error message, saying there is already an account associated with that email address and suggesting that the customer sign in. That means, for existing or return customers, the scheduling process is interrupted. They must back up, click a tiny \"Sign in\" link and re-enter their email, password and phone number. We wanted to validate this process and see if it could be improved.",[107,15525,15527],{"id":15526},"the-first-hypothesis","The First Hypothesis",[11,15529,15530,15531,15533,15534,15539,15540,15544],{},"Our first hypothesis was that if we removed the requirement to sign in or create an account, it would reduce friction for customers and make it easier to schedule test drives and increase increase leads to stores. To test this, we recreated the scheduling process in ",[15,15532,6],{"href":1720},", using screengrabs and a handful of basic widgets such as text fields, drop menus and buttons to make a \"retrotype\" that mimicked our existing flow (as opposed to a prototype for products that don't yet exist). The retrotype differed from the real thing in one key aspect—it replaced the account sign-in requirement with a simple checkmark Captcha that we'd need in place to foil bots. We used ",[15,15535,15538],{"href":15536,"rel":15537},"https://ethn.io/",[33],"Ethnio"," to recruit online testers. We connected with our testers using a screen-sharing application and by phone and watched as they walked through our retrotype on ",[15,15541,10929],{"href":15542,"rel":15543},"https://share.axure.com/",[33],". What we learned surprised us. Some of our testers expected to either create an account or sign in to their existing accounts. When there wasn't a prompt to do so, they questioned if they had done the scheduling correctly. Had it really gone through? Would CarMax recognize who had scheduled the test drive? Secondly, our testers universally hated the Captcha, even though it required far fewer steps than the sign-in process. In other words, our assumptions were wrong. The problem wasn't the requirement to sign in or create an account; it was the way existing customers were asked to do so. And that sent us back to the drawing board.",[107,15546,15548],{"id":15547},"the-second-hypothesis","The Second Hypothesis",[11,15550,15551],{},"We realized from our first round of testing that customers actually expected to associate their car purchasing activities with their accounts so they can also track which exact cars they've reserved, test drove and researched. This is especially important within a used car buying experience, because, unlike new vehicles, two cars of the same year, make and model can differ. So we returned to the existing flow and looked to see how that could be improved while preserving the sign-in and account creation process. As mentioned earlier, if a customer enters an email address that is already in CarMax's system, our site returns an error message, saying there is already an account associated with that email address and suggesting that the customer click a \"Sign in\" link, and re-enter their email, password and phone number. We adjusted the flow so that both the sign-in and account creation was more obviously integrated with the scheduling. In Axure, we were able to reuse the assets from the first round to quickly create a test prototype that incorporated this new flow.",[107,15553,15555],{"id":15554},"outcome","Outcome",[11,15557,15558],{},"In less than three days, we were able to validate sign-in / account creation within a core function of our website as having value to both for us as a business and for our customers. Our lean approach meant that we were able to accelerate our learning. The point was not to get done quickly and fail fast. It was to get done fast, so we could learn fast. This \"quick win\" demonstrated the value of running lean experiments that ultimately lead to design decisions based on evidence rather than assumptions. In this particular test, our goal was to rev up our learning velocity and deliver the right solution for generating leads for our stores. We learned that account creation and sign-in was not the issue as we hypothesized. It was all about setting the expectation that an account was needed.",[107,15560,15562],{"id":15561},"lessons-learned","Lessons Learned",[11,15564,15565],{},"Lean UX in a large organization is challenging, but possible. Our initiative had the fortune of having the support of company leadership, including our CEO. But on a day-to-day basis, we still need to prove out the model to everyone else at the company whose help we greatly rely on. This is especially challenging when parts of the existing culture, which has yielded so much success, encounters new Lean UX principles. The most common challenge for us is re-orienting expectations from output to outcome. In the past, we measured success by hitting a project deadline fast and under budget. Now we must to convince stakeholders to trust a new set of metrics. The velocity of learning should be more important than velocity to deliver—it's no good to deliver the wrong solution quickly. Of course, accelerated learning results in accelerated delivery, but what gets delivered may be different. From this and similar experiments, we learned the following:",[11,15567,15568,15571],{},[115,15569,15570],{},"Start small and prepare to compromise."," When you initiate Lean UX practices to an enterprise, you might encounter \"corporate antibodies.\" These antibodies sense change and attempt to normalize the new process based on the more familiar process. Sometimes, you have to accept a compromise, but that's part of the challenge—recognizing when Lean UX can help and when it can't. Rather than completely redesigning the test drive scheduling process from scratch, for example, we started small, with a minor adjustment, to demonstrate the value of quick learning.",[11,15573,15574,15577],{},[115,15575,15576],{},"Build teams from within."," In this exercise, our product manager was relatively new to Lean UX methods. This experiment initiated him into the process and won him over. He was able to see first-hand the value of thinking by doing.",[11,15579,15580,15583,15584,802,15589,15591],{},[115,15581,15582],{},"Create orbits of communication."," In a ",[15,15585,15588],{"href":15586,"rel":15587},"http://aycl.uie.com/virtual_seminars/lean_enterprise",[33],"webinar on Lean UX for Enterprise",[115,15590,15476],{},", co-author of \"Lean UX,\" advocates the use of an \"orbital system\" as a way to loop in participants in an enterprise without bogging down the core team. He suggests holding regular \"retrospectives\" for people that your project needs down the line to succeed—compliance, customer service, and so on. At CarMax, we do this through a monthly Open House where we invite colleagues to see what we've been doing and share what we've learned. We usually just print screen shots and tape them to our wall so we can point to them to tell our story. Then we talk about what's next. The visibility not only helps the team to externalize their thinking, it eases others into the process.",[11,15593,15594,15597],{},[115,15595,15596],{},"Prepare for obstacles."," Open houses also help us prepare for potential obstacles. It's held for stakeholders who don't live with the product team. That usually includes executives who tend to see everything through a lens focused on strategy. That perspective can result in \"grenades\" being tossed. But, armed with information from an open house, they begin to appreciate that we can move quickly—and minimize risk—with little more than tape, sticky notes, and Axure prototypes. And the immediate feedback lets us address issues early, before they become showstoppers.",[11,15599,15600,15603,15604,15607,15608,15611,15612,15615,15616,15619],{},[115,15601,15602],{},"Be transparent, but also teach."," Our Lean UX team creates many prototypes and documents, and we share them all using Axure's ",[15,15605,9810],{"href":15606},"/c/blog/146-new-axure-rp-8-team-projects-axure-share.html"," feature or through Axure Share. This creates a level of transparency that helps inform our colleagues about our process. The problem is that within many enterprises, documents tend to have disproportionate weight. Managers see a prototype, and they assume it's a product in development when, in fact, it's just an idea. Most prototypes in a Lean UX process are created to satisfy a learning goal. Understand that goal, and the prototype is better understood. We've started naming our prototypes so senior leaders can better understand what we're doing, but not get overly excited if it's not a real product. We try to use vocabulary that reflects what the prototype does. A ",[115,15609,15610],{},"Learning Prototype"," is for reaching a learning goal. A ",[115,15613,15614],{},"Vision Prototype"," externalizes an idea. A ",[115,15617,15618],{},"Spec Prototype"," has passed testing and is ready to be built. We don't want anyone to confuse those types. Part of our job as a Lean UX team within a larger enterprise is also to educate the people around us and be transparent so that our methodologies are more likely to become part of the organizational culture.",[11,15621,15622,15623,15628],{},"If you're a user experience designer and would like to be part of our team, please visit our ",[15,15624,15627],{"href":15625,"rel":15626},"http://jobs.carmax.com/career-development/home-office-careers",[33],"CarMax jobs page"," to learn more about our projects and browse our list of openings.",[224,15630],{},[107,15632,15634],{"id":15633},"about-archie-miller","About Archie Miller",[11,15636,15637],{},"With over 18 years of product design experience, Archie has worked with a host of internationally prominent clients such as American Express Co., General Electric Co., Owens Corning, and Wachovia Corp. (now Wells Fargo & Co.). Most recently, Archie has led UX for online product development for teams at Crutchfield Corp., and Snagajob Inc. He is currently the Team Manager for the Interaction Design Group at CarMax. Little known fact: Archie was on the development team that created Amtrak's first website in 1997.",{"title":71,"searchDepth":72,"depth":72,"links":15639},[15640,15641,15642,15643,15644,15645,15646,15647,15648,15649],{"id":15421,"depth":72,"text":15422},{"id":15438,"depth":72,"text":15439},{"id":15457,"depth":72,"text":15458},{"id":15512,"depth":72,"text":15513},{"id":15519,"depth":72,"text":15520},{"id":15526,"depth":72,"text":15527},{"id":15547,"depth":72,"text":15548},{"id":15554,"depth":72,"text":15555},{"id":15561,"depth":72,"text":15562},{"id":15633,"depth":72,"text":15634},[15428,15651,75,15652],"CarMax","ux","2016-01-26T00:00:00.000Z","In 2014, CarMax set off on a journey to bring in Lean UX design principles to its organization. The company, known for revolutionizing the used car buying process in the U.S., is now focused on redesigning its web and mobile apps to seamlessly integrate the digital and store experience for its customers. ",{"src":15656},"/images/2019/04/irnuea04kuy.jpg",{},"/blog/archie-miller-of-carmax-on-implementing-lean-ux-in-large-organizations",{"src":15656},{"title":15416,"description":15654},"blog/archie-miller-of-carmax-on-implementing-lean-ux-in-large-organizations","cmdaRFrSS81rMHi0s48l0K9rGUrOp46My1UPITlsaAo",{"id":15664,"title":15665,"author":6,"body":15666,"categories":15725,"date":15726,"description":15727,"extension":79,"featuredImage":80,"mainImage":15728,"meta":15730,"navigation":83,"path":15731,"previewImage":15732,"seo":15733,"stem":15734,"tags":80,"__hash__":15735},"blog/blog/six-ways-to-use-axure-in-sap-fiori-projects.md","Six Ways to Use Axure in SAP Fiori Projects",{"type":8,"value":15667,"toc":15722},[15668,15672,15685,15688,15696,15705,15708,15710],[107,15669,15671],{"id":15670},"working-on-an-sap-fiori-project","Working on an SAP Fiori project?",[11,15673,15674,15676,15677,15679,15680,15684],{},[115,15675,14999],{},", founder of Sodales Solutions, shared how her firm uses ",[15,15678,388],{"href":1720}," to design Fiori products for her enterprise clients in an article on the SAP Community Network. ",[15,15681,15236],{"href":15682,"rel":15683},"http://www.sodalessolutions.com/about-us",[33]," is an SAP-Certified partner specializing in enterprise mobility, user experience and big data solutions.",[11,15686,15687],{},"Her team developed their Axure chops during a project to simplify the Business Intelligence reporting framework for a large manufacturing firm. As part of the design process, Sodales marshalled a team of 27 business users in one room, each paired with their business relationship manager, to test storyboards and prototype potential solutions in Axure. Within two hours, the group produced 37 adaptive prototypes that they used to present their ideas.",[11,15689,15690,15691,15695],{},"The exercise also yielded a few insights that Sana shared in a blog post, \"",[15,15692,15694],{"href":15387,"rel":15693},[33],"6 Smart Ways to Use Axure in Fiori Projects",".\" Among them is the idea of using Axure to co-create solution concepts, the technique described above.",[11,15697,15698,15699,15704],{},"SAP, which recommends Axure to design Fiori prototypes for testing, provides its partners with free ",[15,15700,15703],{"href":15701,"rel":15702},"https://experience.sap.com/fiori-design/resources/downloads/",[33],"libraries of Fiori icons and stencils"," for use in Axure.* Sana's team took advantage of these libraries, writing that with \"one simple step you can import the latest Fiori design stencils ... into Axure and create click-through prototypes using drag and drop templates.\"",[11,15706,15707],{},"You can read more about this and five other uses for Axure that Sana outlines in her article.",[224,15709],{},[11,15711,15712,15713,15716,15717,15721],{},"*For further reference, ",[115,15714,15715],{},"Kai Richter",", SAP's Vice President of Global Design Concepts, ",[15,15718,15720],{"href":15130,"rel":15719},[33],"wrote about his company's experience using the Axure stencils"," to design their own Fiori applications.",{"title":71,"searchDepth":72,"depth":72,"links":15723},[15724],{"id":15670,"depth":72,"text":15671},[601,75],"2016-01-05T00:00:00.000Z","Sana Salam, founder of Sodales Solutions, shared how her firm uses Axure RP to design Fiori products for her enterprise clients in an article on the SAP Community Network.",{"src":15729},"/images/2016/12/fromthefield-sanasalam.png",{},"/blog/six-ways-to-use-axure-in-sap-fiori-projects",{"src":15410},{"title":15665,"description":15727},"blog/six-ways-to-use-axure-in-sap-fiori-projects","DppBkYJpPZsV7hZllJzS7r8iF-f44b3DQtu183k0JKs",{"id":15737,"title":15738,"author":6,"body":15739,"categories":15914,"date":15915,"description":15916,"extension":79,"featuredImage":80,"mainImage":15917,"meta":15918,"navigation":83,"path":15919,"previewImage":15920,"seo":15922,"stem":15923,"tags":80,"__hash__":15924},"blog/blog/how-customer-support-can-be-a-product-experience.md","How Customer Support Can Be a Product Experience",{"type":8,"value":15740,"toc":15907},[15741,15744,15753,15756,15760,15767,15770,15775,15778,15781,15785,15788,15791,15796,15799,15802,15805,15809,15812,15820,15828,15831,15834,15837,15846,15851,15854,15858,15861,15864,15867,15870,15873,15877,15883,15889,15895,15901],[11,15742,15743],{},"The term \"technical support\" tends to conjure images of cavernous call centers filled with rows of workers who recite responses as they try to \"close cases\" and meet daily quotas.",[11,15745,15746,15749,15750,15752],{},[115,15747,15748],{},"Kip Mitchell",", Axure's Support Manager, believes that there's another way - one that is good for customers, good for business, and good for support professionals. Since joining ",[15,15751,6],{"href":1720}," in 2012, Kip has renamed Axure's technical support to \"product support\" and has made it his mission to scale a high quality support service that functions as an extension of the product rather than a company cost center.",[11,15754,15755],{},"Kip isn't alone. Many businesses are beginning to re-evaluate their approach to customer service, partly out of a desire to explore alternatives and partly because they strive to differentiate themselves through service.",[107,15757,15759],{"id":15758},"support-as-the-start-of-a-relationship","Support as the Start of a Relationship",[11,15761,15762,15763,15766],{},"Before Kip joined Axure, it was the company's president and co-founder, ",[115,15764,15765],{},"Victor Hsu",", who managed support for 10 years, frequently diving in to answer questions himself. It wasn't until Victor met Kip that he felt he could entrust that responsibility to someone else.",[11,15768,15769],{},"\"Kip's vision was that support was part of the product,\" Victor explained. \"For him, it's an opportunity to start a two-way conversation with our customer, a way to extend their experience with our software. When you contact Kip's team, he will assume that it is the beginning of a relationship and not just a quick fix. He'll spend some time with you.\"",[1488,15771,15772],{},[11,15773,15774],{},"When you contact Kip's team, he will assume that it is the beginning of a relationship and not just a quick fix. He'll spend some time with you.",[11,15776,15777],{},"Like any good relationship, a key component is understanding the other person and how they see the world. Kip trains his team to try to gauge each case along three dimensions -- the customer's level of expertise with the software, their job function, and what they're ultimately trying to accomplish. This helps them provide the appropriate amount of information based on the customer.",[11,15779,15780],{},"\"You don't want to be patronizing by starting from square one, but you also don't want to omit details that might be useful for them,\" he said. \"To calibrate the tone and present the right amount of information is a real art form. So we try to take some time to re-read their questions and really think about what would be most helpful to this particular person. We don't always get it right the first time. But when we do, our customers get exactly what they need in a single email response.\"",[107,15782,15784],{"id":15783},"support-as-consultancy","Support as Consultancy",[11,15786,15787],{},"Support is often seen as the equivalent of Fix-It Felix among those who encounter problems with their software. And while that does describe many of the cases that come to Axure, Kip encourages his team to think of them not as problems, but as opportunities to consult and provide training on using Axure RP more effectively.",[11,15789,15790],{},"\"The product and the support you get with our software make up the lion's share of our customers' experience with Axure,\" he said. \"We all take that responsibility very seriously.\"",[1488,15792,15793],{},[11,15794,15795],{},"The product and the support you get with our software make up the lion's share of our customers' experience with Axure. We all take that responsibility very seriously.",[11,15797,15798],{},"Customers will often send their Axure RP files to the Product Support Team, describing the issues they're having with it and what they want it to do. It's not unusual for customers to get their files back with the changes they needed, along with step-by-step screenshots of how it was done and suggestions for other methods the same outcome could be achieved.",[11,15800,15801],{},"Kip admits that not all products benefit from this type of intense coaching and consultation. But he believes it's the right approach for Axure, given the value that customers say they get out of their interactions with his team.",[11,15803,15804],{},"\"People are often surprised at how much effort we spend to give them a personalized answer,\" Kip said. \"For us, it's hugely gratifying because we're working against a set of expectations people have about customer support. It's just really validating when we're able to show them how support is different here, because we truly believe in this model.\"",[107,15806,15808],{"id":15807},"creating-a-job-that-people-would-want-to-do","Creating a Job That People Would Want to Do",[11,15810,15811],{},"Providing this level of support takes a particular type of person. At first glance, the list of job qualifications might seem impossible. The ideal candidate is altruistic, compassionate and empathetic. In addition, they are technically adept, enjoy solving problems, and can write well. Finally, and perhaps most importantly, they should really want to do the job.",[11,15813,15814,15815,367],{},"This is a tall order. But Kip has a few tactics to help him find the right people—and retain them over time. The first is to offer above industry average salaries. After a year at Axure, a support professional typically earns roughly in the 90th percentile of wages for customer service representatives, according to the latest available ",[15,15816,15819],{"href":15817,"rel":15818},"http://www.bls.gov/oes/current/oes434051.htm",[33],"figures from the U.S. Bureau of Labor & Statistics",[11,15821,15822,15823,15827],{},"The second, and trickier, part of Kip's formula is creating a job that people would actually want to do, and not just for the paycheck. This starts by giving his crew the tools they need to answer any question that pops up about Axure RP. The basic ",[15,15824,15826],{"href":15825},"/c/blog/149-inside-axure-support-getting-know-adaptive-views.html","training program"," Kip designed takes two to three months to complete and involves a nonlinear learning path where trainees choose the subjects they want to tackle from a grid reminiscent of a bingo board. Topics run the gamut from license management to adaptive views.",[11,15829,15830],{},"Some companies operate \"tiered\" or specialized support. They escalate complex queries to more senior staff, or route cases by topic to specialists. While those models have advantages, Kip decided to go the other way so customers could have a more continuous experience. Kip designed the training so that everyone who makes it through the program is able to handle any query that comes through the door. Of course, that doesn't mean they don't have help. The entire company is available to the team when the need arises.",[11,15832,15833],{},"With Axure RP, this model makes sense because a single case can cross over multiple topics and features within the software. For Kip's team, the opportunity to learn across a wide spectrum adds an element of challenge to the job, preventing them from getting into a rut.",[11,15835,15836],{},"\"For the type of talent we're trying to attract, they will have brains that are going to want to be intellectually challenged and engaged across many different subjects,\" Kip said.",[11,15838,15839,15840,15845],{},"During Kip's three-year tenure, Axure's support team has had a 10% turnover for the entire period. By comparison, the industry averages 33% turnover a year, or roughly 99% over a three-year period, according to ",[15,15841,15844],{"href":15842,"rel":15843},"https://www.linkedin.com/pulse/20140518182546-3995896-why-do-your-call-center-agents-quit",[33],"David Filwood"," of TeleSoft Systems, citing the International Customer Management Institute.",[1488,15847,15848],{},[11,15849,15850],{},"We're very much post-revenge-of-the-nerds here. We think it can be a highly rewarding job.",[11,15852,15853],{},"\"We're very much post-revenge-of-the-nerds here,\" Kip explains. \"We think it can be a highly rewarding job. We try to hire people who like what they do, and we give them the tools they need to be experts at their jobs. Our customers sense that. They give us praise, and that leads to more happiness and job satisfaction.\"",[107,15855,15857],{"id":15856},"scaling-and-accountability","Scaling and Accountability",[11,15859,15860],{},"This is where a sharp-eyed executive would ask two questions. How does accountability work when there are no metrics? And can a model like this scale?",[11,15862,15863],{},"Axure's support team functions on qualitative reviews. Managers regularly go over cases with the support team to discuss their solutions. In addition, Kip plans to introduce a rotating position where each member of the team takes a turn conducting peer reviews of case responses.",[11,15865,15866],{},"\"It's a form of self-QA for the team,\" Kip said, who got the idea from a tradition among developers of doing peer code reviews. \"And it's a good way to learn by getting exposure to a wide variety of different cases.\"",[11,15868,15869],{},"As for scale, Kip says it is a real concern for him.",[11,15871,15872],{},"\"To be honest, I don't know how this is going to scale to double or triple the size\", Kip said. \"What's important—and what personally gives me hope—is that everyone here is committed to treating Product Support as an essential part of the business as we grow. So, come back in a couple of years to see how we do it then. We might not be doing to it the same way, but for sure we'll be committed to having the same results.\"",[107,15874,15876],{"id":15875},"recap-a-formula-for-support","Recap: A Formula for Support",[11,15878,15879,15882],{},[115,15880,15881],{},"Hire people who really want to do the job."," To filter for people who enjoy answering questions and being helpful, Kip asks candidates to go through a problem solving exercise. Correct responses are good, but equally important is how the candidate approaches the problem.",[11,15884,15885,15888],{},[115,15886,15887],{},"Empower them to be expert problem solvers."," Turn them into a team of problem solvers and product consultants. Through extensive training, give support professionals the tools and knowledge to be experts in their jobs.",[11,15890,15891,15894],{},[115,15892,15893],{},"Create a positive feedback loop."," \"When we do a good job, our customers are really good about expressing their appreciation,\" Kip said. \"That leads to more happiness and job satisfaction, which leads to a desire to do even better.\"",[11,15896,15897,15900],{},[115,15898,15899],{},"See Support as part of the product experience."," If your organization recognizes that customer interactions with support are a key part of their overall experience with your products, support can get the investment needed to make those interactions count.",[11,15902,15903,15906],{},[115,15904,15905],{},"Offer fair pay and benefits."," In addition to above industry average salaries, support professionals at Axure also receive benefit packages that include health, dental and vision insurance, as well as matching 401(k). If they're an important part of the business, treat them like it.",{"title":71,"searchDepth":72,"depth":72,"links":15908},[15909,15910,15911,15912,15913],{"id":15758,"depth":72,"text":15759},{"id":15783,"depth":72,"text":15784},{"id":15807,"depth":72,"text":15808},{"id":15856,"depth":72,"text":15857},{"id":15875,"depth":72,"text":15876},[75,76],"2015-12-17T00:00:00.000Z","If your organization recognizes that customer interactions with support are a key part of their overall experience with your products, support can get the investment needed to make those interactions count.",{"src":80},{},"/blog/how-customer-support-can-be-a-product-experience",{"src":15921},"/images/2019/04/temp_support_contact@2x.jpg",{"title":15738,"description":15916},"blog/how-customer-support-can-be-a-product-experience","AyK5k6JBCi7Wy5yv6a-W9L9sE-SoSBMcosDL_-5yZco",{"id":15926,"title":15927,"author":6,"body":15928,"categories":16100,"date":16101,"description":16102,"extension":79,"featuredImage":80,"mainImage":16103,"meta":16104,"navigation":83,"path":16105,"previewImage":16106,"seo":16108,"stem":16109,"tags":80,"__hash__":16110},"blog/blog/axureworld-automated-mobile-menus-ux-map-mobile-prototyping.md","AxureWorld, Automated Mobile Menus, UX Map & Mobile Prototyping",{"type":8,"value":15929,"toc":16093},[15930,15933,15937,15957,15983,15987,16011,16014,16018,16027,16041,16045,16058,16066,16070],[11,15931,15932],{},"This fall, the Axure community has created a number of resources for fellow UX practitioners. The following are a few of the best.",[107,15934,15936],{"id":15935},"axureworld-2015-lean-ux-widgets-in-the-sky-and-collaboration-in-axure-rp-8","AxureWorld 2015: Lean UX, Widgets in the Sky, and Collaboration in Axure RP 8",[11,15938,15939,15940,15943,15944,15946,15947,15950,15951,15956],{},"If you missed this year's AxureWorld Event on Nov. 20, not to worry. ",[115,15941,15942],{},"Ezra Schwartz",", AxureWorld's founder and organizer, has published videos of the presentations on the conference site. The first, \"Axure for Lean UX Enterprise\" from ",[115,15945,15428],{}," of CarMax, covers how Lean UX principles are applied within a large corporation and illustrated with details from a sample project. In the second presentation, \"The Great Widget in the Sky,\" ",[115,15948,15949],{},"Ritch Macefield"," demonstrates how he uses Axure to create heuristic evaluations of existing applications. The talk is an elaboration of Ritch's popular 2014 article in UX Matters entitled \"",[15,15952,15955],{"href":15953,"rel":15954},"http://www.uxmatters.com/mt/archives/2014/06/an-overview-of-expert-heuristic-evaluations.php",[33],"An Overview of Expert Heuristic Evaluations",".\"",[11,15958,15959,15960,15963,15964,15968,15969,802,15973,15977,15978,15982],{},"The third video is an overview of the collaboration features in Axure RP 8, presented by Axure's Associate Product Manager ",[115,15961,15962],{},"Rachel Brown",". RP 8, ",[15,15965,15967],{"href":15966},"/c/blog/154-axure-rp-8-beta-now-available.html","currently in Beta",", contains a number of additions designed to make things easier for teams to work together, including ",[15,15970,15972],{"href":15971},"/c/blog/167-learn-axure-rp-8-beta-team-projects-axure-share.html","Team Projects on Axure Share",[15,15974,15976],{"href":15975},"/c/blog/166-learn-axure-rp-8-beta-print-guides-configurations.html","new print specifications",", and easier ways to ",[15,15979,15981],{"href":15980},"/c/blog/157-learn-axure-rp-8-beta-widget-styles.html","manage styles",", among other things.",[107,15984,15986],{"id":15985},"delicious-mobile-menus-made-easy","Delicious Mobile Menus Made Easy",[11,15988,15989,15990,15993,15994,15999,16000,16005,16006,16010],{},"Some stakeholders aren't comfortable with seeing just one sample menu of a mobile app—they want to see all of the permutations. For some apps, that could mean manually generating a dozen or so menu states and hand-linking each according to a sitemap hierarchy, a laborious process. ",[115,15991,15992],{},"Montgomery Webster",", a user experience technologist at ",[15,15995,15998],{"href":15996,"rel":15997},"http://creative-jar.com/",[33],"Creative Jar"," in the U.K., figured out a way to automate this task in Axure RP. His template, which he shares as a free download on the ",[15,16001,16004],{"href":16002,"rel":16003},"http://creative-jar.com/blog/experience-design-blog/automated-mobile-menus-in-axure/",[33],"Creative Jar blog",", lets you cut and paste the page names from a spreadsheet into an ",[15,16007,16009],{"href":2543,"rel":16008},[33],"Axure repeater"," that automatically puts the tabs into the correct hierarchy.",[11,16012,16013],{},"Montgomery acknowledges that it's not always necessary to take this extra step in a Lean UX process, but \"some clients just want it all. They understand that the additional work will take more time and budget. However, their internal workflow may require a fully-realised prototype. This is especially important when they have internal or off-shore development teams. I call this approach 'Fatty Tuna UX', after the expensive sushi ingredient.\"",[107,16015,16017],{"id":16016},"online-course-mobile-app-prototyping","Online Course: Mobile App Prototyping",[11,16019,16020,16023,16024,16026],{},[115,16021,16022],{},"Ronnie Peters",", the CEO of 360 Design in New York, has created a 45-minute online course on how to prototype a mobile app using ",[15,16025,388],{"href":1720}," and other tools. The course quickly covers a lot of ground—from concept to delivery of a working prototype on an iPhone 6. It's a fast clip, to be sure, and some of the technical steps are mentioned only in passing. If you basic familiarity with the tools he uses, you're in good shape. If not, you may want to do a little side research to keep up with the course and build alongside him.",[11,16028,16029,16030,16035,16036],{},"It's an excellent overview of the mobile prototyping process, and one that comes from a seasoned UX practitioner. Peters' firm, ",[15,16031,16034],{"href":16032,"rel":16033},"http://360design.com/",[33],"360 Design",", has done work for American Express, the New York Times, Seamless, Reader's Digest and others. His class is part of Skillshare's Premium offering, which means you'd need to pay for access ($10 a month for access to their full catalog). You can ",[15,16037,16040],{"href":16038,"rel":16039},"https://www.skillshare.com/classes/design/Mobile-Experience-Design-Simple-Tools-to-Rapidly-Prototype-Your-App-Idea/478177274",[33],"read the course description here.",[107,16042,16044],{"id":16043},"documenting-your-design-journey-with-a-ux-map","Documenting Your Design Journey with a UX Map",[11,16046,16047,16048,16051,16052,16057],{},"Prototypes are great at communicating design choices, but they still need to be supported with more information—often in the form of functional specifications or user flows. ",[115,16049,16050],{},"Luca Benazzi",", a UX consultant and Axure trainer in Berlin, created UX Map, a widget library designers can use to integrate that information directly into their prototypes. Luca works on the assumption that documentation presented in context with the prototype leads to faster and more accurate communication than if they were in a separate document that's \"difficult to find and never up to date,\" Benazzi ",[15,16053,16056],{"href":16054,"rel":16055},"https://medium.com/@lucabenazzi/an-axure-widget-library-for-user-interactions-30e61fa4e657#.26pcf5wbl",[33],"wrote in a post"," explaining his approach in developing the UX Map. \"Documentation should be interconnected. The Axure prototype becomes a central place for all UX documentation.\"",[11,16059,16060,16065],{},[15,16061,16064],{"href":16062,"rel":16063},"http://www.ux-map.com/",[33],"Benazzi sells the UX Map for $19",", which comes with detailed instructions and two video tutorials.",[107,16067,16069],{"id":16068},"new-axure-meetup-groups-new-york-and-helsinki","New Axure Meetup Groups: New York and Helsinki",[11,16071,16072,16073,16078,16079,16082,16083,16088,16089,16092],{},"Axure aficionados in New York and Helsinki now have official Meetups where they can network and exchange ideas. The two cities join Chicago, San Francisco, London, Los Angeles, Richmond, Hamburg, Berlin and Manila, bringing the total number of Axure Meetup groups to 11. The ",[15,16074,16077],{"href":16075,"rel":16076},"http://www.meetup.com/Axure-Meetup-NYC/",[33],"New York group"," is organized by ",[115,16080,16081],{},"David Mahmarian",", formerly of Sapient Nitro and now a graduate student at the School of Visual Arts. The ",[15,16084,16087],{"href":16085,"rel":16086},"http://www.meetup.com/helsinkiaxuremeetup/",[33],"Helsinki Meetup group"," is helmed by ",[115,16090,16091],{},"Kwame Afreh",", a UI Designer at Webropol. Welcome New York and Helsinki!",{"title":71,"searchDepth":72,"depth":72,"links":16094},[16095,16096,16097,16098,16099],{"id":15935,"depth":72,"text":15936},{"id":15985,"depth":72,"text":15986},{"id":16016,"depth":72,"text":16017},{"id":16043,"depth":72,"text":16044},{"id":16068,"depth":72,"text":16069},[601,75],"2015-12-16T00:00:00.000Z","If you missed this year's AxureWorld Event on Nov. 20, not to worry. Ezra Schwartz, AxureWorld's founder and organizer, has published videos of the presentations on the conference site.",{"src":80},{},"/blog/axureworld-automated-mobile-menus-ux-map-mobile-prototyping",{"src":16107},"/images/2019/04/conference@1x.png",{"title":15927,"description":16102},"blog/axureworld-automated-mobile-menus-ux-map-mobile-prototyping","3_DuOmp4DQ8UPmYqd1ZdgXD_QUD03fNLaF18PxObIck",{"id":16112,"title":16113,"author":6,"body":16114,"categories":16283,"date":16284,"description":16285,"extension":79,"featuredImage":80,"mainImage":16286,"meta":16288,"navigation":83,"path":16289,"previewImage":16290,"seo":16291,"stem":16292,"tags":80,"__hash__":16293},"blog/blog/john-henry-krahenbuhl-on-collaborating-with-a-distributed-team.md","John Henry Krahenbuhl on Collaborating with a Distributed Team",{"type":8,"value":16115,"toc":16271},[16116,16119,16131,16134,16136,16139,16142,16144,16147,16151,16154,16159,16163,16173,16177,16180,16185,16189,16192,16195,16199,16208,16210,16213,16218,16221,16224,16230,16236,16242,16244,16248,16263],[11,16117,16118],{},"Agency work requires fast response, flexibility in adapting to a range of requirements from diverse clients, and the ability to work fluidly with remote team members.",[11,16120,16121,16124,16125,16130],{},[115,16122,16123],{},"John Henry Krahenbuhl",", Lead User Experience Designer at ",[15,16126,16129],{"href":16127,"rel":16128},"http://www.epsilon.com/",[33],"Epsilon"," and author of several books on prototyping, walks us through a recent client project that used interactive prototypes to quickly gather consensus around a design challenge--how to satisfy multiple client stakeholder interests on a single page.",[11,16132,16133],{},"His solution streamlined what could have taken several client meetings to obtain approval into one. This article outlines how he did it.",[107,16135,14701],{"id":14700},[11,16137,16138],{},"This was a microsite for a product launch. There were several challenges in this project. The first was to incorporate the interests of multiple client stakeholders—all on a single page. Secondly, we needed to get consensus among the members of our own cross-functional team at the agency. Finally, we needed to do this quickly in a distributed work environment.",[11,16140,16141],{},"Some clients want extremely annotated wireframes or deliverables that map precisely with the requirements. Others want grayscale wireframes or a simple prototype with streamlined annotations. There's also a range of fidelity required by our clients. Some clients want pixel perfect designs across all platforms in complete compliance with their style guides. Some want all the consumer journeys and flows mapped out. Others are okay with sketchy wireframes and having us fill in only the new aspects of the flow. In this case, our client needed low to medium fidelity assets, along with documentation. The wireframes could be grayscale, and 90% pixel accuracy was sufficient.",[107,16143,14719],{"id":14718},[11,16145,16146],{},"The core team consisted of about five people, with several more who floated in and out when needed. We had a visual designer, copywriters and developers. I was the UX person. We're a global agency, so our teams are literally all over the map. Our client base is also global. We need to be fast, efficient and flexible. Every project has different requirements, different team compositions, different workflows and different client expectations. This is common for agencies, where projects can vary quite a bit. Having design tools that can adapt with your projects is key.",[107,16148,16150],{"id":16149},"the-first-challenge","The First Challenge",[11,16152,16153],{},"Right out of the gate, we knew we needed to address multiple stakeholder interests. Our client had a main product that they were launching, but our design also needed to incorporate products of other key stakeholders within the organization whose buy-in our client needed. All those other products had to be well represented somehow in our deliverables. To me, the solution was the image carousel. But carousels are a touchy topic among designers -- marketers love them, but many in the UX community hate them. Inside organizations, you often have many folks fighting for space on the page. You find ways to make peace. That's the real world.",[1488,16155,16156],{},[11,16157,16158],{},"Inside organizations, you often have many folks fighting for space on the page. You need to find ways to make peace. That's the real world.",[107,16160,16162],{"id":16161},"more-real-world-constraints","More \"Real World\" Constraints",[11,16164,16165,16166,16169,16170,16172],{},"About 95% of our work is done remotely. We solve problems for clients with a distributed staff of widespread team members. And with each project, the team composition is different. I need to be able to share ideas quickly with anyone I happen to be working with, wherever they are located. Face-to-face meetings are rare. Being able to collaborate remotely with as much efficiency as possible is key. I use ",[15,16167,10929],{"href":15542,"rel":16168},[33]," because I can just send them an HTML link to the prototype that they can open on any browser. They don't need to have a copy of ",[15,16171,6],{"href":1720}," to see it. I can also make real-time changes during these conversations to adjust the interactions as we iterate.",[107,16174,16176],{"id":16175},"convincing-the-team","Convincing the Team",[11,16178,16179],{},"There were many questions we had to work through as a team. How do we incorporate those other products? What would the content look like? How would the transitions look and feel? How would you interact with it? What happens when you scroll down the page? How would it look on various devices? The simplest solution was to quickly build a prototype to simulate what this would feel like and share it with everyone on the team during the design exploration stage. I was able to focus the conversation on the carousel interaction and how that affected the overall experience. Doing that gave us additional insight to things we needed to avoid or change. This was all done in a distributed work environment using Axure Share.",[1488,16181,16182],{},[11,16183,16184],{},"The simplest solution was to quickly build a prototype to simulate what this would feel like and share it with everyone on the team during the design exploration stage. I was able to focus the conversation on the carousel interaction and how that affected the overall experience. Doing that gave us additional insight to things we needed to avoid or change.",[107,16186,16188],{"id":16187},"evolving-the-design-in-real-time","Evolving the Design in Real Time",[11,16190,16191],{},"The original concept was to slide the images from left to right. But with this concept, where we showed the product overlaid on multiple backgrounds, worked much better as a fade. We also were able to fine tune the duration and style of the fade once we got to see it on the prototype I built with Axure. I was able to quickly make enhancements to the wires to test out the concept and share that with my colleagues in real time.",[11,16193,16194],{},"We wouldn't have been able to work through all the complexities of the interaction with just a wireframing tool. When you work with an interactive prototype, it helps us think through all the visual requirements. In this case, when we prototyped the interaction, we realized that the rotating images had to be perfectly angled and aligned with the fixed image that's overlaid on top for the entire concept to work. Once we figured that out, we were able to develop guidelines for the content based how our final iteration in the prototype.",[107,16196,16198],{"id":16197},"looping-in-developers","Looping in Developers",[11,16200,16201,16202,16207],{},"We're usually given a project proposal document and a basic design brief at the start of a project. These are living, breathing documents that change as we go along. We typically build wireframes and get a round of feedback from our client. When the wires are approved, we move on to the visual design and copywriting phase. After the client signs off on the copy and ",[15,16203,16206],{"href":16204,"rel":16205},"https://www.sketchapper.com/",[33],"visual designs",", the project moves into development and quality assurance. I like to do checks with the development team along the way to make sure what we're designing is realistic. That helps to reduce development cycles later.",[107,16209,15555],{"id":15554},[11,16211,16212],{},"Before we presented the concept to our client, we were able to get internal consensus by flushing out all the issues and incorporating everyone's tweaks through changes we made in the prototype. This got us alignment internally, so when we made our presentation, we were all behind the proposal.",[1488,16214,16215],{},[11,16216,16217],{},"Internal alignment is key to getting external buy-in.",[11,16219,16220],{},"Often, the client would ask questions of various team members about what they think or whether something would work. When you have internal alignment, each person can respond that they'd already considered the various aspects and discussed it with the team. Internal alignment is key to getting external buy-in. That was true in this case. I'd say the prototyping exercise we did over Axure Share helped us get there faster, reducing what would have taken at least two meetings with the client into one. All this took took a little more than four weeks from concept to launch.",[107,16222,16223],{"id":4028},"Key Takeaways",[11,16225,16226,16229],{},[115,16227,16228],{},"Align internally before presenting externally."," Politics notwithstanding, clients are more hesitant when they sense a lack of alignment on project direction. The default behavior is to solicit the opinion of the person on the team with whom they have a relationship. That could be the developer, the visual designer, the business analyst or someone who may only be tangentially involved in the project. Secure their support before making the big presentation. It's especially important when that person works in a different location, leading to an out-of-sight, out-of-mind tendency.",[11,16231,16232,16235],{},[115,16233,16234],{},"It's okay to break design rules."," In this project, that meant using an image carousel, among the most scorned UI elements. But when there are many stakeholders and limited screen real estate, carousels can help accommodate more interests. \"Inside organizations, you have many folks fighting for space,\" John said. \"You need to find ways to make peace. That's that real world.\"",[11,16237,16238,16241],{},[115,16239,16240],{},"Use prototyping tools that let you collaborate online in real-time."," There is a saying that a prototype is worth 1,000 meetings. For this project, being able to demonstrate the concept and make modifications in near real-time using Axure Share helped overcome reluctance over using a carousel. Starting with several initial mockups, shared via a URL link to distributed team members, John's team was able to think through the design as John modified the designs to take into account a number of scenarios brought up during the meeting. Changes are reflected in the shared file, which other team members can view from any location.",[224,16243],{},[107,16245,16247],{"id":16246},"about-john-henry-krahenbuhl","About John Henry Krahenbuhl",[11,16249,16250,16251,16256,16257,16262],{},"John is a Lead User Experience Designer with Epsilon, a global digital marketing firm with more than 7,000 associates working in 70 offices worldwide. Prior to joining Epsilon, John spent 19 years as an engineer and user experience prototyper at Motorola, where he earned nine patents for his work designing hardware interfaces. He's also the author of three books about Axure (",[15,16252,16255],{"href":16253,"rel":16254},"https://www.packtpub.com/books/info/authors/john-henry-krahenbuhl",[33],"Packt Publishing","). The latest, \"",[15,16258,16261],{"href":16259,"rel":16260},"https://www.packtpub.com/application-development/axure-prototyping-blueprints",[33],"Axure Prototyping Blueprints",",\" came out in August. John is pursuing a Master's Degree in Computer Science at the Illinois Institute of Technology and has a Bachelors of Science with a focus in eBusiness from the University of Phoenix as well as an Associate of Science in Computer Science from Harper College.",[11,16264,16265],{},[26,16266,16267,16270],{},[115,16268,16269],{},"Please Note:"," Because much of John's work is confidential, we are unable to divulge the name of the client and several other details of the project. The opinions expressed in this article are the opinions of John Krahenbuhl, and do not reflect the opinions or views of Epsilon Data Management, LLC, its parent company, affiliates, and/or subsidiaries. Reference herein to any methods, strategies, services, products, or other information, do not constitute or imply any endorsement by Epsilon Data Management, LLC, its parent company, affiliates, and/or subsidiaries, of such methods, strategies, services, products, or other information.",{"title":71,"searchDepth":72,"depth":72,"links":16272},[16273,16274,16275,16276,16277,16278,16279,16280,16281,16282],{"id":14700,"depth":72,"text":14701},{"id":14718,"depth":72,"text":14719},{"id":16149,"depth":72,"text":16150},{"id":16161,"depth":72,"text":16162},{"id":16175,"depth":72,"text":16176},{"id":16187,"depth":72,"text":16188},{"id":16197,"depth":72,"text":16198},{"id":15554,"depth":72,"text":15555},{"id":4028,"depth":72,"text":16223},{"id":16246,"depth":72,"text":16247},[16129,16123,75],"2015-12-15T00:00:00.000Z","John Henry Krahenbuhl, Lead User Experience Designer at Epsilon and author of several books on prototyping, walks us through a recent client project that used interactive prototypes to quickly gather consensus around a design challenge--how to satisfy multiple client stakeholder interests on a single page.",{"src":16287},"/images/2019/04/usmhpmt5sj0.jpg",{},"/blog/john-henry-krahenbuhl-on-collaborating-with-a-distributed-team",{"src":16287},{"title":16113,"description":16285},"blog/john-henry-krahenbuhl-on-collaborating-with-a-distributed-team","fc1F00y_JYrSmiTiVBGQhgskFSkWj-93fGN2UXrKbS0",{"id":16295,"title":16296,"author":6,"body":16297,"categories":16546,"date":16547,"description":16548,"extension":79,"featuredImage":80,"mainImage":16549,"meta":16551,"navigation":83,"path":16552,"previewImage":16553,"seo":16554,"stem":16555,"tags":80,"__hash__":16556},"blog/blog/designing-through-conversation-with-ux-firm-digital-telepathy.md","Designing Through Conversation with UX Firm Digital Telepathy",{"type":8,"value":16298,"toc":16535},[16299,16303,16316,16327,16331,16334,16344,16349,16352,16356,16362,16368,16374,16377,16381,16386,16391,16394,16399,16403,16408,16417,16422,16425,16429,16434,16439,16444,16447,16451,16456,16461,16464,16469,16471,16474,16479,16482,16486,16489,16495,16501,16507,16522],[107,16300,16302],{"id":16301},"can-we-talk","Can we talk?",[11,16304,16305,16310,16311,367],{},[15,16306,16309],{"href":16307,"rel":16308},"http://www.dtelepathy.com/",[33],"Digital Telepathy"," has always done things differently. When you hire the San Diego-based design firm, you won't hear any pitches. Instead, you'll embark on a journey with a partner, one that involves a constant flow of conversation to propel the project forward. This journey is called ",[15,16312,16315],{"href":16313,"rel":16314},"http://www.dtelepathy.com/blog/philosophy/objective-based-design-creative-approach-to-solving-business-challenge",[33],"Objective-Based Design",[11,16317,16318,16319,16322,16323,16326],{},"As part of this process, Digital Telepathy creates assets designed to spark discussions with its clients. Conversations are how Digital Telepathy collaborates with clients to build products, design experiences and solve business challenges. The company's Art Director, ",[115,16320,16321],{},"Jessica Moon",", and Senior UX Designer, ",[115,16324,16325],{},"Cody Iddings",", walk us through their distinctive process and how they and others at the experience design firm use Axure to create those conversation pieces.",[107,16328,16330],{"id":16329},"design-by-objective","Design by Objective",[11,16332,16333],{},"Objective-Based Design is as much a philosophy as it is a process. Start with your objectives. Research to discover points of friction and identify areas of opportunity. Create a strategy to improve the experience and accomplish the business' primary objectives. Implement your ideas. Measure and reflect on the results. Iterate. Repeat.",[11,16335,16336,16343],{},[115,16337,16338],{},[15,16339,16342],{"href":16340,"rel":16341},"http://www.dtelepathy.com/blog/author/barefoot-ceo",[33],"Chuck Longanecker",", Digital Telepathy Founder, describes the thinking this way:",[1488,16345,16346],{},[11,16347,16348],{},"The idea is to focus on your business objectives and work backwards to determine strategies that will accomplish them. Your objectives can relate to huge goals or a simple growth project. A key ingredient to this process is identifying friction. Friction hinders your customers' journey and it holds the secret to how you can design solutions to improve their experience.",[11,16350,16351],{},"Sprinkled throughout this journey are a variety of assets created to move the dialogue along. The following are five examples that help illustrate this process.",[107,16353,16355],{"id":16354},"competitive-landscape-analysis","Competitive Landscape Analysis",[11,16357,16358,16361],{},[115,16359,16360],{},"When:"," Research Phase",[11,16363,16364,16367],{},[115,16365,16366],{},"What:"," This tool presents clients with a spectrum of possibilities when exploring themes such as visual design, UX patterns, and brand positioning. This particular piece, created by Jessica using Axure RP's show/hide interactions, shows a range of UX applications arranged by their ease of use. The green arrow indicates where the client currently sits along the spectrum, while the blue arrow shows the project target for creating a simpler, more intuitive user interface. But it could also apply to other qualities such as tone (playful or serious), color (high value or low value), design aesthetic (flat or skeuomorphic), and so on. Clicking along the spectrum allows clients to see the range of possibilities.",[11,16369,16370,16373],{},[115,16371,16372],{},"Why:"," The tool invites hands-on exploration in a way that lets clients define their comfort zone by toggling on and off specific examples to focus conversation. If structured properly, the tool can generate the type of discussions that lead to better alignment between design team and client on aesthetic, as well as functional, choices.",[11,16375,16376],{},"\"We found what really drives great conversations with our clients is having an interactive talking piece that we can maneuver into specific strategic areas of focus,\" Jessica said. \"How do all potential competitors handle this? What about the niche tools?\"",[107,16378,16380],{"id":16379},"content-wire","Content Wire",[11,16382,16383,16385],{},[115,16384,16360],{}," Strategy Phase",[11,16387,16388,16390],{},[115,16389,16366],{}," The Content Wire is usually a simple layout containing copy to represent a broad narrative. It's designed to initiate conversation about the story being told and the narrative points along the way, as well as what language is to be used on the site.",[11,16392,16393],{},"\"We don't see these as wires or prototypes,\" Jessica said. \"They're conversation facilitators.\"",[11,16395,16396,16398],{},[115,16397,16372],{}," By having the content laid out in the wireframe, Jessica and her team are able to have a deeper conversation about the overall flow users will be going through, and then the particular pieces of content on a given page. Focusing the conversation around content can lead to a clearer understanding of the final product and how it will accomplish the objective among all team members.",[107,16400,16402],{"id":16401},"client-portal","Client Portal",[11,16404,16405,16407],{},[115,16406,16360],{}," Throughout the project",[11,16409,16410,16412,16413,16416],{},[115,16411,16366],{}," For big projects involving a large team, Jessica and Cody create an online portal using Axure RP that lets anyone on the project access all assets and deliverables as they are created and updated. The portals contain ",[15,16414,10929],{"href":15542,"rel":16415},[33]," links to key assets associated the project, including research documents, prototypes, style guides and other critical content. Rather than just a directory of shared files, however, the portal feels like an elegant microsite, creating a unified, branded experience for clients.",[11,16418,16419,16421],{},[115,16420,16372],{}," As the project evolves, the deliverables are refined and more assets are added, including style guides, design documents, content wires and so on. The files are continually updated to reflect the most recent design decisions, keeping everyone in the loop and facilitating collaboration with team members and stakeholders, regardless of where they are located. This keys into two important values at Digital Telepathy: client empowerment and transparency.",[11,16423,16424],{},"\"When our clients are able to access all of our work through a single place, it empowers them to engage with us anytime and from anywhere,\" said Cody. \"It cultivates discussion by encouraging our clients to give us feedback when they see the things we are working on in real time.\"",[107,16426,16428],{"id":16427},"scrolling-transition","Scrolling Transition",[11,16430,16431,16433],{},[115,16432,16360],{}," Strategy and Implementation Phases",[11,16435,16436,16438],{},[115,16437,16366],{}," Increasingly, design conversations occur around micro-interactions, which can be difficult to explain in words. In those situations, an interactive prototype can help crystallize a concept. The prototype above shows one such interaction",[1488,16440,16441],{},[11,16442,16443],{},"This prototype took two seconds to show, and we got it approved on the spot. I'm not sure we could have done that with static comps. This was a much more efficient process of communication...",[11,16445,16446],{},"\"It created an 'ah-ha!' moment,\" Jessica said. \"This prototype took two seconds to show, and we got it approved on the spot. I'm not sure we could have done that with static comps. This was a much more efficient process of communication, because it conveyed an experience that makes things more tangible.\"",[107,16448,16450],{"id":16449},"the-why","The Why",[11,16452,16453,16455],{},[115,16454,16360],{}," Throughout the project and beyond",[11,16457,16458,16460],{},[115,16459,16366],{}," The Why explains the research, thought process, and rationale behind each major design decision in the project. It's often a keystone element in the Portal described above because it supports transparency and client empowerment. The Why becomes an especially important document when the project touches dozens, or even hundreds, of team members in far-flung offices.",[11,16462,16463],{},"\"It's a great contextual guide to onboard team members with the various design thinking decisions in the project,\" Jessica explained. \"This empowers anyone involved in the project to make good new decisions aligned with the design thinking set by the team.\"",[11,16465,16466,16468],{},[115,16467,16372],{}," As the project gets passed along, the conversation has to continue through other stakeholders. The Why helps clients continue that conversation internally, even when Digital Telepathy is no longer involved. \"When clients hit constraints, they're able to revisit the decisions and evolve them,\" Jessica explained.",[107,16470,15162],{"id":15161},[11,16472,16473],{},"Objective-Based Design is an approach anyone can use, not just designers. As a philosophy, it can be applied to large and small projects alike. As a process, it's fueled by continuous dialogue designed to identify key objectives, generate and prioritize solutions, implement them, assess the results and refine. To support this approach, Digital Telepathy has used Axure RP to create \"conversation starters.\"",[1488,16475,16476],{},[11,16477,16478],{},"The prototypes we build are used in conjunction with client meetings. We use them in those meetings to help clients make decisions.",[11,16480,16481],{},"\"The prototypes we build are used in conjunction with client meetings,\" Cody noted. \"We use them in those meetings to help clients make decisions. In the end, we want to use the tool that lets us quickly communicate and rapidly iterate. Axure gives us the ability to have that collaboration time, rather than having to spend it pitching.\"",[107,16483,16485],{"id":16484},"tips-for-getting-started-with-objective-based-design","Tips for Getting Started with Objective-Based Design",[11,16487,16488],{},"Cody and Jessica share the following advice for those who interested in trying out Objective-Based Design:",[11,16490,16491,16494],{},[115,16492,16493],{},"Create deliverables that help spark conversations focused on their impact on objectives, rather than just about their aesthetic value."," This generates more engagement and results in better feedback, and more evolved designs, Cody said.",[11,16496,16497,16500],{},[115,16498,16499],{},"Organize, share and update deliverables in one central online location using platforms such as Dropbox or Axure Share."," This fosters transparency, as well as provide all team members with up-to-the-minute assets for timely conversations, said Jessica.",[11,16502,16503,16506],{},[115,16504,16505],{},"Think outside of the box."," Rather than seeing wireframes and prototypes as deliverables or presentation material, use them as building blocks for conversation pieces, Jessica advised.",[11,16508,16509,16510,16515,16516,16521],{},"\"A designer named ",[15,16511,16514],{"href":16512,"rel":16513},"http://danielmall.com/",[33],"Daniel Mall"," recently said that ",[15,16517,16520],{"href":16518,"rel":16519},"http://www.slideshare.net/danielmall/design-deliverables-for-a-postcomp-era",[33],"all deliverables should lead to conversation",",\" said Cody. \"That statement really changed the way I work.\"",[11,16523,16524,16525,16529,16530,367],{},"If you'd like to learn more about implementing Objective-Based Design, you can read this ",[15,16526,16528],{"href":16313,"rel":16527},[33],"step-by-step description"," of the process. You can also check out how Digital Telepathy applies this process throughout its ",[15,16531,16534],{"href":16532,"rel":16533},"http://www.dtelepathy.com/work/",[33],"work with clients",{"title":71,"searchDepth":72,"depth":72,"links":16536},[16537,16538,16539,16540,16541,16542,16543,16544,16545],{"id":16301,"depth":72,"text":16302},{"id":16329,"depth":72,"text":16330},{"id":16354,"depth":72,"text":16355},{"id":16379,"depth":72,"text":16380},{"id":16401,"depth":72,"text":16402},{"id":16427,"depth":72,"text":16428},{"id":16449,"depth":72,"text":16450},{"id":15161,"depth":72,"text":15162},{"id":16484,"depth":72,"text":16485},[16325,16309,16321,75],"2015-12-03T00:00:00.000Z","Digital Telepathy has always done things differently. When you hire the San Diego-based design firm, you won't hear any pitches. Instead, you'll embark on a journey with a partner, one that involves a constant flow of conversation to propel the project forward. This journey is called Objective-Based Design. ",{"src":16550},"/images/2019/04/uipfy1umamw.jpg",{},"/blog/designing-through-conversation-with-ux-firm-digital-telepathy",{"src":16550},{"title":16296,"description":16548},"blog/designing-through-conversation-with-ux-firm-digital-telepathy","nsWzlRPq9nDOFVr7e0L3j-bcOS6dnP-X9uQPttGKErQ",{"id":16558,"title":16559,"author":6,"body":16560,"categories":16748,"date":16749,"description":16750,"extension":79,"featuredImage":80,"mainImage":16751,"meta":16753,"navigation":83,"path":16754,"previewImage":16755,"seo":16756,"stem":16757,"tags":80,"__hash__":16758},"blog/blog/the-axure-community-on-leveraging-notes-in-axure-rp.md","The Axure Community on Leveraging Notes in Axure RP",{"type":8,"value":16561,"toc":16738},[16562,16571,16575,16583,16591,16595,16607,16610,16624,16628,16639,16653,16657,16660,16663,16667,16670,16674,16681,16684,16688,16726,16730,16733],[11,16563,16564,16565,16570],{},"The Notes feature in Axure RP is an easy way to document and communicate the intent and functionality of your designs. This can be especially useful as the developers are implementing the solution or when QA is writing test scripts based on the design. However, we've found that the ability to add notes to pages and widgets has served a wider range of uses for ourselves and for customers -- from defining project goals to jotting down a quick to-do list. This article outlines several examples for how you can make use of notes in Axure RP, along with some best practices. (For a quick primer on notes, read our articles on ",[15,16566,16569],{"href":16567,"rel":16568},"https://docs.axure.com/axure-rp/reference/page-widget-notes/#docsNav",[33],"Page Notes"," and Widget Notes.)",[107,16572,16574],{"id":16573},"define-stakeholder-groups","Define Stakeholder Groups",[11,16576,16577,16578,16582],{},"Page notes and widget notes can each be separated into multiple fields. The fields created for page notes will be available for all pages. Similarly, widget notes fields are available for all widgets. One way to organize notes is by their intended audience. For example, you can separate notes for clients, developers, business analysts, copywriters, and so on. (To learn how to do this, read our ",[15,16579,16581],{"href":16567,"rel":16580},[33],"step-by-step tutorial"," for customizing page note fields.)",[11,16584,16585,16586,16590],{},"When you generate an HTML prototype for a client, for example, you can configure it to only include notes relevant to the client. You have the same flexibility to decide which notes to include when creating ",[15,16587,16589],{"href":5044,"rel":16588},[33],"Word documentation",". It helps to establish what types of information each team member needs and how specific that information should be at the beginning of the project. Then, create the notes fields accordingly. Separating the notes into fields can help your team create more consistent and complete documentation.",[107,16592,16594],{"id":16593},"establish-page-goals","Establish Page Goals",[11,16596,16597,16600,16601,16606],{},[115,16598,16599],{},"Pete Karabetis",", the Director of User Experience at ",[15,16602,16605],{"href":16603,"rel":16604},"http://www.lmo.com/",[33],"LMO Advertising",", uses page notes to establish the purpose of the screen, define use cases that need to be satisfied, and include URLs to related documents (please note that Page Notes currently do not support active links).",[11,16608,16609],{},"\"This helps the content creator know what kind of copy they need. It helps developers know what elements on the page needs to be created as a variable. And it helps the visual designer think about the layout and the creative elements that need to be there to support the goals,\" Karabetis said.",[11,16611,16612,1571,16614,16617,16618,16623],{},[115,16613,15942],{},[115,16615,16616],{},"Elizabeth Srail",", in their book, ",[15,16619,16622],{"href":16620,"rel":16621},"https://www.packtpub.com/web-development/prototyping-essentials-axure",[33],"Prototyping Essentials With Axure",", Second Edition (Packt Publishing) suggest a few other types of high-level information that can be relevant in page notes. Those include page entry points, actions users can take on the page, user experience principles underlying the page design, business requirements fulfilled by the page, as well as localization and personalization notes.",[107,16625,16627],{"id":16626},"store-project-information","Store Project Information",[11,16629,16630,16631,16638],{},"For pages that go through several versions, ",[15,16632,16635],{"href":16633,"rel":16634},"https://www.linkedin.com/in/svetlindenkov",[33],[115,16636,16637],{},"Svetlin Denkov"," of GN ReSound creates separate notes for each version, labeling them with version number followed by date like so: \"v01 20151001\", \"v02 20151002\". Depending on the project and team size, Svetlin also uses notes to communicate:",[269,16640,16641,16644,16647,16650],{},[272,16642,16643],{},"Target release date",[272,16645,16646],{},"Name of the final decision maker",[272,16648,16649],{},"Person to whom the task is currently assigned",[272,16651,16652],{},"Status (in scope or out of scope, approved or not)",[107,16654,16656],{"id":16655},"document-functional-specifications","Document Functional Specifications",[11,16658,16659],{},"This was the original purpose of the Notes feature. Widget notes can be used to document specifications and provide the information necessary for developers to build the solution. Determining the right amount of documentation to put in the notes depends highly on your team and your process. In a lean environment and working closely with the development team, you might choose to keep the notes as concise as possible. If your process is more waterfall, or the solution is complex, or you are working with a remote team, too little documentation can lead to a lack of clarity and alignment.",[11,16661,16662],{},"\"The specifications may be used by a remote team, often overseas, and the developers will interpret your words verbatim,\" Schwartz and Srail noted in their book, \"while in an agile environment, the developers might barely read anything.\"",[107,16664,16666],{"id":16665},"create-a-to-do-list-for-yourself-or-your-team","Create a To-Do List for Yourself or Your Team",[11,16668,16669],{},"You can use page notes to jot down things you need to do for that page. When you return to the file, the notes serve as a quick reminder of what needs to be done for the page. If there are multiple people contributing to the file or team project, keeping a simple task list within the page notes will let you know who is taking care of which tasks. This can be particularly helpful when someone new joins the team.",[107,16671,16673],{"id":16672},"keep-track-of-changes","Keep Track of Changes",[11,16675,16676,16677,13638],{},"Similarly, for projects with multiple cooks, you can use page notes to keep track of who changed what. Each time you make a change to a page, type in a line about what was changed so the rest of your team knows what happened. With Team Projects, you can also add a Check In Note each time you check in your changes the project. Those are notes appear in the Team Project History (shown below) and are separate from page and widget notes. (You can learn how to access the history in our ",[15,16678,16680],{"href":2814,"rel":16679},[33],"Team Projects tutorial",[11,16682,16683],{},"In general, use widget notes or page notes when you want to document individual changes made to a page or widget. Use Team Project notes when you want to capture a broad summary of all the changes you've made across the entire project during a single check-in. Here's a quick recap.",[107,16685,16687],{"id":16686},"six-ways-to-leverage-notes-in-axure-rp-pro","Six Ways to Leverage Notes in Axure RP Pro",[420,16689,16690,16696,16702,16708,16714,16720],{},[272,16691,16692,16695],{},[115,16693,16694],{},"Define Stakeholder Groups."," Organize notes by their intended audience. For example, you can separate notes for clients, developers, business analysts, copywriters, and so on. When you generate an HTML Prototype, you can configure it to only include notes relevant to the audience you want to target.",[272,16697,16698,16701],{},[115,16699,16700],{},"Establish Page Goals."," Use page notes to establish such things as the purpose of the page, define use cases that need to be satisfied, URLs to related documents, page entry points, actions users can take on the page, user experience principles underlying the page design, business requirements fulfilled by the page, as well as localization and personalization notes.",[272,16703,16704,16707],{},[115,16705,16706],{},"Store Project Information."," You can use notes to manage projects. Examples of project information include target release date, name of the final decision maker, person to whom the task is currently assigned, version number, project or page status.",[272,16709,16710,16713],{},[115,16711,16712],{},"Document Functional Specifications."," Provide the information necessary for developers to build the solution.",[272,16715,16716,16719],{},[115,16717,16718],{},"Create To-Do Lists."," Jot down things you need to do for that page. When you return to the file, the notes serve as a quick reminder of what needs to be done for the page. If there are multiple people contributing to the file or team project, keeping a simple task list within the page notes will let you know know who is taking care of which tasks.",[272,16721,16722,16725],{},[115,16723,16724],{},"Keep Track of Changes."," Use the Page Notes to keep track of who changed what. Each time you make a change to a page, just add a note about what was changed so the rest of your team knows what happened.",[107,16727,16729],{"id":16728},"notes-versus-comments","Notes Versus Comments",[11,16731,16732],{},"Page notes and widget notes are created and managed within Axure RP. They are typically part of the documentation of the solution or notes for the authors of the design. To gather feedback or have conversations with others, you can use Axure Share's in-browser discussion and screenshot tool.",[11,16734,16735,16736,367],{},"We hope these examples give you a few new ideas for using notes in Axure RP. Do you have other ways to leverage notes? We'd love to hear about them, either in the comments below or via email at ",[15,16737,9234],{"href":9233},{"title":71,"searchDepth":72,"depth":72,"links":16739},[16740,16741,16742,16743,16744,16745,16746,16747],{"id":16573,"depth":72,"text":16574},{"id":16593,"depth":72,"text":16594},{"id":16626,"depth":72,"text":16627},{"id":16655,"depth":72,"text":16656},{"id":16665,"depth":72,"text":16666},{"id":16672,"depth":72,"text":16673},{"id":16686,"depth":72,"text":16687},{"id":16728,"depth":72,"text":16729},[16616,15942,16599,16637,601],"2015-12-01T00:00:00.000Z","The Notes feature in Axure RP is an easy way to document and communicate the intent and functionality of your designs. This can be especially useful as the developers are implementing the solution or when QA is writing test scripts based on the design.",{"src":16752},"/images/2019/04/boabpmrkls0.jpg",{},"/blog/the-axure-community-on-leveraging-notes-in-axure-rp",{"src":16752},{"title":16559,"description":16750},"blog/the-axure-community-on-leveraging-notes-in-axure-rp","QO-6Hgijl28IEdXm6Ua7K81EE-y30MQV3qns6A7O_Rs",{"id":16760,"title":16761,"author":6,"body":16762,"categories":16925,"date":16927,"description":16928,"extension":79,"featuredImage":80,"mainImage":16929,"meta":16930,"navigation":83,"path":16931,"previewImage":16932,"seo":16934,"stem":16935,"tags":80,"__hash__":16936},"blog/blog/dani-nordin-on-transitioning-a-team-from-comps-to-interactive-prototypes.md","Dani Nordin on Transitioning a Team from Comps to Interactive Prototypes",{"type":8,"value":16763,"toc":16914},[16764,16766,16780,16783,16785,16794,16799,16802,16805,16809,16812,16816,16819,16822,16826,16829,16833,16836,16839,16843,16846,16849,16851,16854,16857,16859,16862,16868,16874,16880,16882,16886,16889],[107,16765,15422],{"id":15421},[11,16767,16768,16769,16772,16773,16776,16777,367],{},"Change is difficult, but not changing is fatal. So goes the anthem for many a business leader looking to innovate and stay ahead of the curve. ",[115,16770,16771],{},"Dani Nordin",", UX Director at ",[115,16774,16775],{},"Pegasystems"," and author of several O'Reilly design books, shares her recent experience in introducing change at one of the world's most venerable corporate brands, the ",[115,16778,16779],{},"Harvard Business Review",[11,16781,16782],{},"Her mission: transition a design team from static mockups for large screens to interactive mobile-first prototypes with Axure. Easier said than done, it turns out. In this case study, Dani candidly outlines her missteps and successes, offering hard-won lessons and insights from her experience.",[107,16784,14701],{"id":14700},[11,16786,16787,16788,16793],{},"During the fall of 2014, ",[15,16789,16792],{"href":16790,"rel":16791},"https://hbr.org/",[33],"HBR.org"," launched a major responsive redesign after months of intense effort. I was hired shortly after launch to help the business \"live into\" the desire to take a more human-centered approach to its design and development process.",[1488,16795,16796],{},[11,16797,16798],{},"Being able to create interactive prototypes gave developers and other stakeholders more immediate transparency into the intended behavior of our designs, while also providing a single link—through the Axure Share prototype—that could remain constant throughout the project.",[11,16800,16801],{},"During my first several weeks, I noticed a disconnect between the way the design team created documentation for the development team and the way the development team built things. In order to iterate designs more efficiently using their established workflow, static comps were created in Photoshop or Illustrator. Unfortunately, short timelines and an impression among the design team that stakeholders couldn't \"think in mobile\" meant that the majority of design work was focused on the larger screen experience and presented in static comps. As a result, the front-end team implementing the designs was left to interpret how the designs would adapt to smaller screens. The resulting experience was inconsistent across devices, and members across the team were frustrated by the communication breakdowns that resulted.",[11,16803,16804],{},"As I reviewed our current process and made recommendations for how to incorporate UX into our workflow, one of my key recommendations was to shift from static comps to interactive, adaptive Axure prototypes. The resulting work would allow us to think about how our designs would adapt to different devices and screen sizes, rather than treating \"desktop\" and \"mobile\" as distinct environments. In addition, being able to create interactive prototypes gave developers and other stakeholders more immediate transparency into the intended behavior of our designs, while also providing a single link—through the Axure Share prototype—that could remain constant throughout the project, rather than having to continually upload new versions of a static document.",[107,16806,16808],{"id":16807},"meet-the-team","Meet the Team",[11,16810,16811],{},"As Senior UX Designer and resident Axure expert, I led the charge in bringing Axure into the design team. My mission included getting our two interactive designers up to speed on using use Axure, and helping the team strategize how to incorporate prototyping into our workflow without losing the momentum of projects. Our respective bosses provided support and mentoring through the journey.",[107,16813,16815],{"id":16814},"getting-started","Getting Started",[11,16817,16818],{},"There were two big steps involved in bringing Axure to HBR. The first step was getting leadership in Design and Product on board with the transition. By showing the advantages of prototypes, both in clarity and in responsiveness, we were able to get sufficient buy-in to send the designers to training on how to use the tool.",[11,16820,16821],{},"The second big step was to show the Design team how prototypes could be used on a project. We did this for two big projects: the first was a redesign of the Webinar section of the website, which focused initially on the large-screen experience with no Adaptive Views. The second and most significant project was a redesign of My Library, a set of internal features that readers get when they create an account on the site. This was our first experience with truly adaptive prototypes, Team Projects, and attempting to bring a higher level of visual fidelity to our prototypes.",[107,16823,16825],{"id":16824},"first-speed-bump","First Speed Bump",[11,16827,16828],{},"In both projects, the tech team and stakeholders saw an immediate benefit to the interactive prototypes. Iteration was fast, and didn't require uploading new screenshots; the intended behavior was easier to see in a prototype than in a static comp.",[1488,16830,16831],{},[11,16832,16828],{},[11,16834,16835],{},"The Design team, however, was not sold on the concept. While the prototypes were intended as medium-fidelity documentation that could quickly be implemented using existing design patterns, the Design team needed to see a higher level of visual fidelity to feel confident in the design direction. As a result, they created separate, static comps to represent their intended \"final\" design and added them to the tickets for implementation.",[11,16837,16838],{},"This duplication of effort was particularly problematic during the redesign of My Library, where entire sections of functionality were created as a static, annotated PDF by the Design team, independent of the prototype, while the prototype showed an entirely different interaction pattern. This caused confusion and frustration in the development team, who couldn't tell what they should be referencing for what to build. It also caused some internal conflict between the Design and Product/UX teams, who struggled to determine who \"owned\" the prototyping and UX process.",[107,16840,16842],{"id":16841},"second-third-speed-bumps","Second & Third Speed Bumps",[11,16844,16845],{},"As we reflected on the challenges of the My Library project, we uncovered some important frustrations among the members of the team. Designers liked working with Axure, but found the learning curve frustrating. As a result, they hesitated to think of it as a design tool, and felt that the additional static comps were needed to ensure the level of visual fidelity they were going for. This frustrated Product/UX, who felt that Axure could readily help the design team achieve their visual fidelity goals, and were concerned that continuing to duplicate efforts would derail our goal to make interactive prototyping a key part of our UX process.",[11,16847,16848],{},"Further complicating matters was a growing tension between the lead designer and myself. Throughout the redesign of HBR.org, the Lead Digital Designer served as the team's UX designer; my arrival at the company signaled a big change in her role, and my involvement in changing the design of the site, something that had long been under Design's control, was deeply uncomfortable. By not involving her and the other interactive designer in the process earlier, I had inadvertently made things much worse, making it seem that I didn't value the role that the Design team played in improving the website.",[107,16850,15555],{"id":15554},[11,16852,16853],{},"After several weeks of discussion and a bit of trial and error, we've come a long way towards a primarily Axure-based workflow. As the designers' experience with Axure has grown, they've gotten more confident in creating higher-fidelity prototypes that can serve as primary design documentation for stakeholders and the tech team. For a redesign of our primary navigation, the designers did \"sketches\" of the intended design in Illustrator, and worked together to put those designs into Axure—at full visual fidelity—for testing and documentation. For our latest project, an upgrade to the video experience on the site, the designers are working together in Axure from start to finish, iterating from medium-to-high fidelity as feedback is collected. Meanwhile, I've shifted my role to one that is focused more on advising and guiding the UX, providing workflows and design research to support the Design team's decision-making.",[11,16855,16856],{},"As the process continues to evolve, the team is starting to incorporate a mobile-first approach earlier in the design process, and to more effectively use annotations to support the developers as they implement designs. The Design team is also actively working with the tech team to shift their expectations away from static comps towards interactive prototypes, as a way to make the process more efficient. The effort to move towards an Axure-based workflow has paid significant dividends in the improvement to overall design and interaction within the site. During the redesign of the navigation, the Design team was able to envision and get stakeholder buy-in on the complete experience, rather than asking them to imagine how a design would adapt to different screen sizes. For key interactions within My Library, we were able to demonstrate complete interactions for the tech team, helping them understand intended behavior as well as visual design.",[107,16858,15562],{"id":15561},[11,16860,16861],{},"Looking back on this experience, there were three major takeaways:",[11,16863,16864,16867],{},[115,16865,16866],{},"People build up expertise with a particular toolkit over time, and getting them to switch to something else is disruptive and uncomfortable."," Being empathetic to what your team members are going through, and providing support and coaching during their learning process, is essential for helping them make the transition.",[11,16869,16870,16873],{},[115,16871,16872],{},"Learn and build on each other's strengths."," Some of my biggest mistakes during this process came from not taking more time to appreciate Design's role and mission in making the site better. Once we were able to understand each other better, I leaned back a bit and let them take on more of the prototyping work, while advising on interaction and user behavior.",[11,16875,16876,16879],{},[115,16877,16878],{},"Remember that it's a process."," When working in an Agile environment, it's easy to get caught up in \"fast, fast, iterate, fast!\" But learning a new tool, and a new way of working, takes time, and generally involves a lot of bumps in the road. Taking time now and again to reflect on how you've progressed goes a long way towards making things stick in the long run.",[224,16881],{},[107,16883,16885],{"id":16884},"about-dani-nordin","About Dani Nordin",[11,16887,16888],{},"During her 10 months as Senior UX Designer at Harvard Business Review, Dani Nordin helped introduce key user-centered design practices to the organization, including usability testing, shared design principles, Axure prototyping and interaction design, and cross-functional collaboration between UX, Design and Front-End Development. Her tenure saw significant improvements to the usability and usefulness of HBR.org's account features, navigation and key interaction flows such as registration and checkout.",[11,16890,16891,16892,802,16897,808,16902,16907,16908,16913],{},"Dani is now the Director of UX in the Digital Engagement Group at Pegasystems, supporting both Pega.com and the Pega Developer Network. She is the author of several books for O'Reilly, including ",[15,16893,16896],{"href":16894,"rel":16895},"http://shop.oreilly.com/product/0636920024873.do",[33],"Drupal for Designers",[15,16898,16901],{"href":16899,"rel":16900},"http://shop.oreilly.com/product/0636920020264.do",[33],"Planning and Managing Drupal Projects",[15,16903,16906],{"href":16904,"rel":16905},"http://shop.oreilly.com/product/0636920020301.do",[33],"Drupal Development Tricks for Designers",". She is also the author and presenter of two O'Reilly video series, ",[15,16909,16912],{"href":16910,"rel":16911},"http://shop.oreilly.com/product/0636920040170.do",[33],"Learning UX Fundamentals"," (2015) and Designing with Empathy (forthcoming in 2016).",{"title":71,"searchDepth":72,"depth":72,"links":16915},[16916,16917,16918,16919,16920,16921,16922,16923,16924],{"id":15421,"depth":72,"text":15422},{"id":14700,"depth":72,"text":14701},{"id":16807,"depth":72,"text":16808},{"id":16814,"depth":72,"text":16815},{"id":16824,"depth":72,"text":16825},{"id":16841,"depth":72,"text":16842},{"id":15554,"depth":72,"text":15555},{"id":15561,"depth":72,"text":15562},{"id":16884,"depth":72,"text":16885},[16771,16779,16926,16775,75],"HBR","2015-10-27T00:00:00.000Z","Change is difficult, but not changing is fatal. So goes the anthem for many a business leader looking to innovate and stay ahead of the curve. Dani Nordin, UX Director at Pegasystems and author of several O'Reilly design books, shares her recent experience in introducing change at one of the world's most venerable corporate brands, the Harvard Business Review.",{"src":80},{},"/blog/dani-nordin-on-transitioning-a-team-from-comps-to-interactive-prototypes",{"src":16933},"/images/2019/04/magpyhro0aa.jpg",{"title":16761,"description":16928},"blog/dani-nordin-on-transitioning-a-team-from-comps-to-interactive-prototypes","6CAk2cY8NMyOUBC-XhGWblbMJrRrXD_QFwlEO-Y1puE",{"id":16938,"title":16939,"author":6,"body":16940,"categories":17046,"date":17047,"description":17048,"extension":79,"featuredImage":80,"mainImage":17049,"meta":17050,"navigation":83,"path":17051,"previewImage":17052,"seo":17054,"stem":17055,"tags":80,"__hash__":17056},"blog/blog/jeff-harrison-of-evantage-on-how-to-future-proof-your-prototypes.md","Jeff Harrison of Evantage on How to Future-Proof Your Prototypes",{"type":8,"value":16941,"toc":17044},[16942,16945,16948,16963,16966,16971,16974,16977,16980,16985,16988,16993,16996,17001,17004,17009,17012,17017,17020,17025,17028,17033,17036,17041],[11,16943,16944],{},"You pour blood, sweat and tears into a prototype. You spend hours thoughtfully crafting every nuance of the experience. You present it, like a proud parent. Then your boss, or client, requests \"just one small change.\" No problem, except making that change requires you to rip apart your entire prototype.",[11,16946,16947],{},"What to do?",[11,16949,16950,16951,16956,16957,16962],{},"We talked with ",[15,16952,16955],{"href":16953,"rel":16954},"https://www.linkedin.com/in/mrjeffharrison/en",[33],"Jeff Harrison",", a user experience consultant with ",[15,16958,16961],{"href":16959,"rel":16960},"http://evantageconsulting.com/our-team/",[33],"Evantage Consulting"," and an Axure Fu Master, about this particular problem. His prescription: an ounce of prevention.",[11,16964,16965],{},"Okay, so this common sense advice doesn't help when you've already built your prototype and are in the throes of reworking it. Next time, however, Jeff has a few recommendations for ways to think about prototyping in a way that anticipates changes, or at least make them easier to pull off without pulling out your hair. For some sage advice, read our edited Q&A with Jeff.",[11,16967,16968],{},[115,16969,16970],{},"Q: Here's a serving of irony. You built this crazy puzzle to demonstrate that simplicity is often best. How exactly does it show that?",[11,16972,16973],{},"Jeff: This was actually the second version of the puzzle. I made the first version in 2009 to demonstrate how you can break a huge interaction into manageable parts. That puzzle used a giant control function that kept track of every square. Every time you clicked, it went through a lengthy calculation to figure out where the squares should move.",[11,16975,16976],{},"In this version, the location of the hole is known, the location of the clicked square is captured, and every tile knows where it is. When you click, every tile has to figure out for itself whether it's between the clicked tile and the hole, and if it is, it moves. That's it. Since the logic is built into each tile, it makes it easy to expand the puzzle to a 6x6 or 7x7 grid.",[11,16978,16979],{},"The point was cohesion -- everything the component does should be logically connected. If you do that, you can avoid making logical spaghetti. I've produced a lot of logical spaghetti in my time.",[11,16981,16982],{},[115,16983,16984],{},"Q: So Rule No. 1 in Jeff's Laws for Fireproofing Your Interactions is cohesion.",[11,16986,16987],{},"Jeff: I suppose. (He chuckles.) It's a matter of building interactions that can withstand stress.",[11,16989,16990],{},[115,16991,16992],{},"Q: I still have a head-pretzel from looking at how you built this puzzle. Are all your prototypes this insane?",[11,16994,16995],{},"Jeff: The puzzle was just for a little shock and awe. Most of my prototypes are very pedestrian and boring, actually. Many of them look plain and do only one simple thing. I'm a firm believer that if you have three different kinds of questions to answer, you should consider three simple prototypes. Unless those questions are inextricably linked, trying to come up with a single prototype that has everything in it isn't going to help you answer those questions.",[11,16997,16998],{},[115,16999,17000],{},"Q: So, Rule No. 2 is make one prototype per question for user testing.",[11,17002,17003],{},"Jeff: Right. When I think about a prototype, I see two reasons why you would make one. One, it can communicate a design better than words. Two, it helps you answer some kind of question.",[11,17005,17006],{},[115,17007,17008],{},"Q: In your experience, what types of prototypes work best in user testing?",[11,17010,17011],{},"Jeff: With user testing, you need simple prototypes that are focused on the test. Otherwise, people can get distracted and give you feedback about the wrong thing.",[11,17013,17014],{},[115,17015,17016],{},"Q: Give us an example.",[11,17018,17019],{},"Jeff: High-fidelity prototypes. A lot of people want their prototypes to reflect every nuance and every pixel of the product. But high-fidelity takes more work and time. If things change, it also takes more time to maintain. You also risk eliciting reactions that aren't useful. A classic example is when testing how people flow through your product. With high-fidelity prototypes, people can spend all their time talking about the color, the presentation or the breadth of functionality -- anything but the flow.",[11,17021,17022],{},[115,17023,17024],{},"Q: Okay, lay down another law for us.",[11,17026,17027],{},"Jeff: Sure. The more simply you can model something, the easier it will be for you to modify it. For example, avoid nesting one dynamic panel inside of another one -- if you can. Nesting dynamic panels makes your interactions more complicated, and changing one variable value can involve digging through multiple panels. Build interactions that make it easy for you, the prototyper, to change things down the road.",[11,17029,17030],{},[115,17031,17032],{},"Q: Now we have Rule No. 3: Avoid nesting dynamic panels. How about a fourth?",[11,17034,17035],{},"Jeff: Uncouple your interactions from your pages. Instead of using OnPageLoad to configure everything on your page, embed the logic into your components so they can configure themselves. Make self-contained masters. That way, if you cut and paste widgets, you won't break your interactions. This is a concept borrowed from object-oriented programming, but it's generalizable.",[11,17037,17038],{},[115,17039,17040],{},"Q: But object oriented UX advocates for a lot of nesting of masters within masters to create those self-contained objects. Doesn't that violate Rule No. 3?",[11,17042,17043],{},"Jeff: Sometimes, you will find yourself in situations where nesting is best option. I know saying this does jeopardize my status as a lawgiver, doesn't it? Maybe Rule No. 5 is that there will always be exceptions.",{"title":71,"searchDepth":72,"depth":72,"links":17045},[],[601,75],"2015-07-01T00:00:00.000Z","You pour blood, sweat and tears into a prototype. You spend hours thoughtfully crafting every nuance of the experience. You present it, like a proud parent. Then your boss, or client, requests 'just one small change.' No problem, except making that change requires you to rip apart your entire prototype.",{"src":80},{},"/blog/jeff-harrison-of-evantage-on-how-to-future-proof-your-prototypes",{"src":17053},"/images/2016/12/Jeff-Harrison.jpg",{"title":16939,"description":17048},"blog/jeff-harrison-of-evantage-on-how-to-future-proof-your-prototypes","mytT14mbqlzDLgIz_haI8yNv-PGU2j-hLm7Bgmzm3yY",{"id":17058,"title":17059,"author":6,"body":17060,"categories":17120,"date":17121,"description":17122,"extension":79,"featuredImage":80,"mainImage":17123,"meta":17124,"navigation":83,"path":17125,"previewImage":17126,"seo":17127,"stem":17128,"tags":80,"__hash__":17129},"blog/blog/sap-releases-fiori-widgets-for-axure-rp.md","SAP Releases Fiori Widgets for Axure RP",{"type":8,"value":17061,"toc":17118},[17062,17080,17113],[11,17063,17064,17065,17069,17070,17075,17076,3758],{},"SAP released a ",[15,17066,17068],{"href":15701,"rel":17067},[33],"new Fiori widget library"," for Axure RP and is making the switch from PowerPoint. The change coincided with the release this month of the Fiori Design Guidelines Version 1.28. For those unfamiliar with Fiori, it is a set of user experience ",[15,17071,17074],{"href":17072,"rel":17073},"https://experience.sap.com/fiori-design/foundation/design-principles/",[33],"design principles"," developed by SAP to build business software that is simple, consistent, responsive, role-based and delightful. Kai Richter, the company’s Director of UI Concepts and Guidelines, wrote an in-depth article about SAP’s experience in using Axure. Among SAP's reasons for switching, he cited, \"First and foremost, Axure allows us to create interactive prototypes that can be used for usability testing. The scripting and animation capabilities are sufficient to create click-through mockups that can cover complex business scenarios.\" Here’s an excerpt of “lessons learned,” reprinted with his permission, from the article, which you can ",[15,17077,17079],{"href":15130,"rel":17078},[33],"read in full on SAP’s blog",[1488,17081,17082,17087],{},[11,17083,17084],{},[26,17085,17086],{},"As our new stencils are now being used by application designers internally, we can already report some first lessons learned:",[269,17088,17089,17097,17105],{},[272,17090,17091],{},[26,17092,17093,17096],{},[115,17094,17095],{},"The overall quality of the mockups"," that are being shown in review sessions has dramatically increased - fidelity and attention to detail is much better than before. It is clear very early on what controls are being used and how implementation can be achieved.",[272,17098,17099],{},[26,17100,17101,17104],{},[115,17102,17103],{},"Training efforts were limited."," Most designers were able to get started after a short introduction. The material available from the provider is also a valuable source.",[272,17106,17107],{},[26,17108,17109,17112],{},[115,17110,17111],{},"The interactivity features are being used by the designers."," The applications become more tangible for the development teams very early in the process so that uncertainties in the interactivity can be clarified early in the process. We have created a community space where designers exchange their designs and stencils so that good solutions can be leveraged by colleagues.",[11,17114,17115,17116,367],{},"Richter noted on his post that Axure is not as ubiquitous as Microsoft PowerPoint. \"This excludes most of the business experts who before that could easily modify or sketch prototypes using Microsoft Powerpoint,\" he said. As an alternative, his group is exploring the option of offering simplified page-level stencils for users who have PowerPoint but not Axure. Overall, Richter concluded that his group’s transition to a \"professional design tool\" has led to \"improvements in design quality.\" Do you have a story you’d like to share? We’d love to hear about it! Send an email to ",[15,17117,9234],{"href":9233},{"title":71,"searchDepth":72,"depth":72,"links":17119},[],[15234,15235,75,178],"2015-06-15T00:00:00.000Z","SAP released a new Fiori widget library for Axure RP and is making the switch from PowerPoint. The change coincided with the release this month of the Fiori Design Guidelines Version 1.28.",{"src":80},{},"/blog/sap-releases-fiori-widgets-for-axure-rp",{"src":15410},{"title":17059,"description":17122},"blog/sap-releases-fiori-widgets-for-axure-rp","gMJUmvazv48rf3rUqzJwMqX_be31hD9Dwe_bHCbZJI4",{"id":17131,"title":17132,"author":6,"body":17133,"categories":17300,"date":17301,"description":17302,"extension":79,"featuredImage":80,"mainImage":17303,"meta":17304,"navigation":83,"path":17305,"previewImage":17306,"seo":17308,"stem":17309,"tags":80,"__hash__":17310},"blog/blog/tips-for-organizing-awesome-axure-meetups.md","Tips for Organizing Awesome (Axure) Meetups",{"type":8,"value":17134,"toc":17279},[17135,17138,17142,17151,17155,17159,17168,17172,17175,17178,17182,17186,17189,17193,17202,17206,17209,17213,17216,17220,17223,17226,17230,17239,17243,17246,17250,17253,17257,17260,17264,17267,17271],[11,17136,17137],{},"Meetups are a great way to network, learn new tricks and polish your presentation skills. And if you live in Chicago, London, Los Angeles, San Diego, San Francisco or Richmond, Va., you're in luck. Those cities already have Axure Meetups you can attend. But what if you don't live in those cities? You can organize your own Axure Meetup. It takes a bit of work, but to get you going, we interviewed several top organizers to share their best tips and tricks for putting together an awesome and rewarding Meetup Group.",[107,17139,17141],{"id":17140},"why-go-to-all-the-trouble","Why go to all the trouble?",[11,17143,17144,17145,17150],{},"Sandra Gonzales, the ",[15,17146,17149],{"href":17147,"rel":17148},"http://www.meetup.com/Axure-London-Meetup/",[33],"London Axure Meetup"," Organizer, gets this question a lot. Sandra says she has gotten job offers, invitations to speak and a reputation as a user experience design expert. But those were just the side effects. The real reason Sandra started an Axure Meetup was that she wanted to meet like-minded people, share her knowledge and learn from others.",[107,17152,17154],{"id":17153},"how-do-i-score-a-venue","How do I score a venue?",[195,17156,17158],{"id":17157},"start-small","Start small",[11,17160,17161,17162,17167],{},"If you're just aiming for a casual social mixer, a local cafe or bar is a good choice. If you need a quieter space, try the local library. That's where Stefani Sandow, the ",[15,17163,17166],{"href":17164,"rel":17165},"http://www.meetup.com/Axure-Users-Meetup-Chicago/",[33],"Chicago Axure Meetup"," Organizer, chose to locate her first Axure Meetup two years ago.",[195,17169,17171],{"id":17170},"ask-your-employer-or-a-local-agency","Ask your employer or a local agency",[11,17173,17174],{},"When Stefani got more RSVP's than the library could accommodate, her co-organizer Adam Bitner asked his employer if they could use the company's conference rooms. The company, a digital ad agency, happily agreed. That's because many agencies see Axure Meetups as a chance to recruit designers and spread the word about their services.",[11,17176,17177],{},"\"Companies know they'll get skilled and qualified interaction designers at the event,\" Adam said. Approach an agency that is hiring or is new and actively looking to establish its reputation, he advised. As your Meetup grows, companies may even vie to host your events, which is the case with Sandra's London Meetup.",[107,17179,17181],{"id":17180},"how-do-i-get-people-to-come","How do I get people to come?",[195,17183,17185],{"id":17184},"related-meetupcom-topics","Related Meetup.com topics",[11,17187,17188],{},"When you set up your Meetup page, you'll be asked to select topics that are relevant to your group. This step is critical, because once you've created your group, Meetup will promote your group to members who have subscribed to those topics. It's a great chance to get a free marketing boost.",[195,17190,17192],{"id":17191},"event-cross-promotion","Event cross-promotion",[11,17194,17195,17196,17201],{},"Beth Wegner, organizer of the ",[15,17197,17200],{"href":17198,"rel":17199},"http://www.meetup.com/Los-Angeles-Axure-Users/",[33],"Los Angeles Axure Meetup"," Group, also suggests reaching out to related Meetup groups to help cross-promote each other's events. In L.A., Beth works with LAUX, a popular user experience group. And in Chicago, Stefani and Adam have reached out to the local IXDA Chapter to help spread the word.",[195,17203,17205],{"id":17204},"social-media","Social Media",[11,17207,17208],{},"Social media is also a good way to increase awareness. \"Whenever I am at a conference or workshop, there's usually a hashtag for the event. I use the hashtag and say something like, 'Speaking of prototyping, here's a shameless plug for our Axure Meetup,' with a link\" to information on the group, said Sandra. Others use social media to remind folks to come before the event and keep the conversation going after the event.",[107,17210,17212],{"id":17211},"what-do-i-do-at-the-event","What do I do at the event?",[11,17214,17215],{},"Coming up with fresh, engaging topics and activities is possibly the biggest challenge for Meetup organizers. Here are some ideas:",[195,17217,17219],{"id":17218},"reverse-engineering","Reverse Engineering",[11,17221,17222],{},"Stefani and Adam came up with the idea of showing a prototype on a screen and challenging people to create it. They divided people into teams, being careful to pair up people who are new to Axure with Axure Fu Masters. This overcomes one of the recurring issues that crop up -- how to engage people along a wide spectrum of proficiency.",[11,17224,17225],{},"\"Axure is so versatile that there could be five or more ways to skin the cat,\" said Stefani. \"People come up with different ways to build the same thing, so we get to all learn something new.\"",[195,17227,17229],{"id":17228},"axure-puzzles","Axure Puzzles",[11,17231,17232,17233,17238],{},"To get people thinking, Sandra built a ",[15,17234,17237],{"href":17235,"rel":17236},"http://yym59z.axshare.com/london_axure_puzzle_-_1.html",[33],"puzzle"," and sent a link to the prototype via AxShare a few days before the event. The challenge was to see if people could figure out how she built it. She used the puzzle as the focal point of the event.",[195,17240,17242],{"id":17241},"real-world-problems","Real World Problems",[11,17244,17245],{},"Ask people to come with a current issue they're struggling with. The collective brain power in the room can be put to the test!",[195,17247,17249],{"id":17248},"case-studies","Case Studies",[11,17251,17252],{},"Past projects make for great case studies. Speakers can talk about how they tackled a design challenge, the roadblocks they faced and conquered along the way and the results.",[195,17254,17256],{"id":17255},"invite-guest-speakers","Invite Guest Speakers",[11,17258,17259],{},"This helps shift the onus of having to come up with new content for every event. Authors who have just published a book on a related topic are often very willing to speak. Another source of potential speakers are local colleges and universities. Researchers who have just published papers on relevant topics can sometimes be persuaded to present their paper to the group.",[195,17261,17263],{"id":17262},"gather-ideas","Gather Ideas",[11,17265,17266],{},"The best time to get new ideas for your next event is during your current event. That's when people are most focused and interested. One way to do this is by working the room and canvassing their interests. If someone comes up with a smashing idea, don't be afraid to ask them if they can present it.",[107,17268,17270],{"id":17269},"can-axure-help","Can Axure help?",[11,17272,17273,17274,17278],{},"Yep! Just get in touch with us using the form on ",[15,17275,17277],{"href":17276},"/meetup/start","this page",". We'll help you pay the Meetup.com fees and even pick up the tab for pizza. We'll also send you a care package of swag that you can hand out at your event. Be sure to contact us three to four weeks before the event to make sure we have enough time to send you the goodies. Lastly, send us your photos or videos of the event. We'd love to hear about your experience!",{"title":71,"searchDepth":72,"depth":72,"links":17280},[17281,17282,17286,17291,17299],{"id":17140,"depth":72,"text":17141},{"id":17153,"depth":72,"text":17154,"children":17283},[17284,17285],{"id":17157,"depth":309,"text":17158},{"id":17170,"depth":309,"text":17171},{"id":17180,"depth":72,"text":17181,"children":17287},[17288,17289,17290],{"id":17184,"depth":309,"text":17185},{"id":17191,"depth":309,"text":17192},{"id":17204,"depth":309,"text":17205},{"id":17211,"depth":72,"text":17212,"children":17292},[17293,17294,17295,17296,17297,17298],{"id":17218,"depth":309,"text":17219},{"id":17228,"depth":309,"text":17229},{"id":17241,"depth":309,"text":17242},{"id":17248,"depth":309,"text":17249},{"id":17255,"depth":309,"text":17256},{"id":17262,"depth":309,"text":17263},{"id":17269,"depth":72,"text":17270},[601,75],"2015-01-28T00:00:00.000Z","You can organize your own Axure Meetup. It takes a bit of work, but to get you going, we interviewed several top organizers to share their best tips and tricks for putting together an awesome and rewarding Meetup Group.",{"src":80},{},"/blog/tips-for-organizing-awesome-axure-meetups",{"src":17307},"/images/2019/05/lr5cyw3aqno.jpg",{"title":17132,"description":17302},"blog/tips-for-organizing-awesome-axure-meetups","0K89AXfXc2K0W13cD4PTyqkntofK8bmTHA9xCEZvWxo"]