Blog

We are happy to release Appery.io version 1.2.5 today. We worked very hard improving Appery.io behind the scenes. We made Appery.io run faster, more stable, load projects faster and fixed a number of UI quicks. Give Appery.io a try and as always, we would love to hear your feedback: http://getsatisfaction.com/apperyio. Don’t forget to follow us on Twitter: @apperyio.

New features and improvements in this release:

Customize the tab panel with tabs on top or bottom:

Using table or grid layout? Quickly edit the number of rows/columns in properties:

You can set screen size for web or mobile to one of the predefined values or enter it manually (when custom size is checked):

In mobile, navigation bar can now be placed in header or footer of the application as jQuery Mobile requires:

Appery.io makes it very simple to work with multiple screens:

• To add a new screen, click +Add Screen button
• To delete a screen, click X in the upper right corner in the screen. You can also delete by selecting Screen/Delete from the top menu
• To rearrange screen, select a screen and drag it into the new position
• To edit screen name, double click on its label. You can also change screen name in Properties
• Once you are done editing screens, click Hide Screens to hide the panel. This way you will have more room for the prototype

• Appery.io: helping business analyst (original Russian version)
• Appery.io: helping create user interfaces (original Russian version)

When you drag and drop a button control for example, the default button look is squared:

That could be fine but I’m sure some of you would like to use rounded buttons and inputs. Well, that’s very easy to do in Appery.io. Select the button, scroll down in properties window and you will see Round Corners option. Using the slider, set the curve radius:

and you will get this:

Here is another example. Click the screen shot to see an actual preview of this page in a browser.

Can you mockup tool do this? [via Maxa blog]

As a business analyst I am making prototypes for the a new project in Appery.io.  Like many other projects, this one has a public and admin parts.  I created a prototype for the public portion of the application, implying that this functionality would be available for all logged in users, however the customer corrected me and noted that it would be available for admin users only.  I have two Appery.io projects: admin part and public part of the site so I tried to just copy from “public” part and paste to admin part with no luck!  I got puzzled and wondered how I could do that. Here is the solution I would like to share.

The solution is quite simple.

1. Open the project where you have the screen that you want to move to another project.

2. Navigate to Project>Clipboard Import/Export menu to open the Local Import/Export dialog. In the dialog click Export.

Read the rest of this entry »

Last week we pushed Appery.io version 1.2.4. Besides bug fixing, we added a new mobile control: Collapsible Block. You can place any other controls inside and the block is collapsible in design as well as in Web Preview. See how it actually looks in a browser (try to expand/collapse the block).

Let’s say you start with a prototype and drag and drop a number of controls on to a screen:

Now you need to align all controls. One way is to take each control and align it, but that’s too much work. In Appery.io, you can quickly align any number of controls. With the mouse select the controls and then select Align from the menu at the top and pick your option:

Selecting Align Right:

After a major 1.2 release which included mobile palette based on jQuery Mobile components, we pushed a minor 1.2.2 update mostly with bug fixing and other improvements. One important update in 1.2.2 is that collaboration now works behind any firewall. Before this release, Appery.io used a port other than 80 for collaboration. We heard from users who are behind a firewall that collaboration just didn’t work for them. We updated Appery.io collaboration to work with port 80 so now everyone will have this feature working. Give it a try and let us know what you think.

We just released Appery.io version 1.2.1 and the biggest new feature is mobile palette which lets you build mobile prototypes and of course preview them. Mobile controls are based on jQuery Mobile. Other new features are reorder screens with drag and drop, preserve ratio for uploaded images, round corners for components and component duplicate option.

To see the entire list of features, just go to https://appery.io. For any questions, suggestions and feedback, go to Appery.io forum. Let’s review all the new features in this release.

Mobile palette and prototypes

With mobile palette based on jQuery Mobile controls, you can now create prototypes for iPhone, Android, BlackBerry or any other mobile device and preview them in any browser (of course we recommend a mobile browser). To activate the mobile palette, switch Screen Type to Mobile in screen properties and get jQuery Mobile based controls:

Use the grid control to help you with layout and don’t forget that you can always preview the mobile prototype by selecting Web Preview/Open:

Read the rest of this entry »