comprendere.yaml

# INSTRUCTIONS
# folder structure:
# levelX.yaml < contents and settings
# levelX/ < folder with childrens
# important: each level has its dedicated template, from level1 to level4
#
# comments:
# #C to locate all editable content
# #M for links/navigation
# #I for images/media
# #AUTO for parts that will soon be automated, preferably
#
# comment with # to hide something
# delete with caution

# ————————————————————————————————————————————
# CREATEPAGE GATSBY
# ————————————————————————————————————————————
metadata:
  template:
    name: level2

# ————————————————————————————————————————————
# SEO, OPENGRAPH
# ————————————————————————————————————————————
seo:
  name: Comprendere - Designers Italia #C REMIND "- Designers Italia" #AUTO
  description: "Comprendi il contesto d'uso del servizio: studia gli scenari di fruizione con l'analisi e la ricerca utente." #C
  image: null #I
  canonical: null
  pathname: /risorse-per-progettare/comprendere/ #M

# ————————————————————————————————————————————
# NAV - PRE FOOTER
# ————————————————————————————————————————————
# navPreFooter:
#   navOtherPrevNext:
#     prev:
#       label: Titolo sorella precedente #C
#       url: "#" #M
#       # image: /images/link-custom-icon.svg #I
#       blank: false
#       specular: false
#       icon:
#         icon: "sprites.svg#it-arrow-left"
#         size: "sm"
#         align: "middle"
#         color: "primary"
#         hidden: true
#         addonClasses: flex-shrink-0 me-3
#     next:
#       label: Titolo sorella successiva #C
#       url: "#" #M
#       # image: /images/link-custom-icon.svg #I
#       blank: false
#       specular: true
#       icon:
#         icon: "sprites.svg#it-arrow-right"
#         size: "sm"
#         align: "middle"
#         color: "primary"
#         hidden: true
#         addonClasses: flex-shrink-0 ms-3

