Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Introduction to Wireframing!
You have completed Introduction to Wireframing!
Preview
In this video, we'll jump right into Balsamiq and start making our wireframe.
Further Reading:
- Sending focus to Quick Add (mentioned in the video):
/ or +
- Navigating the Suggestion List:
↑↓
- Sending focus back to the Canvas:
ESC
- Add control at the cursor position:
SHIFT+ENTER
Other Balsamiq Efficiencies:
- Lorem-Ipsum generator: type "lorem" in a Text or Text Area control.
- Balsamiq Documentation: Transforming Control Types
- Wireframes to Go: A free user-contributed collection of ready-to-use UI controls and design pattern libraries to extend the collection that comes with the built-in UI Library.
-
"Quick Draw" tutorial
-
Transforming controls tutorial
- The Balsamiq "Our Tutorials Site"
More Balsamiq Resources:
"How Does Balsamiq Compare to Other UI/UX Tools?"
Youtube: Balsamiq "Live Wireframing Sessions
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
Let's name this one Payment.
0:00
You can right-click to rename,
or you can double-click it.
0:00
First, we need a container.
0:07
We'll be creating another iOS app,
so let's choose an iPhone container.
0:09
Great, now we have a view port.
0:16
For this project, we'll be focusing on
a different screen, the payment page.
0:18
Once again,
we'll be consulting the user research.
0:23
Consider the users' goals and
0:27
emotional states as you iterate
on the user experience.
0:29
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up