MozillaWiki

Mobile/User Experience: Difference between revisions

< Mobile
 
(40 intermediate revisions by 2 users not shown)
Line 1: Line 1:
== What is this? ==
== What is this? ==
This page is a starting point/index for User Experience work going on the mobile projects -- Fennec (mobile Firefox) and Firefox Home.
More background to come, soon.


=== Mobile UX Team ===
=== Mobile UX Team ===


* Ian Barlow
* Ian Barlow (bugzilla: ibarlow | irc: ianbarlow)
* Brian Dils (briandils on bugzilla)
* Brian Dils (bugzilla: bdils | irc: briandils)
* Madhava Enros (madhava on bugzilla)
* Madhava Enros (bugzilla: :madhava | irc: madhava)
 
* [[Mobile/User_Experience/Meeting_Notes]]


== Firefox for mobile devices (Fennec) ==
== Firefox for mobile devices (Fennec) ==
Line 17: Line 24:


=== Active Projects ===
=== Active Projects ===
* [[Fennec/Features/touch]]
 
* [[Fennec/Features/TabletUI]]
{| class="fullwidth-table sortable"
* [[Fennec/Features/langchoice]]
|-
* [[Fennec/Features/disc]]
| style="font-weight: bold; background: #DDD" | Project
* [[Fennec/Features/tabawe]]
| style="font-weight: bold; background: #DDD" | References/Work-in-progress
* Tablet UI - Restructure frontend
| style="font-weight: bold; background: #DDD" | Owner
* Android native polish  
|-
* Android-style body text copy/paste
| [[Fennec/Features/touch|Touch Events]]
* Visual refresh (Gingerbread/Honeycomb)  
|
* Rewrite/mobilize UI text
| madhava
* UI Transitions/animations  
|-
* Camera UI
| [[Fennec/Features/Gestures|Gestures]]
* Integrate Personas
|
| briandils
|-
| [[Fennec/Features/TabletUI|Interim tablet improvements]]
| [[Fennec/Features/TabletUI/UI_Improvements_ForHoneycomb]]
| briandils
|-
| [[Fennec/Features/langchoice|First run: Language Choice]]
|
| briandils
|-
| [[Fennec/Features/disc|First run: UI Discoverability]]
|
| briandils
|-
| [[Fennec/Features/tabawe|Redesigned Awesomescreen (phone and tablet)]]
|
| madhava/ianbarlow
|-
| [[Fennec/Features/formass|Better Android integration of form assistant]]
|
| madhava
|-
| Android native polish
|
| madhava
|-
| [[Fennec/Features/androidcopypaste|Android-style body text copy/paste]]
|
| madhava
|-
| [[Fennec/Features/visualrefresh|Visual refresh (Gingerbread/Honeycomb)]]
|
| ianbarlow
|-
| [[Fennec/Features/mobitext|Rewrite/mobilize UI text]]
|
| madhava
|-
| UI Transitions/animations  
|
| ?
|-
| [[Fennec/Features/cameraUI|Camera UI]]
|
| ianbarlow
|-
| Integrate Personas
|
| madhava
|-
| [[Fennec/Features/mal|Safebrowsing UI (anti-malware/phishing)]]
| * {{bug|651860}}
| madhava
|-
| Accessibility improvements
|
| briandils
|}


=== Future Projects ===
=== Future Projects ===
* Ice Cream Sandwich compatbility
* Site permissions UI (this is proposed for desktop: [[Privacy/Features/Site-based_data_management_UI]])


* old list: [[Mobile/UI/Designs/TouchScreen/Fennec_1.1%2B]]
* old list: [[Mobile/UI/Designs/TouchScreen/Fennec_1.1%2B]]


=== Retired Projects ===
=== Completed Projects ===


== Firefox Home ==
== Firefox Home ==
* Firefox Home 2011 Roadmap: [[Home/Roadmap]]


