Details
-
Epic
-
Resolution: Duplicate
-
Not Evaluated
-
None
-
None
-
None
-
Define UX Concept for Figma Plugin
Description
- Why (Value to user) Designers need to be able to test their design early and often on the actual target device, in order to create good user experience of the application or feature they are working on.
- What (Scope)
- Ability to see what a Figma design project will look like in code on target device (graphics - still and motion)
- Ability to test user flows and key functionality (test logic, functions and transitions between screens)
- Integration to other domains (Figma plugin, Live Preview, Qt FW)?
- Priority
- Which milestone the epic will be delivered
USER STORY / TASKS
1.benchmark of competing plugin solutions UX
2. Identify and define core features / user flows
-
- Export Figma prototype (inc. logic/flow) to a live preview for validation
- Figma file or animation running QML code preview
- able to interact with preview prototype
- preview logic / user flow
- export/import
- Troubleshooting / Error states
- save /cancel flows
- formatting options (resolution/dpi etc)
- setting up the project (to match target device templates)
- Export of select/single items or components
- workshop with power-users US TA Designers
- wire-frames for all core user flow
- Research: technical limitation in terms for getting Figma protos to work in QML code
3. Research: make it simple to to run QML code on a target device
-
- Android player? download player be able to run web assembly based QML build.
- Android and Linux
- create prototype that can run with real code on a target device
- Testing QML prototype on actual target device (browserstack.com)
4. Research: Validate Figma workflows with customers using Figma/QML (designers + front-end dev) potentially allow full stack developers to do a better job with front-end dev. Select customers contacts like Cisco, Remarkable.
Flesh out use cases:
- Full user flows
- user story 1: Validating and testing concept designs (live preview)
- Flows & graphics
- On target devices or simulator (reference hardware)
- export graphics to run on a target device
- import graphics/functionality to run on target device
- user story 2: Verify designs
- Functional looking/functional as intended
- Performance, frame rates, pixels, loading times -> snappy and responsive
- Troubleshooting
- Error states
- What are the example projects that could be in the scope
Other issues to take care of
- Setting up the project to meet constraints/requirements: Determine the decision point
- MCU or MPU
- Component library that is used (chipset)
- Support multiple Qt versions
- Select the Qt version (5.6 and onwards?)
- Show what the user can/cannot do
- Notifications
- What can be supported
- Controls
- Lists
- Dynamic data
- Short animations (for ex ADAS)
- Commenting - is it needed
For later releases
- Accessibility
- Usability testing – WalkMe plug-in? Chatbot for Norman Nielsen AI heurisitics?
- Integration with popular services for prototyping/testing on target devices (AWS cloud services for virtual devices or simple order HW and displays)
Miro board of the whole ideation:
https://miro.com/app/board/uXjVK49VSVI=/?share_link_id=935237555038