Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Preview
Video Player
00:00
00:00
00:00
- 2x 2x
- 1.75x 1.75x
- 1.5x 1.5x
- 1.25x 1.25x
- 1.1x 1.1x
- 1x 1x
- 0.75x 0.75x
- 0.5x 0.5x
Review the design of an iOS app then brainstorm and implement ideas to improve the layout.
This video doesn't have any notes.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
[MUSIC]
0:00
Hi, I am Hope.
0:09
In this practice session,
you'll practice redesigning a layout.
0:11
I'll present you with
an existing design and
0:15
I encourage you to experiment
with improving the layout.
0:18
Here's a design from mobile iOS app.
0:22
It's a tool for grade school
teachers to use in the classroom.
0:25
The viewer seeing here
is the list of classes.
0:30
Each card shows a summary of
information about the class, and
0:33
users can click through
to see the class details.
0:37
At the bottom, there's a list of
buttons that link to the other views.
0:40
The people screen displays
all the students and parents.
0:44
The tool screen displays
various classroom tools, and
0:47
the messages screen provides a way for
everyone to communicate.
0:51
Let's focus on redesigning the classes
screen as it's the main view in the app.
0:55
Do you see anything that's confusing?
1:01
How might you improve the layout?
1:04
Download the project files and
you'll see a couple of Figma files.
1:06
Open the file that's labeled before and
make the improvements.
1:10
If you haven't used Figma yet,
you can open a free account.
1:15
When you have a solution,
check out the next video and
1:19
I'll share the improvements I made.
1:21
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up