{"id":205,"date":"2011-12-01T21:50:03","date_gmt":"2011-12-01T19:50:03","guid":{"rendered":"http:\/\/www.smartersoftware.de\/wordpress\/2011\/12\/getting-feedback-on-smartercontacts-before-releasing\/"},"modified":"2011-12-07T00:49:48","modified_gmt":"2011-12-06T22:49:48","slug":"getting-feedback-on-smartercontacts-before-releasing","status":"publish","type":"post","link":"http:\/\/www.smartersoftware.de\/wordpress\/2011\/12\/getting-feedback-on-smartercontacts-before-releasing\/","title":{"rendered":"Getting Feedback on SmarterContacts before Releasing"},"content":{"rendered":"<p>One of the main points in the <a href=\"http:\/\/www.http:\/\/theleanstartup.com\/\">\u201cLean Startup\u201d<\/a> line of thinking is to get feedback from \u201creal\u201d users as soon as possible and to use that feedback to improve your product before going to market. Before releasing my next iPhone app, I tried to follow this advice, talked to a few potential users and &#8211; based on their feedback &#8211; made a couple of changes to the app. This post discusses these suggestions and how I managed to incorporate them into the app.<\/p>\n<h2>App before showing it to users<\/h2>\n<p>My next app &#8211; called SmarterContacts &#8211; analyzes your iPhone address book and figures out if there are duplicate entries for the same person. (In keeping with the idea of a \u201cminimum viable product\u201d, all that will be in the first version is the analysis part, merging records will be in a future release.) Before showing it to users, it consisted of two screens, a list and a detail view.<\/p>\n<h3>List View<\/h3>\n<p>The list view is shown when the app starts. It starts to analyze your address book (showing a progress bar while the analysis is going on) and then shows all your entries:<\/p>\n<p><a href=\"http:\/\/www.smartersoftware.de\/wordpress\/wp-content\/pics\/fb244460e772_77F9\/Screenshot_12.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-top: 0px; border-width: 0px;\" title=\"Screenshot_12\" src=\"http:\/\/www.smartersoftware.de\/wordpress\/wp-content\/pics\/fb244460e772_77F9\/Screenshot_12_thumb.jpg\" alt=\"ListViewProgress\" width=\"278\" height=\"400\" border=\"0\" \/><\/a><\/p>\n<p>For each entry, a \u201cduplicate probability\u201d is calculated by comparing it to all other contacts and looking for how closely they match. That probability is the number shown after the name of the contacts. The probability is also converted into a cell color, so you can quickly spot those entries that are probably a duplicate.<\/p>\n<p><a href=\"http:\/\/www.smartersoftware.de\/wordpress\/wp-content\/pics\/fb244460e772_77F9\/Screenshot_13.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-top: 0px; border-width: 0px;\" title=\"Screenshot_13\" src=\"http:\/\/www.smartersoftware.de\/wordpress\/wp-content\/pics\/fb244460e772_77F9\/Screenshot_13_thumb.jpg\" alt=\"Screenshot_13\" width=\"278\" height=\"400\" border=\"0\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3>Detail View<\/h3>\n<p>When you tap one of the entries in the list view, you get some more information on the particular contact:<\/p>\n<p><a href=\"http:\/\/www.smartersoftware.de\/wordpress\/wp-content\/pics\/fb244460e772_77F9\/Screenshot_11.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-top: 0px; border: 0px;\" title=\"Screenshot_11\" src=\"http:\/\/www.smartersoftware.de\/wordpress\/wp-content\/pics\/fb244460e772_77F9\/Screenshot_11_thumb.jpg\" alt=\"Screenshot_11\" width=\"278\" height=\"400\" border=\"0\" \/><\/a><\/p>\n<p>This view shows one contact, the contacts that are very close to it (duplicate probability of 99% or more) and the next three closest contacts (even if they are \u201cgreen\u201d, i.e. probably not a duplicate).<\/p>\n<h2>Feedback<\/h2>\n<p>I showed this version of the app to a couple of friends and colleagues. When I was at an Apple developer event (the iOS5 Tech Talk Tour in Berlin), I also took the chance to review the interface with an Apple engineer. With each person, I spent from a couple of minutes on the phone to about an hour discussing the app, its functionality and some potential changes.<\/p>\n<p>Here are the main points I took away from these discussions:<\/p>\n<ol>\n<li>The colors are pretty intuitive (red &#8211; needs work, green &#8211; okay), but users still asked for more details<\/li>\n<li>After the analysis, you end up in the list view &#8211; there is no easy way to get an overview of how many total records, how many exact matches etc.<\/li>\n<li>The \u2018duplicate probability\u2019 is too technical for the typical user &#8211; everyone asked me \u201cwhat does this number mean\u201d.<\/li>\n<li>Some testers suggested that the list shouldn\u2019t show the \u201cgreen contacts\u201d (i.e. probably not a duplicate) at all.<\/li>\n<li>The picture was clearer in the Detail View, showing two different groups of potential duplicates wasn\u2019t useful and showing \u201cgreen\u201d contacts was just confusing to some.<\/li>\n<\/ol>\n<p>Although I tried to focus these sessions on the user interface and the \u201cflow\u201d of the app, I also got a ton of feature ideas that I can include in future versions of the app.<\/p>\n<h2>Changes<\/h2>\n<p>Based on these suggestions, I implemented a number of changes before submitting it to Apple.<\/p>\n<h3>Adding an InfoScreen<\/h3>\n<p>In order to give some more information to the users (such as explaining what the different colors mean) I\u2019ve added an InfoScreen with a description of the app and its features. The easiest way to do this was to add a UIWebView that displays some local HTML-file that contains the information and also some hepful links to my website and an easy way to send an email.<\/p>\n<p>While this was providing the information that people were asking for (what do the colors mean, what do \u201cthe numbers\u201d mean), I was not completely satisfied with it &#8211; it answered questions, but users have to look for the information. It would be better either not to raise questions or to answer them without requiring the user to hunt around for some extra info.<\/p>\n<h3>Adding a StartScreen<\/h3>\n<p>The biggest change (and the one that required the most work) was a new startscreen. Different elements were suggested by various people, but it took quite a few discussions before all the pieces came together.<\/p>\n<p>When you start the app, the startscreen shows the progress of the analysis with a growing bar chart that is segmented according to the results so far:<\/p>\n<p><a href=\"http:\/\/www.smartersoftware.de\/wordpress\/wp-content\/pics\/fb244460e772_77F9\/Screenshot_23.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; padding-top: 0px; border: 0px;\" title=\"Screenshot_23\" src=\"http:\/\/www.smartersoftware.de\/wordpress\/wp-content\/pics\/fb244460e772_77F9\/Screenshot_23_thumb.jpg\" alt=\"Screenshot_23\" width=\"278\" height=\"400\" border=\"0\" \/><\/a><\/p>\n<p>Once the analysis is done, the bar chart is completely filled. Everyone loved the animation showing the progress of the analysis, and the screen also answers \u201cthe color question\u201d the first time the colors are used to display the number of contacts in each category.<\/p>\n<h3>Changes in the ListView<\/h3>\n<p>In the list view, I just did a few small changes which addressed a lot of the feedback items:<\/p>\n<ol>\n<li>No longer display the \u201cduplicate probability\u201d It is still calculated internally and used to decide on which color to use, but the specific number is not that relevant to the user. After all, people will not make different decisions based on subtle differences in the probability. This totally avoids \u201cthe numbers question\u201d.<\/li>\n<li>Change the default of the filter control to \u201cwide\u201d instead of \u201call\u201d By doing this, the \u201cgreen\u201d contacts are not displayed by default. However, if the user is interested in them, they can still get to them using the filter control. Of course, you can also get to the info screen using the \u201ci\u201d button in the navigation bar at the top.<\/li>\n<\/ol>\n<h3>Changes in the Detail Screen<\/h3>\n<p>I also \u201ccleaned\u201d up the detail screen by just showing one group of potential matches and dropping the \u201cgreen contacts\u201d from the potential matches:<\/p>\n<p><a href=\"http:\/\/www.smartersoftware.de\/wordpress\/wp-content\/pics\/fb244460e772_77F9\/Screenshot_22.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; padding-top: 0px; border: 0px;\" title=\"Screenshot_22\" src=\"http:\/\/www.smartersoftware.de\/wordpress\/wp-content\/pics\/fb244460e772_77F9\/Screenshot_22_thumb.jpg\" alt=\"Screenshot_22\" width=\"278\" height=\"400\" border=\"0\" \/><\/a><\/p>\n<h2>Conclusion<\/h2>\n<p>When I started my test, my expectation was that I would get feedback with regards to the comparison function working properly (i.e. these two contacts aren\u2019t really similar at all or these two should be similar). I got a few suggestions on this level, but I was pleasantly surprised that I got a lot of ideas on \u201cthe substance\u201d of the app. There were a couple of great discussions on how to do things better resulting in quite a few changes to the app. The core of the app hardly changed, but the way the functionality is presented to the user was vastly improved.<\/p>\n<p>I\u2019m hoping that these changes are also going to increase sales of the app on the App Store. I\u2019ve submitted the app to Apple at the end of last week, so it should be available by early December.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>One of the main points in the \u201cLean Startup\u201d line of thinking is to get feedback from \u201creal\u201d users as soon as possible and to use that feedback to improve your product before going to market. Before releasing my next iPhone app, I tried to follow this advice, talked to a few potential users and [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32],"tags":[],"class_list":["post-205","post","type-post","status-publish","format-standard","hentry","category-ios"],"_links":{"self":[{"href":"http:\/\/www.smartersoftware.de\/wordpress\/wp-json\/wp\/v2\/posts\/205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.smartersoftware.de\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.smartersoftware.de\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.smartersoftware.de\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.smartersoftware.de\/wordpress\/wp-json\/wp\/v2\/comments?post=205"}],"version-history":[{"count":1,"href":"http:\/\/www.smartersoftware.de\/wordpress\/wp-json\/wp\/v2\/posts\/205\/revisions"}],"predecessor-version":[{"id":206,"href":"http:\/\/www.smartersoftware.de\/wordpress\/wp-json\/wp\/v2\/posts\/205\/revisions\/206"}],"wp:attachment":[{"href":"http:\/\/www.smartersoftware.de\/wordpress\/wp-json\/wp\/v2\/media?parent=205"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.smartersoftware.de\/wordpress\/wp-json\/wp\/v2\/categories?post=205"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.smartersoftware.de\/wordpress\/wp-json\/wp\/v2\/tags?post=205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}