Closed Bug 820147 Opened 7 years ago Closed 7 years ago

The "+" icon is confusing based on the User Test in South America

Categories

(Firefox OS Graveyard :: Gaia, defect, P1)

All
Other
defect

Tracking

(blocking-basecamp:+)

VERIFIED FIXED
B2G C4 (2jan on)
blocking-basecamp +

People

(Reporter: padamczyk, Assigned: kgrandon)

References

Details

(Keywords: polish, Whiteboard: visual design, interaction, UX-P1)

Attachments

(3 files, 2 obsolete files)

People don't understand that the "+" icon means compose, they felt that anything with a pencil meant compose. So we need to scrub the UI for "+" icons and perhaps replace them with a pencil icon instead.
Assignee: nobody → pla
Priority: -- → P1
In the SMS app, we have a pencil icon _and_ a "+" icon. The pencil icon means "edit" and the "+" icon means "compose". This is very confusing as you're saying, but more because we have the pencil icon as well...
blocking-basecamp: --- → ?
blocking-basecamp: ? → ---
The upcoming fix for bug 820145 should help with this problem.  It should free us to use a pencil for compose.
Depends on: 820145
Depends on: 823572
After discussing with Patryk, we decided on the following.

For E-Mail and SMS apps, the "+" icon will become the "Pencil+Document" icon that was formerly our "Edit" icon.

This change will rely on the fix for Bug 820145, which changes the "Edit" icon to the word "Edit".

Assigning to Sam.
Assignee: pla → sjochimek
Further clarification:

Apps like Contacts and Calendar will retain the "+" icon in their headers.  Only E-Mail and SMS will change, as the 'compose' metaphor makes sense for these apps.
Whiteboard: visual design, interaction, UX-P1 → visual design, interaction, UX-P1, uxbranch
(In reply to Peter La from comment #4)
> Further clarification:
> 
> Apps like Contacts and Calendar will retain the "+" icon in their headers. 
> Only E-Mail and SMS will change, as the 'compose' metaphor makes sense for
> these apps.

+1 for this approach.
Landed in uxbranch https://github.com/gordonbrander/gaia/commit/9fbec6e1729ea088cdd2ac14ba0e4c71c426d55a

The best will be to finish that one (https://bugzilla.mozilla.org/show_bug.cgi?id=82014) too
Whiteboard: visual design, interaction, UX-P1, uxbranch → visual design, interaction, UX-P1, uxbranch, landed in uxbranch
(In reply to Josh Carpenter [:jcarpenter] from comment #5)
> (In reply to Peter La from comment #4)
> > Further clarification:
> > 
> > Apps like Contacts and Calendar will retain the "+" icon in their headers. 
> > Only E-Mail and SMS will change, as the 'compose' metaphor makes sense for
> > these apps.
> 
> +1 for this approach.

+1 as well -- this makes sense.
Is there any work to be done in this bug?  Or are we tracking everything in bug 820145?
Chris: Bug 820145 is about using "edit" instead of the pencil icon. This bug is about using the pencil icon instead of the "+" icon.

The patch that landed and was reverted in Bug 820145 is only about the first part so this bug should stay.
Thanks for clarifying.

Both bugs are important and should be blockers as these are primary use cases we need to support.
blocking-basecamp: --- → ?
Triage: BB+, in agreement with comment 11
blocking-basecamp: ? → +
Target Milestone: --- → B2G C4 (2jan on)
Attached image screenshot of change
uxbranch has 2 pencil icon for the sms app.  I think that's going to cause some confusion.
Ok, I would like that bug to land before qa-verifying this one, please.  :)
*** NOTE ***

UX is currently discussing this, along with Bug 820147 and Bug 820145, and will be posting a revised solution.  We need to rework the solution to take into account the effect on Contacts and Call Log, which also have edit icons.

PLEASE HOLD OFF ON ANY WORK until Josh has posted a revised solution with wireframe illustration of all screens impacted by these issues.  To summarize, the group of related issues are:

https://bugzilla.mozilla.org/show_bug.cgi?id=820147
https://bugzilla.mozilla.org/show_bug.cgi?id=820145
https://bugzilla.mozilla.org/show_bug.cgi?id=798575
Attached is a screen shot depicting the final implementation for this cluster of related issues. Please let me know if there are any questions.
Attached image New Edit Contact Icon (obsolete) —
ATTN: Vivien

This is the new Edit Contact icon specially for the Contacts app header.
Lots of bugs to track the icon issue - if you don't mind I'll consolidate them under the same owner as the fix should be pretty simple. WIP: https://github.com/KevinGrandon/gaia/compare/bug_820145_new_icons
Assignee: sjochimek → kgrandon
Use this as the final edit contact icon.
Attachment #698466 - Attachment is obsolete: true
Updated to include Gallery and Settings -> Display.  A scrub of the UI shows no more instances of offending 'Edit' icons.
Attachment #698444 - Attachment is obsolete: true
Whiteboard: visual design, interaction, UX-P1, uxbranch, landed in uxbranch → visual design, interaction, UX-P1
It appears that all icons intended to be changed were successfully replaced in Unagi build 20130112070202.

Verifying as fixed.
Status: RESOLVED → VERIFIED
You need to log in before you can comment on or make changes to this bug.