Abschnittsübersicht

  • Course overview

    Alles einklappen Alles aufklappen

    BASIC GRAPHICAL USER INTERFACE 2020

     

    Interface study to record physio therapeutic interventions

    Knowledge of health-related assessments and interventions is an elementary resource for health professionals and other interest groups, such as scientists. This knowledge should be made accessible to all who want to access it with a legitimate interest. In the area of ​​therapeutic interventions in particular, however, there is a deficit of clearly structured, accessible information. The descriptions are too imprecise to understand which therapies the patients have received or which elements they have been composed of. Due to the inaccuracy, valuable information is lost in order to better adapt the interventions to the target group. The interface study is based on the international classification for health interventions of the WHO.

    Period

    5th of May – 5th of June 2020

    Lecturers

    Internal
    Prof. Jürgen Späth
    Martin Dušek
    External
    Caroline Pieracci Lead Content Strategy http://www.liip.ch

    Cooperation partner

    Zürcher Hochschule für angewandte Wissenschaften

    Institut für Physiotherapie

    Dr. Christoph Bauer

    Milestones

    Tue 5th of May 2020: Project briefing
    Tue 19th of May 2020: Mid-presentation
    Thu 4th of June 2020: Final presentation
    Mon 8th of June 2020: Deliverables on filer server


    Double Diamond


    Phase

    Discover 

    The first diamond helps people understand, rather than simply assume,
    what the problem is. It involves speaking to and spending time
    with people who are affected by the issues.

    – Desk Research, Field research, Interviews, extremely users interviews

    Define

    The insight gathered from the discovery phase can help you to define
    the challenge in a different way.

    – Brainstorming, Mind Mapping, Sketching, etc.
    – Take one or more of the above methods to rethink the scenario.
    – Be "wild" and come back with innovative and striking solutions
       of which you hadn't thought of before.

    Wireframe Screen Flow Diagram, Mood board
     – Draw individual screen wireframes that are connected with each
       other to show the flow in your application. Traditionally,
       the mood board is a big collage consisting of photos, apps, texts,
       illustrations and other materials that show the look and feel.
       The mood board shows links between the things and supports
       the imagination of new ways.

    Design GUI
    – Using the mood board, a skin for the application is developed.
       Software: Figma, Photoshop, Illustrator, Sketch, Adobe XD etc.

    Click-Dummy
    – A clickable mockup of the final UI. Software: Figma, Flinto, Framer,
       Origami, Invision, Principle, Flinto, Adobe XD etc.


    Develop

    The second diamond encourages people to give different answers
    to the clearly defined problem, seeking inspiration from
    elsewhere and co-designing with a range of different people.

    User-test
         – The Click-Dummy is tested with three test users that solve
       a typical exercise. They are filmed and asked to think aloud while
       using the app.

    Deliver

    Delivery involves testing out different solutions at small-scale,
    rejecting those that will not work and improving the ones that will.


    Groups

    Group 1
    Alec Nikolov
    Kimon Aris Apeltsotou
    Miriam Mai Watanabe

    Group 2
    Kilian Ettlinger
    Mathias Thomsen
    Sonia Tao

    Group 3
    Alessia Wiss
    Andreas Waldburger
    Nicola Delany

    Group 4
    Baran Güneysel
    Daniela Andrea Spühler
    Nemo Brigatti

    Group 5
    Aathmigan Jegatheeswaran
    Gian Huber
    Ramona Elisabeth Rüttimann

    Group 6
    Celina Springer
    David Wollschlegel
    Tim Fuchs


    Attendance

    In the contact hours a minimum attendance of 80% is required
    to pass the module. Contact hours: classes, kick-off,
    input session, mentoring, presentation.

    Task

    The task is to develop a user interface that makes it possible
    to enter the intervention components as simply
    and efficiently as possible.


    Setting

    The digital transformation increases the chance to decode
    the black box interventions:  Digital techniques can
    be used to structure and analyze information. For this purpose,
    a digital knowledge database for therapeutic
    interventions is being developed. It should later include
    examination results, intervention components and
    possible influencing factors such as the age of the individual
    patient. The structured recording of the intervention
    components should be based on the international classification
    for health interventions (ICHI) of the WHO. 


    Resources

    MU - Muscle functions

    Selection of ICHI content (made by Christoph)
    Download XLSX-File

    Additional information to the Kick-Off (made by Christoph)
    Download PPTX-File


    Deliverables

    See the IAD documentation guidelines for the standard material.

    Documentation; format: PDF
    Video / Screencast; add the IAD intro and closing credits to your videos
    Images (Screenshots & Usage Scenarios); approx. 10 representative images of the project
    Text (project title, short description, project description)
    Click-Dummy

    All deliverables have to be uploaded to the filer until Monday 08.06.2020 at 9 am.

    Grading

    Grades will be based on final presentation, final work and deliverables.

    Final presentation: 20%
    Final work (Concept, GUI, Click-dummy): 50%
    Deliverables: 30%

    Mentoring vs. Atelier Visit

    Mentoring

    Mentoring is mandatory. In a mentoring, we expect you to show
    us specific things which are defined in before-hand.
    Prepare yourselves and use the given time in the best possible way. 

    Atelier Visit

    Atelier Visits are voluntary. If you have questions and/or
    want to have feedback on certain things, you can be present
    in the group zoom rooms at the defined period of time. The mentors
    will just pop by. We recommend to use those chances to get
    specific feedback on your project.

    Presentation

    If you choose to share your screen to show either keynote slides
    or Figma prototypes during a presentation, please end
    the screen sharing as soon as you're done. It's better to talk to each
    other in the «gallery view».


  • Week 1 | 5. – 8. May


    • Week 1

      In the first week, we start with a kick-off, where you get to know the topic
      of this year's Basic GUI module. Furthermore, our collaboration
      partner Dr. Christoph Bauer, head of research group «Bewegungslabor»
       at the ZHAW. You will start working in groups via online collaboration
      tools (Figma) and diving into the world of physiotherapy by interviewing
      important stakeholders.


    • Tuesday

      Kick-Off

      Tuesday, 5. May 2020, 09:00–09:45

    • zoom icon
      Kick-Off Zoom Meeting

    • Kick-Off with cooperation partner

      Tuesday, 5. May 2020, 10:00–10:45

      (We use the same Zoom URL as before.)

      Interview Input

      Tuesday, 5. May 2020, 11:00–12:00
      Please read the following PDFs before start working!

      https://paul.zhdk.ch/pluginfile.php/70190/mod_label/intro/DIGITAL_INNOVATION_PLAYBOOK_INTERVIEW.pdf
      https://paul.zhdk.ch/pluginfile.php/70190/mod_label/intro/TALKING_TO_HUMANS.pdf

      Task

      Please read the following PDF and draw your super heroes
      and super villains with their cool names.
      Present them to each other and place them on your
      Figma whiteboard. See on page 59 in PDF.

      https://paul.zhdk.ch/pluginfile.php/70190/mod_label/intro/DIGITAL_INNOVATION_PLAYBOOK_TEAMWORK.pdf

    • Input Screen Design in Figma

      Tuesday, 05. May 2020, 13:00–13:45

      Introduction to the basics of the collaborative interface design tool: Figma.
      (We use the same Zoom URL as before.)



      Individual exercise for next week, Tuesday 12.05.20 at 09:00

      Design in Figma a wireframe kit for tablets including:
            • 2 text styles (H1, p), using one «neutral» font
            • 2 button styles (2 different hierarchies)
            • Image placeholder
            • Main navigation
            • Unsorted list + Accordion
            • Drop-Down Menu

      The wireframe kit must be black/white/grey (no additional colors).


    • url icon
      THE LAWS OF SIMPLICITY by John Maeda Link/URL

      Please listen to the podcast "LAWS OF SIMPLICITY" by John Maeda and document the 10 laws of simplicity in your documentation. 

    • Wednesday

    • Q & A with Dr. Christoph Bauer

      Post your questions to Dr. Christoph Bauer here.
      They will be answered in the Q&A Session
      on Wednesday, 06.05.2020 at 13:00.

      https://docs.google.com/document/d/1bOtm829-6zFtVZ_xqDNGp0CT3QFgcuzyQwl9BPi20GE/edit?usp=sharing

      Recording of the Q & A session

      We all agreed on the session being recorded. If you'll use the material in a publication or quote a statement being made, please let the individuals  know in before-hand.

      ,



    • Task: Prepare for interviews

      Each group sends a PDF to their interview partner (and to Jürgen, Martin and Christoph)
      Deadline: Wednesday, 06.05.2020 at 18:00

      Content:
      - Names of the students
      - Contact emails and at least one telephone number (only for emergencies)
      - Starting time of the interview (duration: 30min)
      - Zoom link and password
      - Catalogue of questions

      Project idea
      (Your interview partners have this informations as well, but it's not 100%
      sure that they have read it.)

      Interview partners

      Group 1:
      07.05.20 at 13:00 – Emanuel Brunner; emanuel.brunner@ksw.ch
      08.05.20 at 10:00 –       Anne-Kathrin Rausch-Osthoff; rauh@zhaw.ch

      Group 2:
      07.05.20 at 09:20 – Tiziana Grillo; gtna@zhaw.ch
      07.05.20 at 10:30 – Jeanette Saner; seat@zhaw.ch

      Group 3:
      07.05.20 at 10:00 – Julia Gugenhahn; julia.gugenhahn@rbk.de
      07.05.20 at 13:00 – Hannu Luomajoki; luom@zhaw.ch

      Group 4:
      07.05.20 at 09:00 – Fabian Pfeiffer; pfer@zhaw.ch

      Group 5:
      07.05.20 at 12:00 – Martin Huber; hubr@zhaw.ch

      Group 6:
      07.05.20 at 10:00 – Rebekka Leonhardt; rebekka.leonhardt@rbk.de
      11.05.20 at 13:30 –       Patricia Iten; iten@physiowerkaadorf.ch

    • Friday

    • Input example methods for the discovery phase
      Universal_Methods_of_Design_ Exploration.pdf


      Further readings

      The content is mixed in language, i.e. there are pages
      in English and pages in German.

      Persona
      User Journey
      Stakeholder Map

  • Week 2 | 12. – 15. May


  • Week 3 | 19. – 22. May


  • Week 4 | 26. – 29. May


  • Week 5 | 2. – 5. June