Search
Goodies

Social Networks
Designs I Like

Entries in tools (84)

Sunday
Aug282011

TestFlightApp is getting better and cooler!

A while ago, I wrote a complete review of @TestFlightApp, a web service allowing iOS developers to help them distribute adhoc builds of their apps for testing purposes (TestFlightApp - a complete review). That's kind of incomplete description of this wonderfully designed web service.

Today, I want to highlight a few upcoming features on TestFlightApp:

  • see who is really testing your apps, how much effort they put into;
  • see application usage patterns with checkpoints;
  • ask for feedback the users running your application, directly from the device;
  • get easy access to application's crash logs, complete with symbolication.
All of this will come under a new SDK on which I spent some time to test.

Who is really testing your ahdoc builds?
Sometimes you want to go out and ask for others to test your iOS apps for a specific feature or just to get general feedbacks. So you ask a bunch of people to submit their device's UDID in order to create an adhoc build for them. But, out of 20 or 30 beta testers, how many are really doing what you expect them to do? Before TestFlightApp's new SDK, you would judge this by the amount of feedback you were getting via emails. Now, with the new SDK, you'll see exactly who is really testing your apps, thanks to the new Sessions tab.

As you can see, you'll see who is the most active of your beta tester, total spent in your app, how many sessions, average time spent per session, etc. This is really useful to help manage your team of beta testers.

See application usage patterns with checkpoints
Now you can embed checkpoints within your app. After adding the TestFlightApp SDK to your project, simply add calls like this at strategic workflow points within your application:

[TestFlight passCheckpoint:@"CHECKPOINT_NAME"];

This way, you'll be able to see usage patterns and eventually be able to identify user interaction problems. This is really cool. If you already use Flurry analytics library in your shipping apps, you'll see that this is really similar. What is cool here is the ability to see all your stuff in one place on the web while having complete control on the beta management process. Plus, TestFlightApp web site is way cooler than Flurry's. No doubt about this.
Checkpoints view
As you will see in the next section, checkpoint are critical to the next SDK's feature: asking for user feedback. 

Asking beta testers for direct feedback
The new SDK allows every developers to ask for direct feedback from within their application. This one is really cool. Let say you have designed a new welcome tutorial and you want the testers to give their impressions. To accomplish this, you have to have defined checkpoints in your application. Then, on the TestFlightApp management page, you assign a question to this checkpoint. The next time the user hit this specific checkpoint from within the app, the TestFlighApp SDK will bring up the question to the user. 
You can ask for feedback with Yes or No answers
Free form feedback can also be submitted
On the backend, TestFlightApp let the developer see all the answers in a nice dashboard view. 

Access to application's crash logs, easily
As developers, we all know how tricky it is to get user's crash logs. But what if the whole process was automated from start to finish? This is exactly what the SDK does for you. If your application crashes while being tester, open the next restart, the integrated TestFlightApp SDK will try to recover the logs and send them to the web service. Completely symbolicated.

This alone is worth the small time it takes to integrate the SDK into your app (less than five minutes). This is so cool that I asked the support team if they would allow developers to include the SDK into shipping applications on the App Store. Their answer was very revealing: they are away of other developers who do just that. I think I will try that with one of my app to see how it goes.
XCode Project Settings required for crash reporting
As a side note, the SDK is taking into account the network availability so if the network is missing, pending sessions, crash reports and the like are waiting for the next opportunity.

All in all, I really like how TestFlightApp is evolving. If you are not already registered with them, you should take the time to open an account (free!) and see for yourself.

Tuesday
Aug162011

Flurry Analytics on the go with AppMetrics for iOS

Here is an interesting little discovery: AppMetrics for iPhone. If you are a developer that integrates Flurry analytics libraries in your apps, then you might want to check out this.

