bioncritic.blogg.se - Make your webpage scalable axure rp

#Make your webpage scalable axure rp how to
#Make your webpage scalable axure rp pdf
#Make your webpage scalable axure rp full
#Make your webpage scalable axure rp code

- Adaptive Views: what is it? How to use it? - I will talk about tips & tricks during the demo wherever applicable - Not a discussion of RWD or mobile platforms.- # years of experience - types of projects - workshops, articles on Axure but other tools - passionate prototyper - frequent presentations at Axure meetup and Axure world.based prototyping tools (FramerJS, jQuery, etc.).

#Make your webpage scalable axure rp full

Must at the least have some mobile tools under your belt, a full platform such as Axure or Justinmind, and some dev. Exposure to different working environments and project experience will teach you the foundations of prototyping. Pick the tool that fits the job the best. - Axure is my primary tool given its versatility (documentation, collaboration, complex flows and interactions).Started out at Motorola back in the P2K/Linux Java days -> - Spent some time in Sears in the mobile team - Now at ReSound working on Connectivity and TeleAudiology solutions for company’s top HIs - Over 5 years experience in the UX field - Primarily doing work in the mobile and tablet spaces.Co-founded DPU HCI FB group with Nikola Ranguelov and other fellow students - Many alumni in the Chicago HCI world - Bill involved me with IxDA Chicago - This lecture is a way to give back to alma matter and fellow future UXers. This same course inspired me to focus on prototyping. - Graduated with MS in HCI from DePaul in 2012.

#Make your webpage scalable axure rp pdf

pdf of presentation and video recording - Other tools for RWD exist: Macaw, Apple Xcode, Sketch, Pixate, Proto.io.

- Housekeeping: targeted audience - Questions during presentation + Q&A at the end - Assets shared at the end.

*Icon credit: *Image credit: Editor's Notes They will be a nice addition to your tool set! Heavy interactions are possible but difficult to Adaptive Views increase project complexity Axure is a good tool choice for prototyping RWD Plan ahead before starting to prototype

#Make your webpage scalable axure rp code

No production-ready code (true for any Axure project, Must constantly track which view you are working in If content is at non retina (320px by 568px): If content is at retina (640px by 1136px): Each point can then hold 1 or 2 content pixels Can be laid at non-retina size, 320px by 568px Can be laid at the expected size, 640px by 1136px (in Density = content width / physical width Aspect ratio = content width / content height Note: The latter allows for zooming in/out of the content > 200% (Android and latest additions to iOS)Ģ. non retina or also known as 100% of the display size The content in pixels can be of different resolutions: The mobile viewport takes this content and resizes it to fit in The expected content size for the current device).Ģ. The content is laid out in Axure to a certain size (based on We will create a simple 1-screen prototype of a mobileĮ-commerce experience with the following:ġ. Level of visual fidelity and documentation Get buy-in from stakeholders and internal team Set expectations of what Axure can/cannot do for RWD Content and requirements exist for each breakpoint This is based on analytics and/or user research (not only Breakpoints exist for each channel/form factor/resolution **If you need help, drop me a line at 12. OnWindowResize and OnAdaptiveViewChange Creating widget libraries for adaptive designs **I promise, all of this will make sense shortly įeel free to look at the more advanced topics on your There is a lot of ground we can cover, so let’s focus on …present on Axure and other prototyping tools: …but I constantly refine my process and toolkit! I apply for mobile and tablet prototyping:

I use different tools for different projects. Responsive Design with Axure 7.0’s Adaptive Views