ux & wireframes know your weapon of choice
Post on 18-Oct-2014
978 views
DESCRIPTION
Whether you're a developer or not, you can absolutely still help build your own site. In fact, it's important that you do. Anticipating how your audience will interact with your site -- navigating, consuming, purchasing, sharing -- and structuring it to make it easier for them to do the things that matter most (to them and to you) is major. Alec Harrison is the founder of Audacious Design, a design studio, and also works as a senior UI designer for Fresh Tilled Soil. He is passionate about data, data visualization, and technology. He specializes in creating intuitive UX/UI designs for many types of industries and products across mobile, tablet & web platformsTRANSCRIPT
![Page 1: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/1.jpg)
Presented by
Alec Harrison
UX & WIREFRAMESKNOW YOUR WEAPON OF CHOICE
@
1Monday, September 30, 13
![Page 2: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/2.jpg)
WHAT IS IT?
2Monday, September 30, 13
![Page 3: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/3.jpg)
A visual guide that represents layout and function.
Purpose: focus on usability and user experience.
WIREFRAME
3Monday, September 30, 13
![Page 4: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/4.jpg)
BLUEPRINT4Monday, September 30, 13
![Page 5: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/5.jpg)
WHEN TO USE IT?
5Monday, September 30, 13
![Page 6: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/6.jpg)
THE PROCESS
6Monday, September 30, 13
![Page 7: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/7.jpg)
THE PROCESS
SKETCH/IDEAUser PersonasUser Journeys/Flows
Planning
6Monday, September 30, 13
![Page 8: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/8.jpg)
THE PROCESS
WIREFRAMES
Blueprints
SKETCH/IDEAUser PersonasUser Journeys/Flows
Planning
6Monday, September 30, 13
![Page 9: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/9.jpg)
THE PROCESS
WIREFRAMES
Blueprints
SKETCH/IDEAUser PersonasUser Journeys/Flows
Planning
DESIGNPROTOTYPE DEVELOPMENT
Construction
6Monday, September 30, 13
![Page 10: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/10.jpg)
http://helsinkidesignlab.org/?offset=30 Lance Cassidy
1. SKETCH/IDEA
7Monday, September 30, 13
![Page 11: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/11.jpg)
2. WIREFRAME
8Monday, September 30, 13
![Page 12: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/12.jpg)
Prototype
3. DESIGN & OTHER STEPS
Design Developed/Finished Product
9Monday, September 30, 13
![Page 13: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/13.jpg)
WHY DO IT?
10Monday, September 30, 13
![Page 14: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/14.jpg)
COMMUNICATE
11Monday, September 30, 13
![Page 15: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/15.jpg)
COPYWRITER“What will I need to write?”
COMMUNICATE
11Monday, September 30, 13
![Page 16: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/16.jpg)
COPYWRITER“What will I need to write?”
DEVELOPER“What functionality will I need to implement?”
COMMUNICATE
11Monday, September 30, 13
![Page 17: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/17.jpg)
COPYWRITER“What will I need to write?”
STAKEHOLDER“How is this meeting our business goals?”
DEVELOPER“What functionality will I need to implement?”
COMMUNICATE
11Monday, September 30, 13
![Page 18: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/18.jpg)
COPYWRITER“What will I need to write?”
STAKEHOLDER“How is this meeting our business goals?”
VISUAL DESIGNER“What visual elements need to be displayed?”
DEVELOPER“What functionality will I need to implement?”
COMMUNICATE
11Monday, September 30, 13
![Page 19: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/19.jpg)
COPYWRITER“What will I need to write?”
STAKEHOLDER“How is this meeting our business goals?”
VISUAL DESIGNER“What visual elements need to be displayed?”
W.F. CREATOR“Will my ideas make sense to others?”
DEVELOPER“What functionality will I need to implement?”
COMMUNICATE
11Monday, September 30, 13
![Page 20: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/20.jpg)
COPYWRITER“What will I need to write?”
STAKEHOLDER“How is this meeting our business goals?”
VISUAL DESIGNER“What visual elements need to be displayed?”
W.F. CREATOR“Will my ideas make sense to others?”
USER“What is this and what can I do here?”
DEVELOPER“What functionality will I need to implement?”
COMMUNICATE
11Monday, September 30, 13
![Page 21: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/21.jpg)
VALIDATE
DEVELOP A GREAT USER EXPERIENCE
Do we really need all of this?
Are we missing anything?
We didn’t even think of that!
Is the content hierarchy correct?
12Monday, September 30, 13
![Page 22: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/22.jpg)
SAVE TIME AND COSTS
13Monday, September 30, 13
![Page 23: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/23.jpg)
SAVE TIME AND COSTS
FLEXIBLEMake changes early on
13Monday, September 30, 13
![Page 24: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/24.jpg)
VALUABLERethink approach on a more strategic level, without the development costs
SAVE TIME AND COSTS
FLEXIBLEMake changes early on
13Monday, September 30, 13
![Page 25: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/25.jpg)
TYPES
14Monday, September 30, 13
![Page 26: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/26.jpg)
WIREFRAME (LOW-FIDELITY)
Jonathan Shariat Eddie Lobanovskiy
15Monday, September 30, 13
![Page 27: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/27.jpg)
WIREFRAME (HIGH-FIDELITY)
16Monday, September 30, 13
![Page 28: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/28.jpg)
WIREFRAME (HIGH-FIDELITY & ANNOTATED)
17Monday, September 30, 13
![Page 29: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/29.jpg)
SETUP
18Monday, September 30, 13
![Page 30: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/30.jpg)
DECIDE ON A TOOL
19Monday, September 30, 13
![Page 31: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/31.jpg)
SETUP
20Monday, September 30, 13
![Page 32: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/32.jpg)
SETUP
Start With A Grid and/or DeviceChoose a proper layout size for the targeted device. If responsive start with either small or large.
1
20Monday, September 30, 13
![Page 33: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/33.jpg)
INCLUDE...
21Monday, September 30, 13
![Page 34: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/34.jpg)
INCLUDE...
The structure of the page or screen i.e. navigation & content areas
1
21Monday, September 30, 13
![Page 35: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/35.jpg)
INCLUDE...
The structure of the page or screen i.e. navigation & content areas
1
Layout and hierarchy of contentWill it give the user what he/she needs in order to achieve their end-goal(s)?
2
2
2
21Monday, September 30, 13
![Page 36: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/36.jpg)
INCLUDE...
The structure of the page or screen i.e. navigation & content areas
1
User Interface Elements i.e. forms, buttons, and charts
3
3
3
Layout and hierarchy of contentWill it give the user what he/she needs in order to achieve their end-goal(s)?
2
2
2
21Monday, September 30, 13
![Page 37: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/37.jpg)
INCLUDE...
The structure of the page or screen i.e. navigation & content areas
1
User Interface Elements i.e. forms, buttons, and charts
3
3
3
Copy Amount i.e. headers and ideal length of text
4
4
4
Layout and hierarchy of contentWill it give the user what he/she needs in order to achieve their end-goal(s)?
2
2
2
21Monday, September 30, 13
![Page 38: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/38.jpg)
AVOID...
22Monday, September 30, 13
![Page 39: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/39.jpg)
AVOID...
Too many colors/texturesOver designing can be distracting and shift the focus of the conversation
1
22Monday, September 30, 13
![Page 40: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/40.jpg)
AVOID...
Actual ImagesThis can be distracting and shift the focus of the conversation
2
Too many colors/texturesOver designing can be distracting and shift the focus of the conversation
1
22Monday, September 30, 13
![Page 41: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/41.jpg)
AVOID...
Actual ImagesThis can be distracting and shift the focus of the conversation
2
Made-up copyUse placement copy if it is not supplied prior to starting the wireframe
3
Too many colors/texturesOver designing can be distracting and shift the focus of the conversation
1
22Monday, September 30, 13
![Page 42: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/42.jpg)
AVOID...
Actual ImagesThis can be distracting and shift the focus of the conversation
2
Made-up copyUse placement copy if it is not supplied prior to starting the wireframe
3
Too many colors/texturesOver designing can be distracting and shift the focus of the conversation
1
Too many fontsTry to use 1 font and only 3 styles for each (i.e. regular, bold, italic)
4
22Monday, September 30, 13
![Page 43: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/43.jpg)
Purpose: Create a public-facing marketing websiteto showcase the new web app.
One-page siteNeeds to be scalable for future changesWordpress
CASE STUDY
23Monday, September 30, 13
![Page 44: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/44.jpg)
SKETCH THE UX
24Monday, September 30, 13
![Page 45: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/45.jpg)
Who will see the wireframe?
What platform am I designing for?
WIREFRAME SETUP
25Monday, September 30, 13
![Page 46: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/46.jpg)
WIREFRAME (HIGH-FIDELITY)
26Monday, September 30, 13
![Page 47: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/47.jpg)
WIREFRAME (HIGH-FIDELITY)
26Monday, September 30, 13
![Page 48: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/48.jpg)
DESIGN
27Monday, September 30, 13
![Page 49: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/49.jpg)
Create wireframes (2-3 states) for a new iPad application that allows users to customize and try on sunglasses
low or high-fidelity
GROUP CHALLENGE
28Monday, September 30, 13
![Page 50: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/50.jpg)
WEB TOOLS
29Monday, September 30, 13
![Page 51: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/51.jpg)
WHAT TO LOOK FOR
30Monday, September 30, 13
![Page 52: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/52.jpg)
WHAT TO LOOK FOR
CREATE ORIGINAL WORK in a robust and flexible environmentCreate/import custom shapes and elements in different sized canvases (device layouts)
30Monday, September 30, 13
![Page 53: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/53.jpg)
WHAT TO LOOK FOR
CREATE ORIGINAL WORK in a robust and flexible environmentCreate/import custom shapes and elements in different sized canvases (device layouts)
SCALABLE for future purposesPrototype/Test
30Monday, September 30, 13
![Page 54: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/54.jpg)
WHAT TO LOOK FOR
CREATE ORIGINAL WORK in a robust and flexible environmentCreate/import custom shapes and elements in different sized canvases (device layouts)
SCALABLE for future purposesPrototype/Test
DESIGN ONCE and have elements cascade throughout the whole documentLess work for the wireframe creator
30Monday, September 30, 13
![Page 55: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/55.jpg)
WHAT TO LOOK FOR
CREATE ORIGINAL WORK in a robust and flexible environmentCreate/import custom shapes and elements in different sized canvases (device layouts)
SCALABLE for future purposesPrototype/Test
DESIGN ONCE and have elements cascade throughout the whole documentLess work for the wireframe creator
SHAREShare and collaborate with others in the web app. itself or be able to export the document
30Monday, September 30, 13
![Page 56: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/56.jpg)
BEGINNERWireframe.cc$40/month for 3 users
https://wireframe.cc/
31Monday, September 30, 13
![Page 57: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/57.jpg)
BEGINNERWireframe.cc$40/month for 3 users
https://wireframe.cc/
Simple and minimal UIEasy to find things and learn
1
31Monday, September 30, 13
![Page 58: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/58.jpg)
BEGINNERWireframe.cc$40/month for 3 users
https://wireframe.cc/
Custom Gridsdots, lines, size
2
Simple and minimal UIEasy to find things and learn
1
31Monday, September 30, 13
![Page 59: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/59.jpg)
BEGINNERWireframe.cc$40/month for 3 users
https://wireframe.cc/
Custom Gridsdots, lines, size
2
Guided Gray ScaleHelping the user remember not to over design
3
Simple and minimal UIEasy to find things and learn
1
31Monday, September 30, 13
![Page 60: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/60.jpg)
INTERMEDIATEUXPIN$14.99/month (per user)
http://uxpin.com/
32Monday, September 30, 13
![Page 61: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/61.jpg)
INTERMEDIATEUXPIN$14.99/month (per user)
http://uxpin.com/
Intuitive UI for complex featuresi.e. search and drag & drop elements
1
32Monday, September 30, 13
![Page 62: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/62.jpg)
INTERMEDIATEUXPIN$14.99/month (per user)
http://uxpin.com/
Considers Responsive Settingi.e. forms, buttons, and charts
2
Intuitive UI for complex featuresi.e. search and drag & drop elements
1
32Monday, September 30, 13
![Page 63: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/63.jpg)
INTERMEDIATEUXPIN$14.99/month (per user)
http://uxpin.com/
Considers Responsive Settingi.e. forms, buttons, and charts
2
Real-time Sharingeasy-to-use collaborative features
3
Intuitive UI for complex featuresi.e. search and drag & drop elements
1
32Monday, September 30, 13
![Page 64: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/64.jpg)
ADVANCEDAdobe Fireworks$50/month (comes with all other programs such as Photoshop)
https://creative.adobe.com/join/pro
33Monday, September 30, 13
![Page 65: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/65.jpg)
ADVANCEDAdobe Fireworks$50/month (comes with all other programs such as Photoshop)
https://creative.adobe.com/join/pro
Easy to reuse elementsi.e. forms, buttons, and charts
1
33Monday, September 30, 13
![Page 66: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/66.jpg)
ADVANCEDAdobe Fireworks$50/month (comes with all other programs such as Photoshop)
https://creative.adobe.com/join/pro
Multiple Pages/Statesi.e. forms, buttons, and charts
2
Easy to reuse elementsi.e. forms, buttons, and charts
1
33Monday, September 30, 13
![Page 67: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/67.jpg)
ADVANCEDAdobe Fireworks$50/month (comes with all other programs such as Photoshop)
https://creative.adobe.com/join/pro
Multiple Pages/Statesi.e. forms, buttons, and charts
2
Translates to DesignDesign finished products in this program
3
Easy to reuse elementsi.e. forms, buttons, and charts
1
33Monday, September 30, 13
![Page 68: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/68.jpg)
ADDITIONAL RESOURCES
10 Cloud-Based UX Design Tools to try in 2013
http://www.awwwards.com/10-cloud-based-ux-design-tools-to-try-in-2013.html
UX Sketching And Wireframing Templates For Mobile Projectshttp://uxdesign.smashingmagazine.com/2012/09/18/free-download-ux-sketching-wireframing-templates-mobile/
UI Stencils for Wireframing
http://www.uistencils.com/
34Monday, September 30, 13
![Page 69: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/69.jpg)
QUESTIONS?
35Monday, September 30, 13
![Page 70: UX & Wireframes Know Your Weapon of Choice](https://reader034.vdocument.in/reader034/viewer/2022051411/54429beaafaf9f0e118b46c1/html5/thumbnails/70.jpg)
@
THANK YOU
36Monday, September 30, 13