AppMetrics allows you to look at your application's analytics from your iPhone or iPod touch. You'll be able to query to events, users, session analytics for the last day, last week or last month. Each application build can be queried. Countries can be selected to narrow results. Reports or graphs can be generated and you can print them to your wireless printer over AirPrint, export them by email.
Frequently used queries can be marked as favourite for quick access. Another nice thing is the inclusion of a news sections on mobile industries, application metrics and from Flurry's own blog. Nice addition. 
While testing the application, I did experience a few crashes (I wasn't able to get a graph out of my query results) and asked for support which prompted rapid replies. I'm waiting for an updated version to see if it will fix my issues.

Saturday
Aug132011

Your google Analytics in Mac Os X Dashboard

You've got a web site for promoting your iOS apps? Want to get an handy access to your Google Analytics from your Mac OS Dashboard? Go get GAget now at http://www.zoltanhosszu.com/gaget/ . This very well designed Dashboard widget will show you the most relevant stats in a elegant windows. Very handy.

Saturday
May282011

App Cooker video preview

Want to know more about App Cooker? See this video.

Friday
May272011

EXCLUSIVE: App Cooker to become the best prototyping tool on iPad

iOS development landscape is doing very well. Developers keep coming to the iOS platform (more than 80 000 regisetred) and new applications keep coming in (last time I checked, there was more than 450 000 apps available for iOS devices). Building those apps requires a lot of time (for well designed apps this is surely the case). Tools to help developers are becoming more and more sophisticated. Once category of application that I follow closely is prototyping tools. Today, after many weeks of extensive testing, I'm pleased to post my complete review of a new prototyping tool called App Cooker.

App Cooker is built to support the developer or the designer in five areas: refining an idea, creating a nice application icon, designing the mockups, meeting the pricing challenge and finally preparing for the App Store. App Cooker uses Widgets for each of these tasks that are laid out on the application's App Board. Users can freely move between them with just two taps.
Creating a new project is simple: you select the device type, the default orientation, the project name then you set a default project icon in a very well design modal dialog box.
Well designed screens in App Cooker put the user in confidence
The application's App Board
Having an idea
App Cooker supports the developer in helping him define and refine his idea in three different ways. First, the definition statement space asks for an idea statement that should touch the differentiation or the solution and the target audience of the application. Next, the Type chart offers the developer to place an icon on a X-Y axis chart in order to provide corresponding advices. X axis correspond to the application usage and Y axis to the seriousness degree.
The third way is the evaluation of the idea. The developer judge his idea against five areas: idea, newness, ergonomy, graphics, interactivity. Depending of the ratings, a judgement is made by App Cooker. While trying this widget, I came across the best one: "You're going to be rich".

I like this widget because it provides the developer the opportunity to think about his idea and refine it before going too far in the design process.


The application's front door: the icon
The application's icon is the front door of your app. This is the first thing the user see in your app. Designing it with the right tools is a must. App cooker comes with a basic icon editor.
Icon widget of App Cooker
App Cooker provides the same graphic tools that you use in order to build visuals of the application UI: circle, square, etc. Also shown is the icon in all required resolutions for the Retina Display, iPad, Settings and Spotlight results. 

Creating mockups
Having an idea is nice but execution is the next step. This is where the mockup part of App Cooker comes into play. Having played with Blueprint for a while (a competitor to App Cooker), I must say App Cooker design in this area really shine. The mockup area contains a tool palette called the transformation bar located at the top where you can group, arrange, mirror, rotate resize or move selected objets. This palette can be hidden to make more room for the design area which is nice.
The transformation bar
At the bottom, the property bar allows you to act upon selected objects.
Property bar while a Navigation bar is selected
Property bar while a text box is selected
Each objects can be placed on the design canvas with great flexibility and precision. Tapping Size or Position on the transformation bar, you'll get a popover to change the attributes in a precise way with the use of the plus or minus. But, even cooler, tapping the number will extend the popover to show a keypad.
Creating mockups is done by selecting basic user interface elements (widgets) from a popover at the top right of the screen. You'll be able to use nearly all of the available native widget that Apple provides on an iOS device but a few are missing in this initial release: UITableView, SplitViewControllers, UIActionSheets, PopOvers and UIAlerts. These will be implemented in the coming releases.
Some of the supported widgets
Also included are many graphical primitives as shown in the the following popover.
App Cooker supports portrait and landscape orientations in design and preview mode which is very useful to build complete prototypes. In edit mode, both orientations are shown one the same canvas so you don't have to go back and forth while editing both orientations. In preview mode, rotating the device will show the respective screen. 
Screens supporting portrait and landscape mode
The prototype flow is created by linking screens together with the use of hotspots . These can be shown or hidden while in preview mode to guide the user where to tap the screen. Once a mockup is done, it can be tested in preview mode where you'll be able to "run" the application. To exit the preview mode, a tap with three fingers is required.
A rather complex prototype navigation overview
Setting the right price
How much should you sell your app? Well, it depends on many factors: how much did you pay for its development? Do you rent offices for your staff? How many copies do you plan to sell in the next couple of months? What if you consider the fact that this is an iPad app which make the potential market smaller? These are all the things that you'll be able to factor in with the Revenues and Expenses widget of App Cooker.

So you basically define the application's potential devices market size, sales period duration and optionally application in-app purchases, which pricing tier the application will be in, expenses of people, renting, equipment or anything else. You can set recurring or one time spending. These will be used to create a scenario with expected net income or net loss.

Scenario summary


Preparing for the App Store submission
App Store submission is a tedious process. You have to enter a lot of information that will serve the best to sell your application. With App Cooker, you use the Store widget to enter application name, description, promotional text, text localization, keywords, application classification just like you would do it on iTunes Connect while submitting your application for approval. This is nice. One thing that would be cool is the ability to export the information so that the developer can then do simple copy and paste into iTunes Connect to facilitate the submission process. As far as this release is concerned, the only export option is PDF file but exporting in text format will be added soon to the available choices. So it is doable but still, plain text file could be easier to copy and paste operations.
The Store widget fully supports localization. Panels for each country are presented as tabs so switching between localized versions is very easy to do. A nice touch is the bytes count shown for each field which are based on Apple's enforced limits. A byte count is more precise as accented characters account for two bytes,
This pop over is simply gorgeous
The information tab with general information about the application
On the right of the application's name, a green checkmark confirms the name will fit on the device home screen
If the application's name is too long, we see a red exclamation mark
Some functionalities and features are missing and it makes me anxious to get my hand on future releases: native prototyping for table views, export of Store widget metadata for use with iTunes connect, all iOS UI elements implementations to name a few. The maker of App Cooker told me they prefer to spend all the time it takes to polish a feature before releasing it. Good move.

Another issue is the use of an overly designed thing like the colour palette. This kind of thing is something pretty standard in design software and there is much more standard and effective way of presenting a colour palette.


Other interesting things
One thing to note is that App Cooker could be used in iOS programming class to teach the many aspects of building iOS apps. App Cooker has a very broad target market. Also very important, one of the gotcha with App Cooker is obvious when you use it to present your prototypes to your client. The reaction will be to make him think the application is almost ready! Imagine one day App Cooker generating all the code! Meanwhile, a project can be exported on a PDF document or sent by email as a whole.

Last words
According to Johann Fradj, the application developer, the next release will bring many new features including:
  • more widgets
  • augmented icon library
  • improved bitmap drawing module
  • wire framing (oh this one would be cool!)
  • and a few surprises
While on the subject of the next features to be included in future releases of App Cooker, the user will be granted by this notice upon starting the application. It is clear the developer of App Cooker want the users to take into consideration upcoming features before giving a bad review. 
Conclusions
App Cooker offers a lot for a first release and according to the developer the best is yet to come. This application will become a must for a lot of iOS developers and designers. Everything in this application received a lot of design attention and thinking. They have been working on this for more than a year. So, every parts of the application is very polished and well integrated. I'm already anxious to get my hand on the next releases of App Cooker. You'll be able to get App Cooker in the next few days on the App Store.

Previous posts about iOS prototyping tools that were posted on my blog:

  1. Prototyping tools for iOS app design: Part 1 - classification
  2. Prototyping tools for iOS app design: Part 2 - Pen, Stencils
  3. Prototyping tools for iOS app design: Part 3 - Bitmap based kits
  4. Prototyping tools for iOS app design: Part 4 - Vector based kits
  5. Prototyping tools for iOS app design: Part 5 - Applications

Friday
Apr082011

Prototyping tools for iOS app design: Part 6 - Libraries

Device reproductions
  1. iPhone 3G, 3GS PSD
  2. Apple iPad Fully editable PSD
  3. Apple iPhone 4 PSD
Icon sets
  1. Tapptics: one of the best kit to make your application prototypes professional. You'll be able to use the elements directly in your final product. Plus, you get a ton of other goodies. For a review of Tapptics, read Tapptics - another great resources for starters.
  2. Glyphish: This icons kit was one of the first to come on the market. The icons are great and covers a wide range of usage and subjects. Paid kit.
  3. Glyphicons: another great icons kit. Really and nice design. Paid kit.
  4. iPhone toolbar icons: a great collector of free tabbar icons. 
  5. iPhone Toolbar Icon Set: 64 free tabbar icons.
  6. Free iPhone Toolbar Icon: small free collection of icons. 
  7. 30 Free vector icons: these a gorgeous icons that can be scaled up and down as they are vector based. 
The series about prototyping tools was created based on research on the internet, user reviews and the following references:

http://iphoneized.com/2009/11/21-prototyping-mockup-wireframing-tools-iphone-app-development/
http://www.henkwijnholds.com/sketching-prototyping-tools-iphone-apps/sketching/
http://surgeworksmobile.com/iphone/how-to-build-an-iphone-user-interface-prototype-that-follows-apple-guidelines
http://www.mobigeni.com/2010/02/10/iphone-mockup-wireframe-and-prototyping-tools-for-iphone-developers/
http://speckyboy.com/2010/01/11/10-completely-free-wireframe-and-mockup-applications/
http://www.rainydaymagazine.com/RDM2010/Home/August/Week1/RDMHomeAug030.htm

Tuesday
Apr052011

Prototyping tools for iOS app design: Part 5 - Applications


    This blog post is all about software based prototyping tools. Here is a quick summary of what you kind find right now on the App Store. 
    1. Blueprint for iPad: the best prototyping tool right now for the iPad. I wrote a complete review a while ago: Review of Blueprint for iPad - the best prototyping tool.
    2. iMockups, iMockups HD: this one is nice but no longer a contender compared to Blueprint. Here is a small review I wrote: iMockups, a nice UI prototyping tool.
    3. App Layout: look kind of nice and weird at the same time. For iPad and cheap at 0.99$ compared to others. 
    4. Interface: nice app, only for iPhone or iPod touch. An iPad version of this app would make it a good competitor. 
    5. Live View: very basic tool. You download the viewer app on the iPhone. Then you open the "broadcaster" on the Mac. The latter is an iPhone screen that you position on the Mac screen to broadcast the content to the iPhone. That is it. So if you can animate something on the Mac, it will animate on the iPhone too. Kind of like a live screen caster from the Mac to an iOS device.
    6. Mockability: this app will link screen images together by defining hot spots. You then play the "presentation" to simulate actual app. Kind of like a small Keynote or PowerPoint. Very limited. Not cheap: 6.99$ for an iPhone only app. 
    7. Dapp: only for iPhone. Expensive. Include an Export to PDF that create a complete design sheet. 
    8. SketchyPad: this app can be used to prototype much more than iOS applications. Create very sketchy mockups. Support iPad. 
    9. Review: preview screens on your device. Same as importing screen images on the Photos.app. Useless. Move on.
    I'm  not done yet. There is one more to come. A very cool, sexy, well executed and with full of potential prototyping tool for the iPad is about to hit the App Store. A Blueprint killer? Look for a review in the coming days. Here is a teaser.

    Monday
    Mar212011

    Tapptics - another great resources for starters

    Wow, the iOS development landscape is on fire this week. Another cool thing to look at as an indie iOS developer is Tapptics resources to beautify your applications. Remember, an idea is nice, best execution is mandatory to be successful on the App Store these days. Go grab this stuff!

    Want to see more? Read this blog post: A great resource for starters and beyond.

    Saturday
    Mar122011

    Kick start your iOS development

    How many times I've got this question: "What do you need to get started in iOS apps development?". Well, this blog post will try to give a broad answer in a "point form" style.

    First, these requirement categories are:

    • Personal DNA
    • Personal skills
    • Hardware
    • Apple tools and services
    • Training
    • Software tools
    • Services
    • Other tips
    Personal DNA
    • Eager to learn
    • Willing to sacrifice
    • Not afraid to fail
    • Passionate
    Personal skills
    • Being familiar with a programming language is a big plus.
    • Knowledge of computer data structures is also a big plus.
    • Knowledge of web services could be a plus depending of your ideas and projects.
    • Design awareness is a must. If you don't care about user interface design and beautiful software, here is a tip: go develop for Android. And I'm not joking. 
    • Healthy network of people (you'll need some help at some point, or beta testers and those who will help you get the word out about your fantastic application.)
    • Experience with graphic design tools (like Pixelmator, Photoshop) could help you create mockups or user interface graphical elements.
    • Know the competition, spend a lot of time surfing the App Store to get a feeling of the trends, your competition, etc.
    Hardware
    • Any Intel-based Mac (beware if you buy a used one, make sure it is powered buy an Intel processor) with at least 3 gigs of ram, lot of disk space. Could be a Mac mini by the way. Very nice machine for dev. 
    • A big screen (Xcode love to spread itself), specially Xcode 4. 
    • At least one development device like an iPhone or iPod touch.
    Apple's tools and services
    • Get into Apple's Developer Program for iOS (if you want to publish on the App Store this is mandatory, otherwise, just to play with iOS development, it isn't). 
    • Submit your banking information to Apple for electronic payments.
    • Download Xcode and install on your machine it is free if you are a registered developer. If you want to try it out without being a registered developer, you can get it on the Mac App Store for 4.99$.
    Training
    • Look for Jeff Lamarche's books with Google and buy them all.
    • Look for podcasts on iTunes, quite a few are very well done and educating. If you are a registered developer, you can download past Apple's WWDC conference videos from iTunes U. 
    • Look for StandFord University's courseware on iTunes U. (iTunes U link)
    Software tools
    • To Do list manager like Remember The Milk on the web (also includes iPhone app). Very good idea to have a tool like this to keep track of things to do. 
    • Prototyping tools like Apple's Keynote or iMockups HD for iPad, a great prototyping tool but another one is Blueprint for iPad from www.groosoft.com, THE best prototyping tool for iOS apps.
    • LittleSnapper from RealMacSoftware to get snap shots of your app.
    • ScreenFlow from Telestream.net to build nice video screencast of your app.
    • Pixelmator from www.pixelmator.com to build graphical elements of the app user interface.
    • Sketch can also be used to build UI elements if you like to work in vector-based mode.
    • Look on the Mac App Store for software like iConify or iOS Icons (to build versions of required icons for all resolution), Status Barred (to remove status bar from screen shot of your app as required by Apple). 
    iPhone Apps
    Here are my iOS apps that I'm using on the go that helps me as an iOS developer. 
    • Apple's iTunes Connect Mobile: to get access to sales report from Apple's iTunes connect. Not very well done if you ask me. You must be a member of the iOS Developer Program in order to download this app. You won't find it on the public App Store.
    • Remember The Milk: manage your tasks on the go. Sync with the web service is a paid service at www.rememberthemilk.com.
    • Ego: provides a quick look at statistics on twitter followers, RSS feed subscribers.
    • Analytics: complete access to Google's Analytics services that you can link to an application's promotion web site.
    • Analytix: kind of the same as Analytics but with a different twist, provides a yesterday /  today comparison of visitors count, page views count.
    • Statistics: provides access on the go to any WordPress's web site analytics. 
    • Stat Fever: great access to a FeedBurner's analytics.
    • MailChimp: if you use this service to send mail to your users, provides analytics access on campaigns. 
    • TestFlight (webclip): get access from your device to a new build of beta software from other devs or your own adhoc builds. A complete review of this service: Building iPhone Apps: TestFlightApp: a complete review
    • Swish: if you design yourself your apps, spend some times on Dribbble web site to have a look of graphic designers best work. You'll get inspiration there. Why not do that on the go!
    • appTrends: the only mobile client to the very complete sales analytics www.appfigures.com
    • PositionApp: get a feel of how your apps are doing in iTunes' ranking. Not always accurate as this service lag quite a long time behind actual ranking (AppFigures is better at this!).
    Services
    Once your apps are ready for sale on the App Store, some other tools and services you'll need. 
    • To promote your app, you need a web presence and for that you need a domain name hosting service like www.godaddy.com
    • To actually build a web presence, you need a web hosting service like www.fatcow.com.
    • If you don't use a web publishing platform like WordPress, then go with basic web editing tool like Apple's iWeb or RapidWeaver.
    • You may use the hosting company's email service to get email addresses for your user community to get in touch with you or simply go with gmail.com.
    • File hosting for some of blog posts containing files to download: some on MobileMe's iDisk or www.dropbox.com
    • Apple's Keynote for user interface prototyping and many user interface elements.
    • Google Analytics for my blog statistics.
    • Google Feedsburner to manage the blog's RSS feed and stats.
    • To get a beautiful view of a web site analytics, try www.gosquared.com.
    • Dribbble graphic designers community. Wow. This is incredible the quality of designs that you can find there.
    • www.appfigures.com will take care of processing iTunes Connect sales reports and provide nice graphics on sales and comment management. See my review of this service here: Building iPhone Apps: Comparing appFigures and AppAnnie - Updated
    • www.mailchimp.com is a great service to help create email campaign for marketing purposes. Very well done service.
    • www.observerapp.com for a better looking view of a web site using Google Analytics.
    • www.testflightapp.com to beta test your applications with a lot of people. You can read my complete review of this great service: TestFlightApp: a complete review and also Conclusions on my first open beta under TestFlightService.
    Other tips
    If you know about great resources for starters, please share with others in the comment section. 

    Sunday
    Feb202011

    Prototyping tools for iOS app design: Part 4 - Vector based kits

    Previous post about iOS app design prototyping tools presented the classification of such tools:
    Here is the fourth part of my prototyping tools catalog: electronic templates. There are so many electronic templates that I had to create two different categories for them. The first one was bitmap based kits. The second one is vector-based kits.
    1. Ultimate iPhone Stencil
    2. Patrick Crowley Stencil
    3. iPhone 3G Stencil
    4. iPad and iPhone Design
    5. Freshbooks iPhone Application GUI
    6. iPhone GUI as Rich Symbols for Fireworks
    7. iPhone UI Vector elements
    8. iPad GUI Design template
    9. iPad Design Vector elements