0

I have been trying to work with using iconography for the status of a booking, which allow my app users to pay now or pay later. After they have selected from these options, they are presented with a list of bookings, which the "Paid" or "Pay Later" details are a part.

As there are more important details displayed on the booking, which need to be visible at a glance, I would like to show the "Paid" and "Pay Later" details as icons (with a touch action revealing the written status).

However, I'm having trouble with the Paid and Paid Later icons? Any Advice? Have you done this in an iOS app interface before?

|improve this question

migrated from ux.stackexchange.com Oct 21 '14 at 20:51

This question came from our site for user experience researchers and experts.

  • What is the minimum icon size? – Joonas Oct 21 '14 at 21:44
  • At 2x the maximum size is 96px by 96px (not supporting iPhone 6/plus yet). Supporting low resolution will mean half the size. – Stewy Oct 21 '14 at 21:47
1

Two thoughts:

Use color (i.e. a green currency symbol = paid), while a grey icon = not paid

Use "sub-icons", that is have the currency symbol and then offset in the lower right, have a check mark (paid) or a clock-face (pay later).

|improve this answer
  • Sounds like a good option! The only thing I see with this, and I should have mentioned it in the question; the pat later option is still valid, but the user has parted with money (not on the app anyway) so wouldn't involving currency confuse the user? Convince them they have spent money? – Stewy Oct 22 '14 at 18:04
  • Does the app handle the payment? Or is there any way to confirm a payment was made? My thought with the currency symbol was because I'm not sure what else you would pay a bill with. A third option, how about a "pill" that just says "paid" or "unpaid" – Joel Kinzel Oct 23 '14 at 0:26
  • Yeah the app does handle credit card transactions. We thought about using the pill method, but there was just too much text onscreen. What I'm currently using is the sub icon method, we have three icons in total; a check mark (a free booking), a check mark with an inset credit card (paid booking) and finally a set of Dumbbells with an inset dollar bill (the Dumbbells are referenced else where in the app as the Gym locations icon, with the dollar bill indicating a cash payment later. The user will also see this icon when they select the 'Pay Later' option). How does that sound? – Stewy Oct 23 '14 at 6:19

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.