Sushi

tap tap tap

tasty bits for your iPhone

Our blog blog blog

Apple’s precedents vs. Apple’s guidelines

by John Casasanta
February 28, 201118 comments

When Apple sets a precedent, as an app developer, it’s usually in your best interests to follow their lead. The key word is “usually”, here.

Action buttonIn the Photos app, Apple uses the “Action” icon on two of the buttons in the app. While it can be argued that the two buttons have somewhat similar functions, they’re actually very different.

Here’s how Apple describes the usage for the standard Action button in the bible of iPhone app design, the iOS Human Interface Guidelines (HIG):

Action
Open an action sheet that allows users to take an application-specific action

While we’re referencing the HIG, I might as well point out this little, but very relevant tidbit:

To avoid confusing people, never use the standard buttons and icons to mean something else. Be sure you understand the documented meaning of a standard button or icon; don’t rely on your interpretation of its appearance.

For the one that’s in the bottom-left corner when a individual photo is displayed, it’s definitely the proper usage for the button as it opens an action sheet which makes several actions available to be taken on the photo.

single photosingle photo action sheet

But for the one that’s in the top-right corner when viewing an album in your photo library, it can definitely be argued that Apple’s misusing the button. In this instance, the button is used to put the app in a mode where you can select multiple photos by tapping on each. You’re then able to perform various actions on the set of photos via the four buttons at the bottom of the screen.

photo albumphoto album multiple-selection

To put it more concisely, the button enables multiple-select mode.

Before version 2.1 of our Camera+ app, we followed Apple’s lead and used the Action icon in the Lightbox section of the app. It seemed like the right thing to do for consistency’s sake. Bear in mind that although most of the UIs in our apps are custom as far as graphics go, we’re very adamant about consistency in behavior, as every developer should be.

Camera+ version 2 LightboxCamera+ version 2 Lightbox multiple-selection

Over the months that Camera+ has been out in the wild, we’ve observed many, many people using the app in the real world. One thing that initially surprised us was to learn that most people had no idea that multiple photos could be selected in the Lightbox. Even though we mimicked the way Apple set things up in their Photos app, it soon became obvious to us that this function was less than obvious to our users, unfortunately.

As the months have gone on, we became more and more frustrated by the fact that one of the most convenient features of the app was one of the most underused, mainly because it was essentially unknown. Our users were inefficiently sharing, deleting, etc one photo at a time when they could save lots of time by selecting multiple photos and then performing whatever action was desired on the group.

multiple-selection buttonSo we decided to do something about it… We chose to break from Apple’s precedent and change our multiple-select button icon to something that was much more representative of what it actually does.

Right after we made the change, Scott showed the app to one of his friends and the person immediately noticed the change and said, “Oh, so that’s how you share a bunch of pics!” We knew we did the right thing then. In the big scheme of things, this is a fairly minor detail, but it’s the little details like this that add-up and make for a better user experience in the end.

Multiple sharing isn’t the kind of thing that most people would do every time they’d like to share something in their photo collection. Most of the time people just want to share one particular photo and that’s fine. But for the times when it’s desirable to share a bunch all together, it’s a good thing to have the mechanism to do so be as intuitive as possible.

For those of you who’d like to see Camera+’s multiple-selection in action, Lisa recently made a helpful video on it:

http://taptaptap.com/blog/multiple-photo-sharing-with-camera/

We’re making the multiple-selection icon available to you in case you’d like to use it in any of your apps where appropriate. There’s a .png that can be directly used in a standard control and a Photoshop .psd so that you can tweak it to suit your needs.

MultiSelect.zip
MultiSelect.zip



tap tap tap is a leading iPhone and iPad app developer and publisher. We’ve been creating top-notch apps since the App Store first opened. Our apps are used by literally millions of people in all corners of the world.

A few of our favorite and most popular apps we’ve created are:


