Jump to: navigation, search

Difference between revisions of "UX"

(Getting Involved as a Developer with Designing for User Experience)
 
(330 intermediate revisions by 6 users not shown)
Line 1: Line 1:
== OpenStack User Experience ==
+
<br />
 
+
[[File:OpenStack_Project_UX_Horizontal.jpg|1000px|thumb|center]]<br/><br/>
<p>'''Mission Statement:''' Enable OpenStack users to be efficient and make their experience consistent and pleasurable.</p>
+
<br/><br/>
 
 
User Experience (UX) is community-oriented and available for different audiences on several websites.  This wiki serves as an informational source for UX-related activities (workstreams) that goes across multiple OpenStack projects.
 
 
<br/><br/>
 
<br/><br/>
  
== UX Workstreams ==
+
=NOTE: This page is no longer maintained. If you are interested in UX design and improvements, we would love for you to revive this group! Please send an email to the openstack-discuss mailing list to get started!=
* [http://ask-openstackux.rhcloud.com UX Discussion Forum (new, temporary address)] <br/>
 
* [https://wiki.openstack.org/wiki/Personas OpenStack Personas Working Group] <br/>
 
* [https://wiki.openstack.org/wiki/HorizonUsability_Testing Usability Testing] <br/>
 
* [https://launchpad.net/openstack-ux Features, Bugs, and Releases in Launchpad] <br/>
 
* [https://wiki.openstack.org/wiki/UX/ProgramProposal OpenStack UX Program Proposal] <br/>
 
* IRC: #openstack-ux (at FreeNode) <br/>
 
* [https://wiki.openstack.org/wiki/UX/openstack-ux-videos OpenStack UX Videos] <br/>
 
 
 
 
<br/><br/>
 
<br/><br/>
  
==Getting Started==
+
== Overview of research activities on behalf of the OpenStack community==
  
===Getting Involved as a Developer with Designing for User Experience===
+
[https://docs.google.com/presentation/d/1hZYCOADJ1gXiFHT1ahwv8-tDIQCSingu7zqSMbKFZ_Y/edit?usp=sharing If nothing else, then review this deck]
  
<b>Are you a developer looking for feedback or help with designing new features? Are you looking for help on improving a current feature?</b><br/>
+
== OpenStack User Experience Mission==
<br />
+
The mission of the UX Program is to support and facilitate cross-project efforts to improve the overall user experience of OpenStack.
 +
We provide user research to help teams identify any issues preventing adoption of their services as well as help the projects validate design and development efforts to address those issues. In addition, we help the project teams create solutions to address customer needs and pain points. Finally, we will provide the OpenStack community with visibility into any user experience issues related to inconsistency across projects.
 +
<br/><br/>
  
* Mailing List
+
== OpenStack UX Guidelines ==
:* Please feel free to reach out to us via the openstack developer mailing list (openstack-dev@lists.openstack.org)[http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-dev]. In the subject, use the tag [UX] and we will be sure to see your question/request.
+
<p>[http://docs.openstack.org/contributor-guide/user-guidelines.html OpenStack user experience and user interface guidelines]</p>
* UX Meeting
+
<p>[http://docs.openstack.org/contributor-guide/ux-ui-guidelines/ux-personas.html Meet the OpenStack personas]</p>
:* UX specific meetings occur every other week on IRC. You are welcome to come attend those as well and ask any questions you may have during Open Discussion. Meeting information can be found at OpenStack Meetings[https://wiki.openstack.org/wiki/Meetings#User_Experience_.28UX.29_Team_Meeting].
+
<p>[http://docs.openstack.org/contributor-guide/ux-ui-guidelines/ui-text-guidelines.html UI text guidelines]</p>
* IRC
 
:* An additional way to get quick feedback or have a discussion with the UX group is to join the IRC channel on freenode ('''#openstack-ux'''). If you don't get an immediate response, feel free to ask again later or jump over to using the mailing list!
 
 
<br/><br/>
 
<br/><br/>
  
===Getting Involved as a Designer with Designing for User Experience===
+
==General Information==
 +
====UX Program====
 +
:* For additional information about OpenStack UX, the programs, team, etc., please refer to the [https://wiki.openstack.org/wiki/UX/ProgramProposal UX Program Proposal].
 +
:* For additional information about UX related programs, please refer to [http://www.techved.com/ UX Program]
  
<b>How do I get involved with OpenStack UX and work on blueprints?</b><br/>
+
====Mailing List====
Get started by taking a look at the '''Contributing Guide'''[http://docs.openstack.org/developer/horizon/contributing.html].  For UX efforts, we track the work that we are doing on our launchpad site[https://launchpad.net/openstack-ux]. If you aren't ready to contribute your own designs, start off by giving others feedback on '''launchpad''' or on '''AskOpenStack UX'''[http://ask-openstackux.rhcloud.com/questions/].
+
:* Please feel free to reach out to us via the openstack developer mailing list [http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-dev (openstack-dev@lists.openstack.org)]. In the subject, use the tag '''[UX]''' and we will be sure to see your question/request.
<br/><br/><br/>
 
  
<b>What's a blueprint in Launchpad?</b><br/>
+
====IRC====
It's a specification for a feature in OpenStack. In UX, this usually is presented as wireframes or prototypes, but it can be something else. There's lots more info on openstack.org[https://wiki.openstack.org/wiki/Blueprints].  For the Horizon team, they plan to follow a newly defined Blueprint template[https://blueprints.launchpad.net/horizon/+spec/template] for future blueprints.
+
:* An additional way to get quick feedback or have a discussion with the UX group is to join the IRC channel on freenode <code><nowiki>#openstack-ux</nowiki></code>. If you don't get an immediate response, feel free to ask again later or jump over to using the mailing list!
<br/><br/><br/>
 
  
<b>How does this whole OpenStack contributor thing work anyway?</b><br/>
+
====Meetings====
There is great getting started documentation on openstack.org. How to Contribute[https://wiki.openstack.org/wiki/How_To_Contribute] is a good place to start.
+
The [https://wiki.openstack.org/wiki/UX OpenStack User Experience Team] regular meetings
<br/><br/><br/>
+
* Every two weeks (on odd weeks) on Friday at 1500 UTC
 +
* IRC channel:  <code><nowiki>#openstack-meeting-4</nowiki></code>
 +
* Chair: <<No PTL currently>> on #openstack-ux
 +
* [[UX|UX wiki]]: https://wiki.openstack.org/wiki/UX
 +
<br/><br/>
  
<b>What is the process for getting a new design into Horizon?</b><br/>
+
==User Research on Behalf of Community==
Assign yourself a blueprint and get to work! When you have something, post a link to your design docs on AskOpenStack UX[http://ask-openstackux.rhcloud.com/questions/] and ask for feedback. There'll be the usual revisions. Designs that are ready to go can be added to a new or existing blueprint on the Horizon project site[https://launchpad.net/horizon]. Then, wait for a dev to implement your design. You will be expected to work with developers to answer questions or make updates to your design along the way.
 
<br/><br/><br/>
 
  
<b>That's a pretty vague process. Can't you give me a little more detail than that?</b><br/>
+
*Unfortunately, we're not able to post links to video presentation. However, searching for "OpenStack UX project study results" should get you to our youtube channel.
Nope, not yet. We're new to this so the process is pretty ad hoc. We'd love your help making it better! Make suggestions.
 
<br/><br/><br/>
 
  
<b>I don't see a blueprint for the work I want to do. What can I do? </b><br/>
+
{| class="wikitable"
Create a new blueprint! Here is a great guide on creating blueprints[https://wiki.openstack.org/wiki/Blueprints#Creation].
+
|- style="vertical-align:top;"
<br/><br/><br/>
+
| style="height:10px; width:200px; text-align:left;" | Month
 
+
| style="height:10px; width:400px; text-align:left;" | Project/WG
<b>How do I subscribe to hear about UX-related bugs. How do I know about work that needs UX review or design? </b><br/>
+
| style="height:10px; width:300px; text-align:left;" | Research Method
* Go to the Launchpad main bug page[https://bugs.launchpad.net/horizon].
+
| style="height:10px; width:300px; text-align:left;" | Persona
* Click on "Subscribe to bug mail" to the right handside, then "Receive mail for bugs affecting OpenStack Dashboard (Horizon) that" -> "are added or changed in any way" -> "Bugs must match this filter" -> "Tags" -> ux.  
+
| style="height:10px; width:300px; text-align:left;" | UX Contact
* You can choose whether to get comments for individual comments or only on status changes.  
+
| style="height:10px; width:300px; text-align:left;" | Project/WG Contact
<br/><br/><br/>
+
| style="height:10px; width:300px; text-align:left;" | Status
 
+
| style="height:10px; width:500px; text-align:left;" | Study Etherpad
<b>Is there any user research I can leverage?</b><br/>
+
| style="height:10px; width:500px; text-align:left;" | Presentation
Yes! Check out this group that is working on personas[https://wiki.openstack.org/wiki/Personas] and usability[https://wiki.openstack.org/wiki/HorizonUsability_Testing]. Also, if you are going to do your own research, we'd love for you to contribute results or better yet, to collaborate with you.
+
|- style="vertical-align:top;"
<br/><br/><br/>
+
| style="height:10px; width:200px; text-align:left;" | Barcelona Summit
 
+
| style="height:10px; width:400px; text-align:left;" | API WG
<b>Where can I ask questions or get feedback on my designs?</b><br/>
+
| style="height:10px; width:300px; text-align:left;" | Usability
AskUX, Horizon weekly meeting[https://wiki.openstack.org/wiki/Meetings#Horizon_team_meeting], #openstack-ux on Freenode.
+
| style="height:10px; width:300px; text-align:left;" | [http://docs.openstack.org/contributor-guide/ux-ui-guidelines/ux-personas/cloud-ops.html Rey Cloud Operator]
<br/><br/><br/>
+
| style="height:10px; width:300px; text-align:left;" | piet
 
+
| style="height:10px; width:300px; text-align:left;" | cdent
<b>Where can I ask questions about technical feasibility or understanding the problem space?</b><br/>
+
| style="height:10px; width:300px; text-align:left;" | Data has been collected
AskUX, Horizon weekly meetings, Horizon Launchpad, openstack-dev@lists.openstack.org, #openstack-horizon on Freenode.
+
| style="height:10px; width:500px; text-align:left;" | [https://etherpad.openstack.org/p/osux-api-oct2016 etherpad]
<br/><br/><br/>
+
| style="height:10px; width:500px; text-align:left;" | NA
 
+
|- style="vertical-align:top;"
== Patterns & UX Best Practices ==
+
| style="height:10px; width:200px; text-align:left;" | Barcelona Summit
 
+
| style="height:10px; width:400px; text-align:left;" | OpenStackClient
=== Horizon Pattern Document===
+
| style="height:10px; width:300px; text-align:left;" | usability
A pattern library is a collection of design elements that appear multiple times across a site. The intent is to help drive consistency by providing a common set of buttons, tables, workflows for a given interface.
+
| style="height:10px; width:300px; text-align:left;" | [http://docs.openstack.org/contributor-guide/ux-ui-guidelines/ux-personas/cloud-ops.html Rey Cloud Operator]
 
+
| style="height:10px; width:300px; text-align:left;" | piet
[https://docs.google.com/presentation/d/1OKy_oXZQSg8Feo0p6Es7giR6a-w_CK8H03D2R2yAUjs/edit#slide=id.g3637a7faf_084 Horizon Pattern Document]
+
| style="height:10px; width:300px; text-align:left;" | Dean Troyer
 
+
| style="height:10px; width:300px; text-align:left;" | Complete
Please feel free to edit the document if you would like to add content or make changes!
+
| style="height:10px; width:500px; text-align:left;" | [https://etherpad.openstack.org/p/osux-osc-oct2016 etherpad]
 +
| style="height:10px; width:500px; text-align:left;" | [https://docs.google.com/presentation/d/1cBUJuLL9s7JQppVlDBBJMrNNpfqwdkHyfZFuwY6lNgM/edit?usp=sharing deck]
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:200px; text-align:left;" | September
 +
| style="height:10px; width:400px; text-align:left;" | App Ecosystem WG
 +
| style="height:10px; width:300px; text-align:left;" | Interviews
 +
| style="height:10px; width:300px; text-align:left;" | [http://docs.openstack.org/contributor-guide/ux-ui-guidelines/ux-personas/app-developer.html Quinn App Developer]
 +
| style="height:10px; width:300px; text-align:left;" | uxdanielle
 +
| style="height:10px; width:300px; text-align:left;" | krotscheck
 +
| style="height:10px; width:300px; text-align:left;" | Complete
 +
| style="height:10px; width:500px; text-align:left;" | [https://etherpad.openstack.org/p/newton-osux-appsurvey etherpad]
 +
| style="height:10px; width:500px; text-align:left;" | NA
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:200px; text-align:left;" | November
 +
| style="height:10px; width:400px; text-align:left;" | Deployment
 +
| style="height:10px; width:300px; text-align:left;" | Interviews and Contextual Inquiry
 +
| style="height:10px; width:300px; text-align:left;" | [http://docs.openstack.org/contributor-guide/ux-ui-guidelines/ux-personas/cloud-ops.html Rey Cloud Operator]
 +
| style="height:10px; width:300px; text-align:left;" | piet
 +
| style="height:10px; width:300px; text-align:left;" | piet
 +
| style="height:10px; width:300px; text-align:left;" | Complete
 +
| style="height:10px; width:500px; text-align:left;" | [https://etherpad.openstack.org/p/newton-osux-deployment etherpad]
 +
| style="height:10px; width:500px; text-align:left;" | [https://docs.google.com/presentation/d/14UerMR4HrXKP_0NE_C-WJ16YQFzgetL1Tmym9FNFzpY/edit?usp=sharing deck]
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:200px; text-align:left;" | November
 +
| style="height:10px; width:400px; text-align:left;" | Swift
 +
| style="height:10px; width:300px; text-align:left;" | Interviews
 +
| style="height:10px; width:300px; text-align:left;" |  [http://docs.openstack.org/contributor-guide/ux-ui-guidelines/ux-personas/cloud-ops.html Rey Cloud Operator]
 +
| style="height:10px; width:300px; text-align:left;" | piet
 +
| style="height:10px; width:300px; text-align:left;" | piet
 +
| style="height:10px; width:300px; text-align:left;" | Cancelled
 +
| style="height:10px; width:500px; text-align:left;" | [https://etherpad.openstack.org/p/osux-swift-nov2016 etherpad]
 +
| style="height:10px; width:500px; text-align:left;" | NA
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:200px; text-align:left;" | November
 +
| style="height:10px; width:400px; text-align:left;" | OpenStack Foundation website usability
 +
| style="height:10px; width:300px; text-align:left;" | Survey
 +
| style="height:10px; width:300px; text-align:left;" | [http://docs.openstack.org/contributor-guide/ux-ui-guidelines/ux-personas/app-developer.html Quinn App Developer]
 +
| style="height:10px; width:300px; text-align:left;" | piet
 +
| style="height:10px; width:300px; text-align:left;" | Heidi
 +
| style="height:10px; width:300px; text-align:left;" | Cancelled
 +
| style="height:10px; width:500px; text-align:left;" | [https://etherpad.openstack.org/p/newton-foundation-usability etherpad]
 +
| style="height:10px; width:500px; text-align:left;" | NA
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:200px; text-align:left;" | May
 +
| style="height:10px; width:400px; text-align:left;" | App Dev recruitment survey
 +
| style="height:10px; width:300px; text-align:left;" | Survey
 +
| style="height:10px; width:300px; text-align:left;" | [http://docs.openstack.org/contributor-guide/ux-ui-guidelines/ux-personas/app-developer.html Quinn App Developer]
 +
| style="height:10px; width:300px; text-align:left;" | piet
 +
| style="height:10px; width:300px; text-align:left;" | piet
 +
| style="height:10px; width:300px; text-align:left;" | Complete
 +
| style="height:10px; width:500px; text-align:left;" | [https://etherpad.openstack.org/p/newton-osux-appdevrecruiter etherpad]
 +
| style="height:10px; width:500px; text-align:left;" | Ask foundation
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:200px; text-align:left;" | July
 +
| style="height:10px; width:400px; text-align:left;" | Horizon
 +
| style="height:10px; width:300px; text-align:left;" | Usability during OSIC training
 +
| style="height:10px; width:300px; text-align:left;" | [http://docs.openstack.org/contributor-guide/ux-ui-guidelines/ux-personas/app-developer.html Quinn App Developer]
 +
| style="height:10px; width:300px; text-align:left;" | uxdanielle
 +
| style="height:10px; width:300px; text-align:left;" | uxdanielle
 +
| style="height:10px; width:300px; text-align:left;" | Complete
 +
| style="height:10px; width:500px; text-align:left;" | NA
 +
| style="height:10px; width:500px; text-align:left;" | [https://docs.google.com/presentation/d/1BY0PH9CQVRmOpQjEv3x3KKIRriPgl6oFe5Q0YTy6VxY/edit?usp=sharing deck]
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:200px; text-align:left;" | July/August
 +
| style="height:10px; width:400px; text-align:left;" | Operator Information Needs
 +
| style="height:10px; width:300px; text-align:left;" | Interviews
 +
| style="height:10px; width:300px; text-align:left;" | [http://docs.openstack.org/contributor-guide/ux-ui-guidelines/ux-personas/cloud-ops.html Rey Cloud Operator]
 +
| style="height:10px; width:300px; text-align:left;" | uxdanielle
 +
| style="height:10px; width:300px; text-align:left;" | Lana
 +
| style="height:10px; width:300px; text-align:left;" | Complete
 +
| style="height:10px; width:200px; text-align:left;" | [https://etherpad.openstack.org/p/newton-help etherpad]
 +
| style="height:10px; width:500px; text-align:left;" | [https://docs.google.com/presentation/d/1LKxQx4Or4qOBwPQbt4jAZncGCLlk_Ez8ZRB_bGp19JU/edit?usp=sharing deck]
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:200px; text-align:left;" | August/September
 +
| style="height:10px; width:400px; text-align:left;" | Quota Management at Production Scale
 +
| style="height:10px; width:300px; text-align:left;" | Interviews
 +
| style="height:10px; width:300px; text-align:left;" | [http://docs.openstack.org/contributor-guide/ux-ui-guidelines/ux-personas/cloud-ops.html Rey Cloud Operator]
 +
| style="height:10px; width:300px; text-align:left;" | piet & uxdanielle
 +
| style="height:10px; width:300px; text-align:left;" | shamail
 +
| style="height:10px; width:300px; text-align:left;" | Complete
 +
| style="height:10px; width:500px; text-align:left;" | [https://etherpad.openstack.org/p/newton-osux-quotas etherpad]
 +
| style="height:10px; width:500px; text-align:left;" | [https://docs.google.com/presentation/d/1J6-8MwUGGOwy6-A_w1EaQcZQ1Bq2YWeB-kw4vCFxbwM/edit?usp=sharing deck]
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:200px; text-align:left;" | September/October
 +
| style="height:10px; width:400px; text-align:left;" | Horizon
 +
| style="height:10px; width:300px; text-align:left;" | Horizon/Searchlight Integration validation
 +
| style="height:10px; width:300px; text-align:left;" | [http://docs.openstack.org/contributor-guide/ux-ui-guidelines/ux-personas/app-developer.html Quinn App Developer]
 +
| style="height:10px; width:300px; text-align:left;" | uxdanielle
 +
| style="height:10px; width:300px; text-align:left;" | uxdanielle
 +
| style="height:10px; width:300px; text-align:left;" | Complete
 +
| style="height:10px; width:500px; text-align:left;" | [https://etherpad.openstack.org/p/searchlight-ui-usuability-study etherpad]
 +
| style="height:10px; width:500px; text-align:left;" | [https://docs.google.com/presentation/d/1TfF2sm98Iha-bNwBJrCTCp6k49zde1Z8I9Qthx1moIM/edit?usp=sharing deck]
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:200px; text-align:left;" | September/October
 +
| style="height:10px; width:400px; text-align:left;" | Architect Information Needs
 +
| style="height:10px; width:300px; text-align:left;" | Interviews
 +
| style="height:10px; width:300px; text-align:left;" | [http://docs.openstack.org/contributor-guide/ux-ui-guidelines/ux-personas/infrastructure-arch.html Adrian Infrastructure Architect]
 +
| style="height:10px; width:300px; text-align:left;" | uxdanielle
 +
| style="height:10px; width:300px; text-align:left;" | Lana
 +
| style="height:10px; width:300px; text-align:left;" | Complete
 +
| style="height:10px; width:200px; text-align:left;" | [https://etherpad.openstack.org/p/newton-help etherpad]
 +
| style="height:10px; width:500px; text-align:left;" | [https://docs.google.com/presentation/d/1caYv3z8q18qEB6pxgpgJBIVBnldvFW7P8dFEOjXuBpo/edit?usp=sharing deck]
 +
|}
 +
<br/><br/>
  
 +
==Documentation Priorities==
 +
{| class="wikitable"
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:300px; text-align:left;" | Project/WG
 +
| style="height:10px; width:300px; text-align:left;" | Panel/UI/Doc
 +
| style="height:10px; width:300px; text-align:left;" | Persona
 +
| style="height:10px; width:300px; text-align:left;" | UX Design Contact
 +
| style="height:10px; width:300px; text-align:left;" | Project/WG Contact
 +
| style="height:10px; width:300px; text-align:left;" | Status
 +
| style="height:10px; width:500px; text-align:left;" | link to review
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:300px; text-align:left;" | Docs
 +
| style="height:10px; width:300px; text-align:left;" | OpenStack GUI guideline
 +
| style="height:10px; width:300px; text-align:left;" | Upstream Community
 +
| style="height:10px; width:300px; text-align:left;" | Piet
 +
| style="height:10px; width:300px; text-align:left;" | Rodrigo and Alexandra
 +
| style="height:10px; width:300px; text-align:left;" | Complete
 +
| style="height:10px; width:500px; text-align:left;" | https://review.openstack.org/337202
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:300px; text-align:left;" | Docs
 +
| style="height:10px; width:300px; text-align:left;" | OpenStack persona guideline
 +
| style="height:10px; width:300px; text-align:left;" | Upstream Community
 +
| style="height:10px; width:300px; text-align:left;" | Piet
 +
| style="height:10px; width:300px; text-align:left;" | Rodrigo and Alexandra
 +
| style="height:10px; width:300px; text-align:left;" | Complete
 +
| style="height:10px; width:500px; text-align:left;" | https://review.openstack.org/326662
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:300px; text-align:left;" | Docs
 +
| style="height:10px; width:300px; text-align:left;" | GUI text guideline
 +
| style="height:10px; width:300px; text-align:left;" | Upstream Community
 +
| style="height:10px; width:300px; text-align:left;" | Piet
 +
| style="height:10px; width:300px; text-align:left;" | Linette and Gudrun
 +
| style="height:10px; width:300px; text-align:left;" | Complete
 +
| style="height:10px; width:500px; text-align:left;" | https://review.openstack.org/266449
 +
|}
 
<br/><br/>
 
<br/><br/>
=== Horizon Assets Library===
 
The UX Team has created an assets library for Horizon that includes components that would be useful in creating mockups of new designs. 
 
 
There are current two libraries.  The first is a more generic library that includes png images of common components that could be used with virtual any graphics or presentation tool such as Keynote or Ink.  The second library was specifically created for Balsamiq (balsamiq.com) and includes groupings as well as components that are native to that specific tool.
 
 
[https://drive.google.com/open?id=0B8h-c0zHxYBoOEtRcEktbVhaUXc&authuser=0 Horizon Assets Library]
 
  
 +
==UX Design Priorities==
 +
{| class="wikitable"
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:300px; text-align:left;" | Project/WG
 +
| style="height:10px; width:300px; text-align:left;" | Panel/UI
 +
| style="height:10px; width:300px; text-align:left;" | Persona
 +
| style="height:10px; width:300px; text-align:left;" | UX Design Contact
 +
| style="height:10px; width:300px; text-align:left;" | Project/WG Contact
 +
| style="height:10px; width:300px; text-align:left;" | Status
 +
| style="height:10px; width:500px; text-align:left;" | Invision link
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:300px; text-align:left;" | Horizon
 +
| style="height:10px; width:300px; text-align:left;" | Overview
 +
| style="height:10px; width:300px; text-align:left;" | App Developers
 +
| style="height:10px; width:300px; text-align:left;" | Piet
 +
| style="height:10px; width:300px; text-align:left;" | David-Lyle
 +
| style="height:10px; width:300px; text-align:left;" | In progress
 +
| style="height:10px; width:500px; text-align:left;" | https://invis.io/4V7I5846S
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:300px; text-align:left;" | Horizon
 +
| style="height:10px; width:300px; text-align:left;" | Quota Managment UI
 +
| style="height:10px; width:300px; text-align:left;" | Operators
 +
| style="height:10px; width:300px; text-align:left;" | Piet
 +
| style="height:10px; width:300px; text-align:left;" | TBD
 +
| style="height:10px; width:300px; text-align:left;" | Not started
 +
| style="height:10px; width:500px; text-align:left;" | NA
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:300px; text-align:left;" | Horizon
 +
| style="height:10px; width:300px; text-align:left;" | Horizon UI theme redesign
 +
| style="height:10px; width:300px; text-align:left;" | Operators/App Developers
 +
| style="height:10px; width:300px; text-align:left;" | Piet
 +
| style="height:10px; width:300px; text-align:left;" | TBD
 +
| style="height:10px; width:300px; text-align:left;" | Not started
 +
| style="height:10px; width:500px; text-align:left;" | NA
 +
|}
 
<br/><br/>
 
<br/><br/>
  
== Horizon Proposals ==
+
== OpenStack UX Cores==
As of the Kilo Design Summit (November 2014), we're now using InVision for sharing and collaborating on the designs:
+
{| class="wikitable"
* [https://openstack.invisionapp.com/d/main#/projects List of Current Design Proposals (in InVision)]
+
|- style="vertical-align:top;"
* [https://wiki.openstack.org/wiki/UX/Improve_User_Experience_of_Messaging_in_Horizon Improve User Experience of Messaging in Horizon]
+
| style="height:10px; width:200px; text-align:left;" | First Name
* [https://wiki.openstack.org/wiki/UX/Improvements_to_Inline_Help_in_Horizon Improvements to Inline Help in Horizon]
+
| style="height:10px; width:200px; text-align:left;" | IRC Handle
<br />
+
| style="height:10px; width:200px; text-align:left;" | Focus
 
+
|- style="vertical-align:top;"
 
+
| style="height:10px; width:200px; text-align:left;" | David
Mobile applications development http://www.qulix.com/.
+
| style="height:10px; width:200px; text-align:left;" | david-lyle
 
+
| style="height:10px; width:200px; text-align:left;" | UI/UX Design
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:200px; text-align:left;" | Piet
 +
| style="height:10px; width:200px; text-align:left;" | Piet
 +
| style="height:10px; width:200px; text-align:left;" | OpenStack UX PTL
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:200px; text-align:left;" | Eric
 +
| style="height:10px; width:200px; text-align:left;" | ducttape
 +
| style="height:10px; width:200px; text-align:left;" | Cloud Operations
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:200px; text-align:left;" | Ju
 +
| style="height:10px; width:200px; text-align:left;" | Julim
 +
| style="height:10px; width:200px; text-align:left;" | User Research
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:200px; text-align:left;" | Matt Borland
 +
| style="height:10px; width:200px; text-align:left;" | matt-borland
 +
| style="height:10px; width:200px; text-align:left;" | UI/UX Design
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:200px; text-align:left;" | Michael
 +
| style="height:10px; width:200px; text-align:left;" | hinnant
 +
| style="height:10px; width:200px; text-align:left;" | UX Design
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:200px; text-align:left;" | Rob
 +
| style="height:10px; width:200px; text-align:left;" | robcresswell
 +
| style="height:10px; width:200px; text-align:left;" | Horizon PTL
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:200px; text-align:left;" | Timur
 +
| style="height:10px; width:200px; text-align:left;" | tsufiev
 +
| style="height:10px; width:200px; text-align:left;" | UI/UX Design
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:200px; text-align:left;" | Travis
 +
| style="height:10px; width:200px; text-align:left;" | TravT
 +
| style="height:10px; width:200px; text-align:left;" | UI/UX Design
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:200px; text-align:left;" | Diana
 +
| style="height:10px; width:200px; text-align:left;" | hurgleburgler
 +
| style="height:10px; width:200px; text-align:left;" | UI/UX Design
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:200px; text-align:left;" | Dan
 +
| style="height:10px; width:200px; text-align:left;" | dank_
 +
| style="height:10px; width:200px; text-align:left;" | Cloud Operations
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:200px; text-align:left;" | Lana
 +
| style="height:10px; width:200px; text-align:left;" |
 +
| style="height:10px; width:200px; text-align:left;" | Docs PTL
 +
|- style="vertical-align:top;"
 +
| style="height:10px; width:200px; text-align:left;" | Shamail
 +
| style="height:10px; width:200px; text-align:left;" |
 +
| style="height:10px; width:200px; text-align:left;" | Product WG
 +
|}
 
<br/><br/>
 
<br/><br/>
 
== UX Achives and Etherpads ==
 
 
=== UX Archive ===
 
[https://plus.google.com/u/0/communities/100954512393463248122 Community Sites (old, in transition)]
 
 
On mobile applications development [http://www.intellectsoft.net/ read more] here.
 
 
 
<br/><br/>
 
<br/><br/>
  
=== UX Discussions at OpenStack Summit Etherpads ===
+
== Helpful Links ==
* [https://etherpad.openstack.org/p/kilo-horizon-ux Kilo Design Summit (Paris, Nov 2014) Horizon-UX Etherpad]  <br />
+
[https://wiki.openstack.org/wiki/HorizonUsability_Testing OpenStack User Research wiki (Landing Page)]
* [https://wiki.openstack.org/wiki/Summit/Juno/Etherpads#Horizon Juno Design Summit (Atlanta, May 2014) Horizon Etherpads]  <br />
 
* [https://wiki.openstack.org/wiki/Summit/Icehouse/Etherpads#Horizon Icehouse Design Summit (Hong Kong, Nov 2013) Horizon Etherpads]  <br />
 
* [https://wiki.openstack.org/wiki/Summit/Havana/Etherpads#Horizon Havana Design Summit (Portland, April 2013) Horizon Etherpads] <br />
 
<br/><br/>
 

Latest revision as of 21:41, 11 January 2019


OpenStack Project UX Horizontal.jpg






NOTE: This page is no longer maintained. If you are interested in UX design and improvements, we would love for you to revive this group! Please send an email to the openstack-discuss mailing list to get started!



Overview of research activities on behalf of the OpenStack community

If nothing else, then review this deck

OpenStack User Experience Mission

The mission of the UX Program is to support and facilitate cross-project efforts to improve the overall user experience of OpenStack. We provide user research to help teams identify any issues preventing adoption of their services as well as help the projects validate design and development efforts to address those issues. In addition, we help the project teams create solutions to address customer needs and pain points. Finally, we will provide the OpenStack community with visibility into any user experience issues related to inconsistency across projects.

OpenStack UX Guidelines

OpenStack user experience and user interface guidelines

Meet the OpenStack personas

UI text guidelines



General Information

UX Program

  • For additional information about OpenStack UX, the programs, team, etc., please refer to the UX Program Proposal.
  • For additional information about UX related programs, please refer to UX Program

Mailing List

  • Please feel free to reach out to us via the openstack developer mailing list (openstack-dev@lists.openstack.org). In the subject, use the tag [UX] and we will be sure to see your question/request.

IRC

  • An additional way to get quick feedback or have a discussion with the UX group is to join the IRC channel on freenode #openstack-ux. If you don't get an immediate response, feel free to ask again later or jump over to using the mailing list!

Meetings

The OpenStack User Experience Team regular meetings

  • Every two weeks (on odd weeks) on Friday at 1500 UTC
  • IRC channel: #openstack-meeting-4
  • Chair: <<No PTL currently>> on #openstack-ux
  • UX wiki: https://wiki.openstack.org/wiki/UX



User Research on Behalf of Community

  • Unfortunately, we're not able to post links to video presentation. However, searching for "OpenStack UX project study results" should get you to our youtube channel.
Month Project/WG Research Method Persona UX Contact Project/WG Contact Status Study Etherpad Presentation
Barcelona Summit API WG Usability Rey Cloud Operator piet cdent Data has been collected etherpad NA
Barcelona Summit OpenStackClient usability Rey Cloud Operator piet Dean Troyer Complete etherpad deck
September App Ecosystem WG Interviews Quinn App Developer uxdanielle krotscheck Complete etherpad NA
November Deployment Interviews and Contextual Inquiry Rey Cloud Operator piet piet Complete etherpad deck
November Swift Interviews Rey Cloud Operator piet piet Cancelled etherpad NA
November OpenStack Foundation website usability Survey Quinn App Developer piet Heidi Cancelled etherpad NA
May App Dev recruitment survey Survey Quinn App Developer piet piet Complete etherpad Ask foundation
July Horizon Usability during OSIC training Quinn App Developer uxdanielle uxdanielle Complete NA deck
July/August Operator Information Needs Interviews Rey Cloud Operator uxdanielle Lana Complete etherpad deck
August/September Quota Management at Production Scale Interviews Rey Cloud Operator piet & uxdanielle shamail Complete etherpad deck
September/October Horizon Horizon/Searchlight Integration validation Quinn App Developer uxdanielle uxdanielle Complete etherpad deck
September/October Architect Information Needs Interviews Adrian Infrastructure Architect uxdanielle Lana Complete etherpad deck



Documentation Priorities

Project/WG Panel/UI/Doc Persona UX Design Contact Project/WG Contact Status link to review
Docs OpenStack GUI guideline Upstream Community Piet Rodrigo and Alexandra Complete https://review.openstack.org/337202
Docs OpenStack persona guideline Upstream Community Piet Rodrigo and Alexandra Complete https://review.openstack.org/326662
Docs GUI text guideline Upstream Community Piet Linette and Gudrun Complete https://review.openstack.org/266449



UX Design Priorities

Project/WG Panel/UI Persona UX Design Contact Project/WG Contact Status Invision link
Horizon Overview App Developers Piet David-Lyle In progress https://invis.io/4V7I5846S
Horizon Quota Managment UI Operators Piet TBD Not started NA
Horizon Horizon UI theme redesign Operators/App Developers Piet TBD Not started NA



OpenStack UX Cores

First Name IRC Handle Focus
David david-lyle UI/UX Design
Piet Piet OpenStack UX PTL
Eric ducttape Cloud Operations
Ju Julim User Research
Matt Borland matt-borland UI/UX Design
Michael hinnant UX Design
Rob robcresswell Horizon PTL
Timur tsufiev UI/UX Design
Travis TravT UI/UX Design
Diana hurgleburgler UI/UX Design
Dan dank_ Cloud Operations
Lana Docs PTL
Shamail Product WG





Helpful Links

OpenStack User Research wiki (Landing Page)