Chapter 2. Designing the user interface

 

The chapter 1 apps were simple, but they taught you a lot about how the different parts of App Inventor fit together. In this chapter, you’ll build on this to make apps that look fun and do interesting things using graphics and sound. The basic app you’ll make is called Getting to Know Ewe. Prod the sheep, and it makes a cute “baa!” sound. You’ll then improve the app to make the sheep disappear in fright if you shake the phone—an app called Ewe Scared Her!

People choose to download apps because the apps do something useful, look attractive, and are as easy to use as possible. The “doing something useful” bit is what this book is all about. This chapter focuses on the second two aspects—making an app that looks attractive with a really simple user interface.

What is a user interface?

One of the most popular Android game series is Angry Birds by Rovio. Angry Birds does something useful: it provides challenging puzzles (plus you get to blow stuff up). This isn’t the only reason it’s popular though—a lot of work has gone into the user interface.

Using the Designer to make a UI

Speeding along: built-in components

Getting to Know Ewe app

Extra challenge: Ewe Scared Her! app

What did you learn?

Test your knowledge

Try it out

sitemap