Uploaded image for project: 'Qt Design Studio'
  1. Qt Design Studio
  2. QDS-13101

Define UX Concept for Figma Plugin

    XMLWordPrintable

Details

    • Epic
    • Resolution: Duplicate
    • Not Evaluated
    • None
    • None
    • Figma To QML
    • 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

      Attachments

        No reviews matched the request. Check your Options in the drop-down menu of this sections header.

        Activity

          People

            guilhermeanjos Guilherme Anjos
            hpaulaha Heikki Paulaharju
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:

              Gerrit Reviews

                There are no open Gerrit changes