Skip to Content

You got your Mac, you got your iPhone and iPad, and you installed XCode. So let’s build the one-million-dollar app, right? No, hold a second. Because before you even write your first line of code, have your users test your app.

You have no Mac, you have no iPhone or iPad? But you have a great idea for an app? Then let’s have your users test your idea.

Am I making fun of you? No, because before you write code and an give your users a running app, you can create astonishingly real looking mockups of your app, that don’t feel like a mockup. And that you can give users to test and give feedback. They help you to avoid a miserable failure because of all the time and money spent for coding an app that misses your target audiences’ needs.

The following tools will help you – developer, solution manager, guy with a great idea – build a life-like looking prototype of your app and accelerate development of your future killer app. Depending on what app you are eyeing, these tools are for you.

Mockapp

This tool allows you to bring your iPhone mockup on your iPhone. Sufficient to get a good first impression for the layout, navigation through links and look & feel. Sure you can’t have everything (animation), but hey, that’s what’s your task when finally programming the app

Stencil kits

Stencil kits are collections of common graphical elements like buttons, headers, sliders, dials etc. that you find in a variety of iPhone/iPad apps. Websites like Graffletopia offer a growing number iPhone and iPad templates for download, Yahoo! besides the templates also design tools to create your own stencils. It just doesn’t give your prototype the real feeling of your future app, you will use those stencils later in your life app.

Tools & How-tos

Amir Khella provides a treasure trove of tools and how-tos for creating interactive iPhone or iPad mockups in 30(!) minutes. Just watch his videos and you’ll be amazed how easy it is.

Simulators

While Apple’s iPhone/iPad SDK Xcode comes with simulators for both the iPhone and iPad, many folks who want to develop apps might not own Apple hardware. The still can run simulators that are available for PC. MobiOne for the iPhone, iPadgeek for the – surprise – iPad and Adobe AIR based simulators are available.

Screen and video capture

As Etay Gafni, former SAP colleague and now founder and CEO of BrightAct, said “Nobody wants to write specs and even fewer people want to read them”, give the people a screen shot or even better a video to see what your app does or should do. Be it that you as solution manager or guy with a great idea want to tell your developers how the app should be or if you as developer want to show your customer what your app does, make a video. The simple but free SimCap from Apple or the not free but with all bells and whistles iShow U HD screen capture tools will help you with that.

DemoRight

If you don’t just want to show your users a video of your future app, but give them an opportunity to navigate through the app on their webbrowser and enter feedback about each screen directly into the system (anonymously or with full disclosure), then DemoRight from BrightAct is the right tool for you. Etay’s web based tool might become the must have dev tool for each person behind an app. Build it there, test it there, show it off there. And only if your app is warmly welcome by your test users on DemoRight, then don’t waste anymore time, go ahead, program it and laugh all the way to the bank. 

GameSalad

What if your app shall be a game but you are a terrible programmer? There is a solution for that. Gamesalad is a game generator that allows you to choose a game type, import your own graphics and enter your rules. The result is a game created without you having to enter a single line of code. How cool is that?

More tools

We keep an updated list of tools in our SAP Mobile wiki. Keep checking it out.

To report this post you need to login first.

4 Comments

You must be Logged on to comment or reply to a post.

  1. Otto Gold
    Hello, I got interested in SAP mobile, was going to do some Java ME dev to get my hands dirty, but this looks promising as well. Are there any sources, where I could find something more about how to use the tools you present here? Are there any tutorials to create my first app and start from there?
    Would be cool if you could share some “glue” to help people “glue” things together.
    By the way, I have heard only nice words about your work and am looking forward to see and hear some more!
    Regards Otto
    (0) 
    1. Mario Herger Post author
      Hi Otto,
      I actually started a “Getting Started” document on the wiki under https://wiki.sdn.sap.com/wiki/pages/viewpage.action?pageId=195791726 which points out to some sources (with source code). Feel free to enhance it, if you have something that’s missing in there.
      Though we are still missing the SAP specific code like connecting to SAP systems etc. I hope we’ll have soon the first examples. There are some activities going on that we are looking forward to show here. Of course everybody here on the SDN is welcome to add material as well (blog, post examples in the WIKI etc.)
      I also recommend looking at books like “iPad Application Development for Dummies”, where you can follow easy examples (I have it, alking through it as well).

      And yes, thanks for kissing your way up to me 😉 I like that.

      Maro

      (0) 
  2. Daniel Pascariu
    Hi Mario,

    Here’s a really nice tool for creating demos: AppDemopod.com – http://www.appdemopod.com

    A few features:
    – web platform – design your demos online on appdemopod.com and view them in your browser
    – create demos/simulations or guided tutorials where the next click is highlighted
    – supports rich graphical effects and interactions: buttons, links, text input, animations, effects, movies, etc.
    – easy to use – similar to PowerPoint + Interaction
    – best of all: it’s FREE 🙂

    It’s used by SAP in Business ByDesign and Business One. Check out some demos:
    – Business One for iPhone demos: http://www.appdemopod.com/demopod?id=587001
    – Business ByDesign for iPhone demos: http://www.appdemopod.com/demopod?id=551001

    Cheers,
    Daniel

    (0) 

Leave a Reply