Difference between revisions of "AppSuite:ISV Mockups Wireframes"
(→Why build mockups?) |
(→Best practice) |
||
| Line 32: | Line 32: | ||
* Let the fun begin! Start creating mockups! | * Let the fun begin! Start creating mockups! | ||
| + | |||
| + | === General basics of Balsamiq === | ||
| + | |||
| + | * Working with Symbols - http://support.balsamiq.com/customer/portal/articles/110439 | ||
| + | |||
| + | * How to Use an Existing File as a Symbol in Mockups - http://support.balsamiq.com/customer/portal/articles/110439 | ||
| + | |||
| + | * Working with Text - http://support.balsamiq.com/customer/portal/articles/110121 | ||
| + | |||
| + | * Tutorials - http://support.balsamiq.com/customer/portal/topics/49503-tutorials/articles | ||
=== Best practice === | === Best practice === | ||
Revision as of 15:13, 3 February 2014
Create Open-Xchange AppSuite Mockups / Wireframes
Contents
Why build mockups?
Many people don´t understand why they should use a mockup tool.
Here is a list of some reasons, why YOU should think about using the power of mockups:
- It reproduces the experience of sketching on a whiteboard, but using a computer.
- It dramatically helps to visually any kind of ideas, features of a web application. Mockups are very useful, for example in contracts, proposals, user stories or software change request forms.
- Enhance the visibiliy of your upcoming features inside a product.
- Iterare easily over ideas + get feedback from potential users and customers until they are ready to get implemented via the development department.
This page contains needed informations, to easily build wireframes/mockups for the Open-Xchange AppSuite application.
IMPORTANT NOTE: To build/use the mockups, which get described in this article, you need to install a 3rd party software (Balsamiq) on your local PC/Laptop. Balsamiq can be used in a trial period. Once you decide to constantly use it, you must purchase a license from their [1] website.
What´s needed to build beautiful AppSuite mockups ?
Only 4 Steps are required, to get started to build nice mockups for AppSuite.
- You need to install the application called Balsamiq. You can download it from: http://balsamiq.com
- Download the Open-Xchange Balsamiq Assets/Library/Samples from @FP: Describe steps for GIT download <GIT_URL>_OR_DOWNLOAD_OF_ZIP_FILE>.
- Import the donwloaded AppSuite assets/library into the Balsamiq application and checkout the examples, which were included.
- Let the fun begin! Start creating mockups!
General basics of Balsamiq
- Working with Symbols - http://support.balsamiq.com/customer/portal/articles/110439
- How to Use an Existing File as a Symbol in Mockups - http://support.balsamiq.com/customer/portal/articles/110439
- Working with Text - http://support.balsamiq.com/customer/portal/articles/110121