# ————————————————————————————————————————————
# CONTENT
# ————————————————————————————————————————————
components:

  # ///////////////////
  # HERO
  # ///////////////////
  hero:
    background: light
    title: Comprendere #C
    subtitle: "Comprendi il contesto d'uso del servizio: studia gli scenari di fruizione con l'analisi e la ricerca utente." #C
    tag:
        label: Fase di progettazione  #C
        addonClasses: mt-3 text-uppercase
    pretext:
      icon:
        icon: sprites.svg#it-help-circle
        size: sm
      text: In breve
    text: | #C
      Con la fase di comprensione, **acquisisci consapevolezza del contesto** in cui si colloca il servizio digitale, **esplorando i processi e gli attori coinvolti per progettare l’esperienza d’uso** dal punto di vista delle persone che lo utilizzano. Grazie ai kit dedicati puoi **identificare figure ed elementi** coinvolti nell’erogazione del servizio pubblico, **organizzare e condurre una ricerca utente e definire i profili delle persone che lo utilizzano** e il modo in cui si relazionano al servizio.
    img: /images/risorse-per-progettare/icons/comprendere-large.svg #I
    alt: "" #C
    imgRatio: 4x3

    # KANGAROO: METADATA
    kangaroo:
      id: kangarooHero
      titleSr: Metadati e link per approfondire
      tagsLabel: Parliamo di
      color: secondary
      icon:
        icon: sprites.svg#it-horn
        size: sm
        color: secondary
      tags: [Analisi del contesto,Interviste utente,Esperienza utente]

      # KANGAROO: CHILDREN SHORTCUTS
      dropdown:
        btnId: dropdownKang
        button:
          addonStyle: dropdown-toggle btn-dropdown
          label: Scopri i kit di questa fase #C
          iconRight: true
          icon:
            icon: sprites.svg#it-expand
            size: sm
            color: primary
            addonClasses: icon-expand ms-2
        list:
          listItems: #M
            - url: "analisi-del-contesto/"
              label: Analisi del contesto #C
            - url: "interviste-soggetti-coinvolti/"
              label: Interviste soggetti coinvolti #C
            - url: "esperienza-utente/"
              label: Esperienza utente #C
            - url: "questionario-online/"
              label: Questionario online #C

  # ///////////////////
  # SECTION EDITORIAL
  # ///////////////////
  # sectionsEditorial:

  # ///////////////////
  # HIGHLIGHT WITH CARDS
  # ///////////////////
  highlightCards:
    id: HC1
    title: Esplora e usa i kit di design #C
    text: #C
    col4: false
    noSpace: false

    # CARDS
    cards: # AUTO?

      # CARD CHILDREN
      - title: Analisi del contesto #C
        imgRatio: 16x9
        iconImg: /images/risorse-per-progettare/icons/kit_analisiContesto.svg #I
        iconImgAlt: "" #C
        text: "Identifica i principali elementi che fanno parte dell’erogazione del servizio e le loro interdipendenze" #C
        titleSmall: false
        fullHeight: true
        url: "analisi-del-contesto" #M
        tag:
          label: Kit di design #C

       # CARD CHILDREN
      - title: Interviste soggetti coinvolti #C
        imgRatio: 16x9
        iconImg: /images/risorse-per-progettare/icons/kit_interviste.svg #I
        iconImgAlt: "" #C
        text: "Intraprendi conversazioni costruttive con tutti gli attori coinvolti nel contesto di servizio" #C
        titleSmall: false
        fullHeight: true
        url: "interviste-soggetti-coinvolti" #M
        tag:
          label: Kit di design #C

        # CARD CHILDREN
      - title: Esperienza utente #C
        iconImg: /images/risorse-per-progettare/icons/kit_esperienzautente.svg #I
        imgRatio: 16x9
        iconImgAlt: "" #C
        text: "Identifica le personas e la loro esperienza d'uso (UX) di un servizio digitale" #C
        titleSmall: false
        fullHeight: true
        url: "esperienza-utente" #M
        tag:
          label: Kit di design #C

        # CARD CHILDREN
      - title: Questionario online #C
        imgRatio: 16x9
        iconImg: /images/risorse-per-progettare/icons/kit_questionario.svg #I
        iconImgAlt: "" #C
        text: "Svolgi un’indagine per raccogliere informazioni utili sul punto di vista degli utenti" #C
        titleSmall: false
        fullHeight: true
        url: "questionario-online" #M
        tag:
          label: Kit di design #C


  # ///////////////////
  # SECTION EDITORIAL
  # ///////////////////
  sectionsEditorial2 :

    # # —
    # # IMG FULL COVER
    # # —
    # - menu: false #TOGGLE RIGHT SECTION INDEX
    #   background: null
    #   full: true
    #   noSpace: true
    #   components:
    #     # IMG
    #     - name: ImageIcons
    #       image: /images/image-icons-fullwidth.jpg #I
    #       alt: Descrizione immagine grande #C

    # —
    # EDITORIAL #C #I
    # —
    - title: Adottare un approccio con la persona al centro
      background: null
      menu: false
      centered: true
      # noSpace: true
      text: | #C
        Comprendere le necessità per progettare servizi pubblici digitali migliori
      components:

        # TXT BLOCK
        - name: TextImageCta
          title: Come approfondire i comportamenti delle persone e coinvolgerle nella progettazione #C
          text: | #C
            **Capire, studiare e approfondire i comportamenti, le necessità, i desideri e le  aspettative di una persona** rispetto a come utilizza un servizio pubblico rende più facile creare **soluzioni che riducono le disuguaglianze e sono adatte a tutte le persone.**

            Con questo approccio, chi progetta servizi pubblici entra in contatto diretto con i destinatari, e può **identificare criticità e opportunità** per creare interfacce accessibili e conformi ai criteri di usabilità.

            Inoltre, **coinvolgere le persone** nelle fasi di progettazione del servizio rende più facile e veloce prendere decisioni e validare i risultati ottenuti.