Home/Features/ux: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
mNo edit summary
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 18: Line 18:
== Summary<br>  ==
== Summary<br>  ==


New look and new features of our visual, cloud-based awesome screen as part of "Home"
New look and new features of our visual, cloud-based awesome screen as part of "Home"  


== Team<br>  ==
== Team<br>  ==
Line 42: Line 42:
=== V1 designs  ===
=== V1 designs  ===


Main Screen [http://www.flickr.com/photos/61892693@N03/5710840018/in/set-72157626698507452 www.flickr.com/photos/61892693@N03/5710840018/in/set-72157626698507452]<br>  
'''Main Screen''' [http://www.flickr.com/photos/61892693@N03/5710840018/in/set-72157626698507452 www.flickr.com/photos/61892693@N03/5710840018/in/set-72157626698507452]<br>  


Specs - iPad Content&nbsp;[http://cl.ly/2T2v3T201z2s1r330N1G cl.ly/2T2v3T201z2s1r330N1G]  
'''Specs''' - iPad Content&nbsp;[http://cl.ly/2T2v3T201z2s1r330N1G cl.ly/2T2v3T201z2s1r330N1G]  


Specs - iPhone Content [http://cl.ly/2m0T2O3h3I1I2O2Z1V34 cl.ly/2m0T2O3h3I1I2O2Z1V34]  
'''Specs''' - iPhone Content [http://cl.ly/2m0T2O3h3I1I2O2Z1V34 cl.ly/2m0T2O3h3I1I2O2Z1V34]  


Specs - iPad Layout&nbsp;[http://cl.ly/470m3G3I3L1l2C1D190Y cl.ly/470m3G3I3L1l2C1D190Y]  
'''Specs''' - iPad Layout&nbsp;[http://cl.ly/470m3G3I3L1l2C1D190Y cl.ly/470m3G3I3L1l2C1D190Y]  


Specs - iPhone Layout&nbsp; [http://cl.ly/3x101k2Z1W3k3H0l1C3w cl.ly/3x101k2Z1W3k3H0l1C3w]<br>
'''Specs''' - iPhone Layout&nbsp; [http://cl.ly/3x101k2Z1W3k3H0l1C3w cl.ly/3x101k2Z1W3k3H0l1C3w]<br>  
 
'''Specs''' - iPad Search Bar [http://www.cl.ly/2H1E3X0u3Z0L3p3w0E23 www.cl.ly/2H1E3X0u3Z0L3p3w0E23]
 
'''Specs''' - iPhone Search Bar [http://www.cl.ly/0g0L27043a0C38371c21 www.cl.ly/0g0L27043a0C38371c21]
 
'''Graphic Assets''' - [http://cl.ly/1c1S0d3R3n3L1H3e0t2t cl.ly/1c1S0d3R3n3L1H3e0t2t]


=== V2 designs  ===
=== V2 designs  ===
Line 78: Line 84:
**access to webapps  
**access to webapps  
**how do snippets appear  
**how do snippets appear  
**things shared with the user  
**things shared with the user
*
 
=== search ===
 
*[https://wiki.mozilla.org/Features/Firefox_Home/Search_Recommendations wiki.mozilla.org/Features/Firefox_Home/Search_Recommendations]
 
=== grid layout tweaks ===
 
*[https://wiki.mozilla.org/Features/Firefox_Home/Grid_Layout wiki.mozilla.org/Features/Firefox_Home/Grid_Layout]
 
=== misc. design tweaks ===
 
*[https://wiki.mozilla.org/Features/Firefox_Home/Move_Prefs_Button wiki.mozilla.org/Features/Firefox_Home/Move_Prefs_Button]
*[https://wiki.mozilla.org/Features/Firefox_Home/Thumbnail_Loading wiki.mozilla.org/Features/Firefox_Home/Thumbnail_Loading]
*[https://wiki.mozilla.org/Features/Firefox_Home/Article_Tiles wiki.mozilla.org/Features/Firefox_Home/Article_Tiles]


=== smarter algorithm for frecency list  ===
=== smarter algorithm for frecency list  ===


*
*[https://wiki.mozilla.org/Features/Firefox_Home/Frecency_Algorithm wiki.mozilla.org/Features/Firefox_Home/Frecency_Algorithm]


=== sharing from the app  ===
=== sharing from the app  ===


*
*[https://wiki.mozilla.org/Features/Firefox_Home/Sharing wiki.mozilla.org/Features/Firefox_Home/Sharing]


=== personas support  ===
=== personas support  ===


*
*[https://wiki.mozilla.org/Features/Firefox_Home/Personas wiki.mozilla.org/Features/Firefox_Home/Personas]


=== native wrapper (iOS)  ===
=== native wrapper (iOS)  ===
Line 101: Line 120:
=== account creation UX  ===
=== account creation UX  ===


*
*[https://wiki.mozilla.org/Features/Firefox_Home/Account_Creation wiki.mozilla.org/Features/Firefox_Home/Account_Creation]


=== login/logout process  ===
=== login/logout process  ===


*
*[https://wiki.mozilla.org/Features/Firefox_Home/Login wiki.mozilla.org/Features/Firefox_Home/Login]


=== settings? needed?  ===
=== settings? needed?  ===


=== <br> ===
*[https://wiki.mozilla.org/Features/Firefox_Home/Settings wiki.mozilla.org/Features/Firefox_Home/Settings]<br>


=== Old designs  ===
=== Old designs  ===
Line 115: Line 134:
=== Designs in progress from April 25 2011: http://www.flickr.com/photos/61892693@N03/sets/72157626452464419/with/5655046340/  ===
=== Designs in progress from April 25 2011: http://www.flickr.com/photos/61892693@N03/sets/72157626452464419/with/5655046340/  ===


<br>
<br>  


== Test Plans  ==
== Test Plans  ==

Latest revision as of 18:43, 11 July 2011


Feature Status ETA Owner
User Experience and Visual Design
 Concept 2011-07-01 Thomas Arend


Summary

New look and new features of our visual, cloud-based awesome screen as part of "Home"

Team

Release Requirements

Next Steps

Open Issues

Related Bugs & Dependencies

Designs

This whole feature page probably has to be broken down a bit into separate features, but for the time being, it's all here.

Overview of Content types

www.flickr.com/photos/61892693@N03/5710277703/in/set-72157626698507452

V1 designs

Main Screen www.flickr.com/photos/61892693@N03/5710840018/in/set-72157626698507452

Specs - iPad Content cl.ly/2T2v3T201z2s1r330N1G

Specs - iPhone Content cl.ly/2m0T2O3h3I1I2O2Z1V34

Specs - iPad Layout cl.ly/470m3G3I3L1l2C1D190Y

Specs - iPhone Layout  cl.ly/3x101k2Z1W3k3H0l1C3w

Specs - iPad Search Bar www.cl.ly/2H1E3X0u3Z0L3p3w0E23

Specs - iPhone Search Bar www.cl.ly/0g0L27043a0C38371c21

Graphic Assets - cl.ly/1c1S0d3R3n3L1H3e0t2t

V2 designs

Main Screen www.flickr.com/photos/61892693@N03/5710277815/in/set-72157626698507452/


V3 Designs

Main Screen with pins and tabs www.flickr.com/photos/61892693@N03/5710277893/in/set-72157626698507452/

Main Screen with tab popover www.flickr.com/photos/61892693@N03/5710277993/in/set-72157626698507452/

Full list of UX components

layout for basic frecency-derived list/grid [v1]

    • hi-res artwork (icons [v1], thumbnails, and/or image snippets [could this be v1?])
    • access to just bookmarks, history, remote tabs
    • badging
    • inline content
    • access to webapps
    • how do snippets appear
    • things shared with the user

search

grid layout tweaks

misc. design tweaks

smarter algorithm for frecency list

sharing from the app

personas support

native wrapper (iOS)

    • UX of native wrapper (iOS) (splashscreen, desktop icon, badging?)
    • multiple tabs/documents in native wrapper (iOS)

account creation UX

login/logout process

settings? needed?

Old designs

Designs in progress from April 25 2011: http://www.flickr.com/photos/61892693@N03/sets/72157626452464419/with/5655046340/


Test Plans

Goals/Use Cases

Non-Goals

Other Documentation

Legend (remove if you like)

  Healthy: feature is progressing as expected.
  Blocked: feature is currently blocked.
  At Risk: feature is at risk of missing its targeted release.
ETA Estimated date for completion of the current feature task. Overall ETA for the feature is the product release date.
Retrieved from "https://wiki.mozilla.org/index.php?title=Home/Features/ux&oldid=327727"