Home/Features/ux: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(12 intermediate revisions by 2 users 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 31: Line 31:


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


Full list is UX components:
This whole feature page probably has to be broken down a bit into separate features, but for the time being, it's all here.
* 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
=== Overview of Content types<br>  ===
** inline content
 
** access to webapps
[http://www.flickr.com/photos/61892693@N03/5710277703/in/set-72157626698507452 www.flickr.com/photos/61892693@N03/5710277703/in/set-72157626698507452]
** how do snippets appear
 
** things shared with the user  
=== V1 designs  ===
* smarter algorithm for frecency list
 
* sharing from the app
'''Main Screen''' [http://www.flickr.com/photos/61892693@N03/5710840018/in/set-72157626698507452 www.flickr.com/photos/61892693@N03/5710840018/in/set-72157626698507452]<br>
* personas support
 
* native wrapper (iOS)
'''Specs''' - iPad Content&nbsp;[http://cl.ly/2T2v3T201z2s1r330N1G cl.ly/2T2v3T201z2s1r330N1G]
** UX of native wrapper (iOS) (splashscreen, desktop icon, badging?)
 
** multiple tabs/documents in native wrapper (iOS)  
'''Specs''' - iPhone Content [http://cl.ly/2m0T2O3h3I1I2O2Z1V34 cl.ly/2m0T2O3h3I1I2O2Z1V34]
* account creation UX
 
* login/logout process
'''Specs''' - iPad Layout&nbsp;[http://cl.ly/470m3G3I3L1l2C1D190Y cl.ly/470m3G3I3L1l2C1D190Y]
* settings? needed?
 
'''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  ===
 
Main Screen [http://www.flickr.com/photos/61892693@N03/5710277815/in/set-72157626698507452/ www.flickr.com/photos/61892693@N03/5710277815/in/set-72157626698507452/]<br>
 
<br>
 
=== V3 Designs  ===
 
Main Screen with pins and tabs [http://www.flickr.com/photos/61892693@N03/5710277893/in/set-72157626698507452/ www.flickr.com/photos/61892693@N03/5710277893/in/set-72157626698507452/]<br>
 
Main Screen with tab popover [http://www.flickr.com/photos/61892693@N03/5710277993/in/set-72157626698507452/ www.flickr.com/photos/61892693@N03/5710277993/in/set-72157626698507452/]<br>
 
===  ===
 
=== 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 ===
 
*[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 ===
 
*[https://wiki.mozilla.org/Features/Firefox_Home/Frecency_Algorithm wiki.mozilla.org/Features/Firefox_Home/Frecency_Algorithm]
 
=== sharing from the app ===
 
*[https://wiki.mozilla.org/Features/Firefox_Home/Sharing wiki.mozilla.org/Features/Firefox_Home/Sharing]
 
=== personas support ===
 
*[https://wiki.mozilla.org/Features/Firefox_Home/Personas wiki.mozilla.org/Features/Firefox_Home/Personas]
 
=== native wrapper (iOS) ===
 
**UX of native wrapper (iOS) (splashscreen, desktop icon, badging?)  
**multiple tabs/documents in native wrapper (iOS)  
*
 
=== account creation UX ===
 
*[https://wiki.mozilla.org/Features/Firefox_Home/Account_Creation wiki.mozilla.org/Features/Firefox_Home/Account_Creation]
 
=== login/logout process ===
 
*[https://wiki.mozilla.org/Features/Firefox_Home/Login wiki.mozilla.org/Features/Firefox_Home/Login]
 
=== settings? needed? ===
 
*[https://wiki.mozilla.org/Features/Firefox_Home/Settings wiki.mozilla.org/Features/Firefox_Home/Settings]<br>
 
=== Old designs  ===
 
=== Designs in progress from April 25 2011: http://www.flickr.com/photos/61892693@N03/sets/72157626452464419/with/5655046340/  ===
 
<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"