Fennec/Features/disc: Difference between revisions

no edit summary
No edit summary
Line 38: Line 38:
There are several different concepts we can explore for first-run discoverability, as well as a few other ideas that might aid discoverability while the users are in product.  
There are several different concepts we can explore for first-run discoverability, as well as a few other ideas that might aid discoverability while the users are in product.  


==== '''First-run Concepts''' ====
=== '''First-run Concepts''' ===


'''Idea #1:'''
'''Idea #1:'''  


http://www.youtube.com/watch?v=1Ph3s2Zu2Xo  
http://www.youtube.com/watch?v=1Ph3s2Zu2Xo  
Line 46: Line 46:
The idea here would be to show the user a walk-through video with a dummy hand. This would be the most failsafe idea because we would show users exactly how to operate the UI. The negative here, is that it is very heavy-handed and assumes that our users don't know how to operate a touchscreen.  
The idea here would be to show the user a walk-through video with a dummy hand. This would be the most failsafe idea because we would show users exactly how to operate the UI. The negative here, is that it is very heavy-handed and assumes that our users don't know how to operate a touchscreen.  


<br>


 
'''Idea #2:'''  
'''Idea #2:'''


http://www.youtube.com/watch?v=Jem7CgbM034  
http://www.youtube.com/watch?v=Jem7CgbM034  
Line 54: Line 54:
Essentially the same as idea #1, except we wouldn't show the dummy hand.  
Essentially the same as idea #1, except we wouldn't show the dummy hand.  


<br>


 
'''Idea #3:'''  
'''Idea #3:'''


http://www.youtube.com/watch?v=49Yh3UcoPS4  
http://www.youtube.com/watch?v=49Yh3UcoPS4  
Line 62: Line 62:
The idea here would be to take out any extraneous elements of the tutorial, such as the hands and/or notes. This idea is necessary because the notes are going to be hard to localize.  
The idea here would be to take out any extraneous elements of the tutorial, such as the hands and/or notes. This idea is necessary because the notes are going to be hard to localize.  


<br>


 
'''Idea #4:'''  
'''Idea #4:'''


http://www.youtube.com/watch?v=xmxQw_RExbo  
http://www.youtube.com/watch?v=xmxQw_RExbo  
Line 70: Line 70:
This idea is basically the same as #3, except we show the sidebar coming out of the same time. The advantage here is that it is much quicker, however it illustrates a state of the why they can never actually happened.  
This idea is basically the same as #3, except we show the sidebar coming out of the same time. The advantage here is that it is much quicker, however it illustrates a state of the why they can never actually happened.  


''


'''''UX Recommendation: Idea #3'''''
 
'''''UX Recommendation: Idea #3'''''  


====  ====
====  ====
Line 78: Line 78:
====  ====
====  ====


==== <br> Additional Concepts  ====
=== <br> Additional Concepts  ===


<br>'''Translucent Sidebars:'''
<br>'''Translucent Sidebars:'''  


http://www.youtube.com/watch?v=NzXPju5nW6o  
http://www.youtube.com/watch?v=NzXPju5nW6o  
Line 86: Line 86:
One of the reasons the sidebars are so hard to find is because they are pinned all the way to the side of the webpage. In addition to discoverability, this is also a problem because the user has to move away from the spot in the page they're currently looking at just to get to the sidebars. The idea here is that an "accelerator gesture", such as a double finger swipe, will bring a sidebar out in a translucent state. This would not conflict with the way the sidebars usually act. As you can see from the video, as the user swipes to the side, the translucency goes away.  
One of the reasons the sidebars are so hard to find is because they are pinned all the way to the side of the webpage. In addition to discoverability, this is also a problem because the user has to move away from the spot in the page they're currently looking at just to get to the sidebars. The idea here is that an "accelerator gesture", such as a double finger swipe, will bring a sidebar out in a translucent state. This would not conflict with the way the sidebars usually act. As you can see from the video, as the user swipes to the side, the translucency goes away.  


<br>


 
'''New tab animation:'''  
'''New tab animation:'''


http://www.youtube.com/watch?v=n9XrI_DIEbQ  
http://www.youtube.com/watch?v=n9XrI_DIEbQ  
55

edits