{"id":1457,"date":"2012-01-27T00:26:31","date_gmt":"2012-01-27T05:26:31","guid":{"rendered":"http:\/\/www.rexfeng.com\/blog\/?p=1457"},"modified":"2012-01-27T00:26:31","modified_gmt":"2012-01-27T05:26:31","slug":"ios-redeem-app-code-mockup","status":"publish","type":"post","link":"https:\/\/www.rexfeng.com\/blog\/2012\/01\/ios-redeem-app-code-mockup\/","title":{"rendered":"iOS Redeem App Code Mockup"},"content":{"rendered":"

New rule: if I have to google “how to [do something],” your UI needs improvement.<\/p>\n

While redeeming an iOS app, I couldn’t figure out where to enter in the app code. I instinctively went to the Search section, as I know that has a text input section at the top:<\/p>\n

\"\"

iPhone App Store Search screen<\/p><\/div>\n

No dice.<\/p>\n

So as with everything in modern life, I went to Google for help. It turns out it’s at the bottom of the Featured screen.<\/p>\n

\"\"

iPhone App Store Featured screen top<\/p><\/div>\n

Scrolling down…<\/p>\n

\"\"

iPhone App Store Featured screen bottom<\/p><\/div>\n

I find the Redeem button, and the rest is cake.<\/p>\n

Without googling, I wouldn’t have stumbled upon Featured > New > page bottom to find the Redeem button.<\/p>\n

I recognize that for most people, redeeming an app code is not a typical, common use case. That said, it should be somewhere logical. I’ve mocked up the Search screen with a Redeem button:<\/p>\n

\"\"

iPhone App Store Search screen mockup<\/p><\/div>\n

This way, the user is able to associate entering in names of apps, keywords, or app codes in one convenient field.<\/p>\n

The upside is an extremely easy to find Redeem button. A possible downside is that users will get led astray while searching for paid apps (by hunting for app codes instead of proceeding to checkout).<\/p>\n","protected":false},"excerpt":{"rendered":"

New rule: if I have to google “how to [do something],” your UI needs improvement. While redeeming an iOS app, I couldn’t figure out where to enter in the app code. I instinctively went to the Search section, as I know that has a text input section at the top: No dice. So as with […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[965,380,964,966,471,969,968,967,294],"class_list":["post-1457","post","type-post","status-publish","format-standard","hentry","category-tech","tag-app","tag-apple","tag-code","tag-ios","tag-iphone","tag-mockup","tag-redeem","tag-store","tag-ui"],"_links":{"self":[{"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/posts\/1457","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/comments?post=1457"}],"version-history":[{"count":3,"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/posts\/1457\/revisions"}],"predecessor-version":[{"id":1464,"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/posts\/1457\/revisions\/1464"}],"wp:attachment":[{"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/media?parent=1457"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/categories?post=1457"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/tags?post=1457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}