Layout: Before1:24 with Hope Armstrong
Review the design of an iOS app then brainstorm and implement ideas to improve the layout.
[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 up