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
Start a free Courses trial
to watch this video
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