AppSuite:ISV Mockups Wireframes: Difference between revisions

From Open-Xchange
No edit summary
No edit summary
Line 4: Line 4:
__TOC__
__TOC__


[[File:Ox-tasks-mocukup.png|300px|thumb|left| ]]
[[File:Ox-tasks-mocukup.png|300px|thumb]]




[[File:Ox-calendar.png|300px|thumb|left| ]]
[[File:Ox-calendar.png|300px|thumb]]


[[File:Ox-core.png|300px|thumb|left| ]]
[[File:Ox-core.png|300px|thumb]]





Revision as of 15:21, 3 February 2014

Create Open-Xchange AppSuite Mockups / Wireframes


Ox-tasks-mocukup.png


Ox-calendar.png
Ox-core.png



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

Best practice