All information is tracked by the User Experience Design Team.
- Design Links
- Information Architecture
- HTML/CSS Code Guidelines
Design Links
Home Page: https://uxd.fabric8.io/
License: Apache License 2.0
All information is tracked by the User Experience Design Team.
Personas: UX
As the UX designer of this feature, I should be need to understand user, product + dev needs and limits so that I can establish requirements and goals to design to.
Verification Considerations:
User needs are understood
Competitive research has been conducted
UI + Product Trends have been captured
Interviews, site visits, etc, as needed, have been conducted.
Requirements have been established + agreed upon by stakeholders
Materials/Artifacts have been posted to InVision for commenting + reference in JIRA + GIT.
JIRA ISSUEs:
https://patternfly.atlassian.net/browse/RHUAP-419
https://patternfly.atlassian.net/browse/RHUAP-437
Linked to:
Define validation criteria for:
Persona: PM/PO
Aa a PM or PO using ALM, I want to be able to create and view, a list of work items, so that I can create work for the team, see the status of the work item.
Verification Criteria:
User can created, edit and remove a work item, immediately upon logging in, with no questions.
InVision Designs:
UI: https://redhat.invisionapp.com/share/VW8E0F2DY
Menus: https://redhat.invisionapp.com/share/WB8FNVPYE
Personas: All
As a user of the ALM tool, I should be able to establish a relationship to another work item, via a URL.
Experience 1603E131
JIRA Issues:
Discovery: https://patternfly.atlassian.net/browse/RHUAP-316
Story: https://patternfly.atlassian.net/browse/RHUAP-334
Link to almighty-ui: fabric8-ui/fabric8-planner#69
Corresponding UXD JIRA Story: RHUAP-400
divider for issues submitted by almighty ux vs user submissions.
As a User, I want to have the labels / tags configured with a predefined set of colors and fields.
For example, refer to https://robinpowered.com/blog/best-practice-system-for-organizing-and-tagging-github-issues/
There is no consistency in the URL design in the router. These are the URL end points in the code: login
, work-item-list
, board
, quick-add/:id
, detail/:id
For some inspiration of URL design, look at Github issue tracker where this issue is reported.
Do the naming conventions in the URLs need to either match the page titles or be specific to the area that a user is currently in?
As a user, I want to be able to view the ALMighty UI on a multitude of devices. In order to do so, the interface must scale properly, depending on the size of the device's viewport.
A base determination for responsive sets needs to be determined in order for the initial UI release to be usable on more than the desktop platform.
Existing JIRA Story: https://patternfly.atlassian.net/browse/RHUAP-264
These are the default media queries in PatternFly:
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }
/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }
/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }
Personas: All
As a user of the ALM tool, I should be able to establish a relationship to another work item, via a URL.
Experience 1603E131
InVision Prototype:
https://redhat.invisionapp.com/share/XT8V1XO7H
JIRA Issues:
Discovery: https://patternfly.atlassian.net/browse/RHUAP-316
Story: https://patternfly.atlassian.net/browse/RHUAP-334
Dev Core:
fabric8-services/fabric8-wit#307
Example of current known global errors:
backend is not reachable
Example of local errors:
required field not filled out
validation errors
Existing JIRA Story: https://patternfly.atlassian.net/browse/RHUAP-297
Previous conversation from the UI Issue (since removed):
5 days ago:
Monica: Quick ?... are the errors all being stored in one resource file? This can be an easy way to track and edit them easily... anyone have any know on this?
2 days ago:
Michael Kleinhenz: @Mgranfie you mean the text of the errors? That's possibly a more global thing, because we might do this for all text in the application and in connection to i18n. But this is an ongoing discussion right now. On tech as well as product level. So, short answer: we don't know yet. But assume yes for now.
Link to almighty-ui issue: fabric8-ui/fabric8-planner#72
As part of the overall Almighty experience, developers will be able to open a story and proceed to develop off of that story right in a web IDE.
For this story, the following needs to be determined:
As a user, I want to be able to view the items in my list on my mobile (phone type TBD) device. This view will need to progressively scale up to a tablet and then desktop device (separate stories to follow).
Initial InVision Prototype: https://redhat.invisionapp.com/share/XB8HFYE6J
Once the design is finalized, this Issue will be updated.
Link to almighty-ui: fabric8-ui/fabric8-planner#24
As the UX designer I need to create wireframes to communicate product concepts around main use case scenarios and interactions, to the team and stakeholders, as well as, use to gain user feedback to vet the designs and annotate for QE.
Verification Criteria
Wireframes have been annotated for navigation, behaviors and interaction, relating back to the work flows and scenarios.
Wireframes have been reviewed and vetted by * * UX team, Dev Team and users (when possible)
Wireframes have been posted to InVision for commenting + reference in JIRA + GIT.
Completion and links have been posted to ALMighty Slack, HC + email channels
InVision Link:
https://redhat.invisionapp.com/share/UC96TAOWH
JIRA Link:
https://patternfly.atlassian.net/browse/RHUAP-447
As a user, I want to be able to add a new item (quickly) to the list view. This needs to follow the mockups in the InVision prototype linked below, as well as the PDD (finalization to come).
Initial InVision Workflow + Design:
https://redhat.invisionapp.com/share/KY8LXF5QV
Link to almighty-ui: fabric8-ui/fabric8-planner#25
This is with reference fabric8-services/fabric8-wit#304
We wanted to confirm that
Can you confirm the below changes that need to be done to the PatternFly login screen for ALM:
Questions:
Refer to fabric8-services/fabric8-wit#297
We need the UX defined around:
Persona: PM/PO
Aa a PM or PO using ALM, I want to be able to create and view, a list of work items, so that I can create work for the team, identify the type of work item and see the status of the work item.
Verification Criteria:
User can create, edit and remove a work item, immediately upon logging in, with no questions.
Corresponding UXD JIRA Story: RHUAP-204
InVision link: ALM_AddWorkItem_DT_Visuals
Personas: UX
As the UX designer of this feature, I should be need to understand user, product + dev needs and limits so that I can establish requirements and goals to design to.
User needs to be able to:
Be able to discover how to edit the Project and what is editable and if it is not why.
What attributes are editable.
Where is a project edited?
Verification Considerations:
User needs are understood
Requirements have been established + agreed upon by stakeholders
Future Questions:
Can you Delete > yes with confirmation, type in the name of the project you want to delete.
Can you Edit > Yes P2
What is Editable and what is permission based editing?
Dates? yes can be assigned, are optional? This would mean cross checking against the iterations.
JIRA Link:
https://patternfly.atlassian.net/browse/RHUAP-486
Personas: UX
As the UX designer of this feature, I should be need to understand user, product + dev needs and limits so that I can establish requirements and goals to design to.
User needs to be able to:
Be able to discover how to edit the Project and what is editable and if it is not why.
What attributes are editable.
Where is a project edited?
Verification Considerations:
User needs are understood
Requirements have been established + agreed upon by stakeholders
Future Questions:
Can you Delete > yes with confirmation, type in the name of the project you want to delete.
Can you Edit > Yes P2
What is Editable and what is permission based editing?
Dates? yes can be assigned, are optional? This would mean cross checking against the iterations.
JIRA lInk:
https://patternfly.atlassian.net/browse/RHUAP-486
Create a UXD Plan that captures the discovery & definition phases of this project.
Verification criteria:
Personas: UX
As the UX designer of this feature, I should be able to understand the need of the user, product + dev needs and limits so that I can establish requirements and goals to design to.
Verification Considerations:
JIRA Issues:
Discovery: https://patternfly.atlassian.net/browse/RHUAP-315
Story: https://patternfly.atlassian.net/browse/RHUAP-333
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.