Noticed a strange bug when searching for a business page on the Facebook iPhone App. Even thought I had previously liked the business, the search results still displayed a hollowed out thumbs-up icon that indicates I have not yet liked the business. Here’s how to reproduce the bug.
1. Start with a Facebook Page you’ve already visited and liked. Search for this Page in the iPhone app:
2. Just in case you haven’t liked it yet, double check, and press down on the empty thumbs-up icon to like the page again:
3. Visit the page and confirm that you have liked the page:
4. Touch the top level menu to search again. Here you will see your previous search query correctly displayed in the liked state:
5. Then, clear out the search box:
6. Finally, search for the same page again. Now, you will see the page displayed again, but it is displayed incorrectly as if it is not in the liked state.
Noticed a recent change in the latest FB iPhone App which was presumably done for the purpose of increasing user engagement with stories in the news feed. Before the change, here is how a sample story would look like:
As shown above, the Like, Comment, and Share calls to action are displayed as simple word links. In addition, the number of likes and comments for the story are shown in a similar treatment with the same amount of prominence and with the same color.
With the most recent iOS FB app update, here is how this component looks like:
So what changed?
- The biggest change is the change of word links as the primary CTAs (call to action) to using buttons with icons as the primary CTAs. This is a very huge and radical change. One well-accepted best-practise of conversion for site/app flows is the usage of buttons instead of text links and another best-practise is the usage of icons instead of just words. Here, Facebook is adding two very important components: both the conversion of the word to a button, and the addition of the corresponding CTA icon.
- In terms of overall screen real estate, the primary CTAs are taking up more space. Also, the component that conveys the amount of likes and comments has increased in size. Instead of showing the amount of likes and comments next to their corresponding icons, they are now shown next to the words Likes and Comments.
Is this a good idea? Will this feature succeed?
On the surface level, this is certainly not one of those cases where one design is obviously better than the other. Rather, FB will just simply A/B test this feature and see which design yields a higher level of engagement. What’s interesting about this before and after is that the before had a more prominent display of how previous users had engaged with this story (i.e. the amount of likes and comments) and thus this would increase the probability of the current user wanting to get involved and like or comment. And in contrast, the new design is leaning more toward making the primary CTAs more prominent and more appealing-to-be-clicked instead of relying on the social pressure of the statistics of the story.
Safari on the iPhone offers users an option to enable private browsing. If you enable this setting, the browser will stop tracking your web history, your search history, as well as other user inputs such as usernames and passwords. Here’s how you enable the setting in iOS 6.0.1:
Today, I noticed that if I go to a user’s Twitter page while this setting is enabled for Safari mobile web, Twitter simply does not work. Here’s what the user sees in iOS Safari with private browsing enabled when the user goes to mobile.twitter.com/BillSimmons:
Essentially, the user sees a blank page with nothing in it. The expected result can be observed when the private browsing setting is disabled:
I really can’t think of a good reason for the Twitter mobile web experience to stop working correctly if the browser is in the private mode. Perhaps something having to do with cookies that Twitter is trying to manage on the user’s device and an error leading to nothing being shown. But either way, this is a predominantly read-only view and should be shown without issue to the user in either browser mode.
Discovered another case of a disparity between a product’s iPhone app and the same product’s Safari mobile web app on the iPhone. I was browsing for some books on the Amazon iPhone app and was curious to see what the Amazon Sales Rank of a particular book was. Everywhere I looked in the product description, I was surprised to see that I could not find it. So I turned to the mobile web app to see if it existed there. Lo and behold, I found the sales rank in the product details section of the mobile web app product page:
Then I returned to the iPhone app to see if I could find it in the same section. Surprisingly, I found the same section with all of the same pieces of information for the book, except for one: the sales rank.
I’m fairly certain that this is a bug and that if Amazon has made the decision to show this piece of information to the user in the mobile web view, there’s no reason not to show the same information in the iPhone app view. Especially since they are showing all other pieces of information (i.e. ISBN numbers, number of pages, shipping weight, etc.) in the same Product Details view.
Recently, while I was going for a walk, I saw something really cool that I wanted to use as my new Facebook cover photo. I took a photo of it with my trusty iPhone and then went to my profile page in the Facebook iPhone App, ….., and then I was stuck. As far as I could tell, there was no way to update my cover photo directly from the iPhone App. I tried left swipe, right swipe, holding down on the cover photo, touching the cover photo, but to no avail…
Here is what the profile page looks like in the web view. On mouse-hover, the user is presented with a Change Cover button in the bottom right corner of the current cover photo. Ideally, the iOS app should be modified to allow the user similar functionality. Possibly on touch of the picture, or hard press down, or even a tiny button in the bottom right corner in a similar manner as the web view.
Something small, but grabbed my attention nevertheless. Recently, I consumed the same Facebook update across both my web news feed and my mobile news feed. In this update, one of my friends added a place of employment to his timeline. What was interesting is that in the web news story, I had the ability to like or comment on this story. However, in the mobile news feed, I did not have the ability to like or comment on it. Most likely, this was a miss when implementing the same feature for the iPhone app.
Web news feed view. I have the ability to like or comment.
Mobile app news feed view. I do not have the ability to like or comment.
Much has been said about how important it is for Facebook to successfully monetize in the mobile space. Advertising in an app is a double-edged sword that yields seemingly free money on the one side but may lead to long-term disengagement from users. At the end of the day, deciding on the amount of advertising in an app requires a very delicate balance to be maintained.
Today, I saw something in the Facebook iOS app that was definitely not balanced:
In my opinion, this experience as bad for the end user for two reasons:
- The entire screen of the user’s view is taken up by ads
- This was the first thing that was shown upon entry into the app
In an ideal user experience, there would be some smarter logic that would spread out ads across the different news feed stories so that the user is never bombarded with so many ads at once that they don’t get anything resembling what they were looking for in the first place.
Assistive touch is a feature in iOS that lets you enter multi-touch gestures using just one finger. This feature is off by default and can be enabled via the iOS settings. Here is what assistive touch looks like in the iPhone:
Recently, I discovered a bug with assistive touch that does not let the user get to Siri from the assistive touch menu while simultaneously in the “multi-tasking” view. Here are the steps to reproduce the bug:
1. Double click the iPhone home button in order to enter the multi-tasking view
2. Touch the assistive touch icon on the screen in order to also enter the assistive touch view
3. Touch the Siri option
Nothing happens – user is not shown Siri. User sees same screen as step (1) above.
User is shown Siri
One thing I like to do on my iPhone is to take an image which is sent to me via MMS (basically text messaging but for images or videos A.K.A. “multi-media messaging service”) and send it to another friend. I recently noticed that the process to do this rather simple exercise can be improved. Here is an example of an image that is sent via MMS:
By clicking on the top right menu, I see the various options available:
What’s interesting is that there is no option here to forward this image via MMS to another user in my address book. What I end up doing is selecting the option Save to Camera Roll and then going to my camera roll to select the image:
By selecting the menu button in the bottom left corner of the screen, the user is shown the following options:
As can be seen above, the MMS option is available only after saving a local copy of the image to my camera roll. Ideally, this should not be a prerequisite and the OS should have the ability to let me send an MMS of the image directly from the text message view I was previously inside of. Worst case scenario, the OS can keep a local copy of the image and then delete it after the message is sent. By requiring this extra step, the end-to-end process has become more challenging.
I recently got a new iPhone 5. One of the things that’s important for me is to have a backup charger at my work in addition to the charger I keep at home. Naturally, I went to Apple.com to search for this item. Through this process, I noticed two specific spots for improvement.
First thing I did was to click on the Store link in the header menu and to search for iphone charger. To my surprise, these were the search results:
Only three items were returned, and none of them was the main charger that Apple sells for the iPhone 5. What gives? After further searching on the site, I realized that the reason why I couldn’t find the item I was looking for was because I was using the wrong search terms. According to Apple, the items I am looking for are referred to as:
- Apple 5W US Power Adapter (this is the plug portion of the charger)
- Lightning to 30-pin Adapter (this is the USB cable portion of the charger)
If Apple’s Store search was a bit smarter, it would be able to determine that a query for iphone charger should show the products called out above.
The second improvement I’ll call out is something I noticed when I finally found the items I was looking for. They were located listed in the iphone accessories section on the site. Here’s what they look like:
So the thing that is strange about how these items appear in the search results is just how challenging it is to discern what the photograph looks like. Why? Since many of these Apple products are white themselves in color, the contrast between the product’s color and the white background of the website is virtually nonexistent. Thus, as a user it is very hard to make out what these products look like. As an enhancement, Apple.com can consider changing the background color from something other than pure white. Perhaps off white or gray can work.