18 comments

  1. Skoua
    6:52pm, February 28, 2011

    Nice post.

    I didn’t knew myself (as an app developper) that this icon in the Photos app could be used to select multiple photos at once, another proof that this action icon is misused here.

    Thanks for the icon!

  2. Alan Hogan
    6:53pm, February 28, 2011

    Beautiful.

    This post & the approach that lead to it is everything that is *right* in the world of well-made iOS apps.

    Bravo.

  3. @Chakko
    6:59pm, February 28, 2011

    Well I’ll be… I thought I knew that app like the back of my hand. Now it appears I don’t know the back of my hand so well.

    Thanks

  4. John
    7:15pm, February 28, 2011

    For as concerned about usability as you are, you would think you would use a better font and font color for this blog. The lack of contrast really makes it hard for me to read the text.

  5. John Casasanta
    7:23pm, February 28, 2011

    @ John: Get a better browser. It looks great on any decent, modern browser.

  6. Etienne Maheu
    7:35pm, February 28, 2011

    As a side note, every other Apple apps uses the “Edit” button to enable multi-select mode. See the Mail app for instance. When you tap the Edit button, a series of checkboxes appear at the left of every email in the list and it lets you perform similar actions as the action buttons in the Photo app (aka delete many emails at a time).

  7. Kevin
    7:54pm, February 28, 2011

    @John Casasanta – Apparently the latest version of Chrome is neither decent nor modern? I happen to agree; this page is virtually unreadable.

  8. Ethan
    8:34pm, February 28, 2011

    Great post.

    For what it’s worth, I have no problems reading the blog. The contrast is a tad low, but far from unreadable. I can easily read the text from half a meter away. If you have low vision I would recommend Readability or something else that allows you to custom-format articles/pages for reading.

  9. Matthew
    8:38pm, February 28, 2011

    a) Didn’t know what the icon did in Photos.
    b) Didn’t know the multi-select feature was in Camera +
    c) The page looks fine. Both the font choice and the amount of contrast are entirely appropriate.
    d) I’ll probably end up using the artwork in my apps, thanks!

  10. iynque
    9:47pm, February 28, 2011

    …for those having trouble reading, I would guess your display’s color/brightness/contrast settings are the cause. It looks fine on a color-calibrated monitor.

    Regardless, you can set your own color if you want, or just open the RSS feed. It’s a web page, not a book.

  11. John
    10:00pm, February 28, 2011

    I was using the latest version of Chrome. I just tried IE8, and it is much better. Perhaps you can see about making the site better under Chrome.

  12. Dean
    10:37pm, February 28, 2011

    Get a better browser? Really? What is this, 1995? Fix the site for your potential users.

  13. BSanihilator
    10:48pm, February 28, 2011

    @ John Maybe trolling is something you’re good at…in your own opinion. However, using better browser did not seem to improve it. Try using some other blog, maybe that will help.

  14. godbout
    11:03pm, February 28, 2011

    funny, it was the opposite for me. with the new icon, i couldn’t find the way to select several pictures together and i even thought you guys removed the functionality!

  15. palaniraja
    3:09am, March 1, 2011

    +1 @Matthew

    Thanks for sharing.

    But I still think text can be little darker.

    I prefer readability to read almost all posts unless they don’t render well.

  16. Jon
    9:12am, March 1, 2011

    I fully expected an article about Apple’s App Store policies. I was pleasanly surprised to find out it was actually an article about UX and interface design.

  17. Dezro
    1:31am, March 26, 2011

    Just wanted to mention that I used your icon in the latest version of my app. I think it really fits better than the default “Edit” button, which I had been using previously. I appreciate it a lot!

  18. Daryn
    8:08pm, March 30, 2011

    But how can I share my photos in Camera + via MMS? I feel I am missing something? Is there an option to do this or am I forced to go out of the app and into the photos app to do this???


Leave a comment

What’s on your mind?

Add your avatar with Gravatar