Back to Freecodecamp

Task 2

curriculum/challenges/english/blocks/learn-how-to-share-progress-and-accomplishments/6610041a61d5ec13feffff07.md

latest2.1 KB
Original Source
<!-- (Audio) Sarah: Sure. This week, I worked on the user interface design. I designed a new layout for the app, and I created some mockups to show how it will look. -->

--description--

An interface in technology, especially in apps or websites, is the part that people interact with. It's like the front of a TV that has buttons and a screen.

A mockup is a model or a draft of something. In design, it's like drawing a sketch of a room before you decorate it to see how it might look.

--fillInTheBlank--

--sentence--

Sure. This week, I worked on the user BLANK design. I designed a new layout for the app, and I created some BLANK to show BLANK it will look.

--blanks--

interface

--feedback--

In this context, it refers to the part of the app that users will see and interact with.


mockups

--feedback--

They are preliminary models or drafts used to give an early idea of what the final product will look like.


how

--feedback--

It is used to introduce a way or manner, in this case, explaining the app's design.

--scene--

json
{
  "setup": {
    "background": "company1-boardroom.png",
    "characters": [
      {
        "character": "Sarah",
        "position": {
          "x": 50,
          "y": 0,
          "z": 1.4
        },
        "opacity": 0
      }
    ],
    "audio": {
      "filename": "8.1-1.mp3",
      "startTime": 1,
      "startTimestamp": 5.12,
      "finishTimestamp": 12.86
    }
  },
  "commands": [
    {
      "character": "Sarah",
      "opacity": 1,
      "startTime": 0
    },
    {
      "character": "Sarah",
      "startTime": 1,
      "finishTime": 4.12,
      "dialogue": {
        "text": "Sure. This week I worked on the user interface design.",
        "align": "center"
      }
    },
    {
      "character": "Sarah",
      "startTime": 4.62,
      "finishTime": 8.74,
      "dialogue": {
        "text": "I designed a new layout for the app and I created some mockups to show how it will look.",
        "align": "center"
      }
    },
    {
      "character": "Sarah",
      "opacity": 0,
      "startTime": 9.24
    }
  ]
}