=== Active Design Projects ===
=== Active Design Projects ===
{| class="fullwidth-table sortable"
|-
| style="font-weight: bold; background: #DDD" | Project
| style="font-weight: bold; background: #DDD" | References/Work-in-progress
| style="font-weight: bold; background: #DDD" | Owner
|-
| [[Home/Features/ux|User Experience and Visual Design]]
| (this is a big one - need breaking down)
| madhava
|}
to be created:
* layout for basic frecency-derived list/grid
** hi-res artwork (icons, thumbnails, and/or image snippets)
** access to just bookmarks, history, remote tabs
** badging
** inline content
** access to webapps
** how do snippets appear
** things shared with the user
* 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?


=== Future Design Projects ===
=== Future Design Projects ===


== Other Design ==
* jgrlicky in webdev is designing a mobilized Personas section for MAMO
** {{bug|636483}}
** {{bug|636485}}
** {{bug|636484}}


== Other Design ==
* jgrlicky (again) working on a add-ons discovery pane for the browser
** {{bug|653190}} - Design a mobile disco pane


== Research ==
== Research ==


* List of possible research topics [[Mobile/User_Experience/Research]]
* List of possible research topics [[Mobile/User_Experience/Research]]
== Resources ==
* [http://developer.android.com/guide/practices/ui_guidelines/index.html Android UI Guidelines]
* [http://www.mutualmobile.com/2011/android-design-guidelines/ Mutual Mobile's Android Design Guidelines]
** [http://www.mutualmobile.com/2011/android-design-guidelines-version-1-1-honeycomb/ v1.1 - now with Honeycomb]
* [http://www.zurb.com/playground/honeycomb-stencils ZURB Honeycomb Omnigraffle stencils]
* [http://gestureworks.com/features/open-source-gestures/ GestureWorks' open-source gesture library]
* [http://msdn.microsoft.com/en-us/library/hh202889(v=VS.92).aspx Interactions and Usability with Windows Phone]


== Older Content ==
== Older Content ==
* What was here before April 2011 [[Mobile/User_Experience/Older]]
* What was here before April 2011 [[Mobile/User_Experience/Older]]

Latest revision as of 20:18, 21 November 2011

What is this?

This page is a starting point/index for User Experience work going on the mobile projects -- Fennec (mobile Firefox) and Firefox Home.

More background to come, soon.


Mobile UX Team

  • Ian Barlow (bugzilla: ibarlow | irc: ianbarlow)
  • Brian Dils (bugzilla: bdils | irc: briandils)
  • Madhava Enros (bugzilla: :madhava | irc: madhava)

Firefox for mobile devices (Fennec)

Active Projects

Project References/Work-in-progress Owner
Touch Events madhava
Gestures briandils
Interim tablet improvements Fennec/Features/TabletUI/UI_Improvements_ForHoneycomb briandils
First run: Language Choice briandils
First run: UI Discoverability briandils
Redesigned Awesomescreen (phone and tablet) madhava/ianbarlow
Better Android integration of form assistant madhava
Android native polish madhava
Android-style body text copy/paste madhava
Visual refresh (Gingerbread/Honeycomb) ianbarlow
Rewrite/mobilize UI text madhava
UI Transitions/animations ?
Camera UI ianbarlow
Integrate Personas madhava
Safebrowsing UI (anti-malware/phishing) * bug 651860 madhava
Accessibility improvements briandils

Future Projects

Completed Projects

Firefox Home

Active Design Projects

Project References/Work-in-progress Owner
User Experience and Visual Design (this is a big one - need breaking down) madhava

to be created:

  • layout for basic frecency-derived list/grid
    • hi-res artwork (icons, thumbnails, and/or image snippets)
    • access to just bookmarks, history, remote tabs
    • badging
    • inline content
    • access to webapps
    • how do snippets appear
    • things shared with the user
  • 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?

Future Design Projects

Other Design

  • jgrlicky (again) working on a add-ons discovery pane for the browser

Research

Resources

Older Content

Retrieved from "https://wiki.allizom.org/index.php?title=Mobile/User_Experience&oldid=371826"