App wingA06

Building mobile apps, from the screens to the servers behind them.

Android and iOS apps, from the interface to the backend it talks to. The wing builds apps that solve real problems people have.

Next class
Members: 11
Classes held: 0

App wing Next class ·

9:41

Nearby

Loading

9:41

Nearby

Empty

Nothing saved yet

Places you save show up here.

9:41

Nearby

Error

Can't reach the server

Check your connection and try again.

9:41

Nearby

Ready · 6

App · orbit 2.64

0.4mi

0.6mi

1.1mi

1.4mi

The screen

Every screen has four states

One screen in its four states. Beginners often build only the fourth, the ready state, and ship it. Users meet the other three too, and each needs care: a loading state that shows progress, an empty state with a way forward, an error state with a way back, a ready state that simply works.

Loading

A loading state that shows progress.

4 states · 1 happy path

The same screen, four times. Three of these states rarely appear in demos, but every user sees them. Designing all four is the work.

The tree · Layout inspector · Nearby / card

A screen is a tree of boxes

A screen is built from a tree of boxes, each one measured and placed. The layout inspector shows that tree. Select a box to see it on the screen. When one box changes size, the boxes above it are measured again.

Node: Card
Depth: 3
Children: 1
Note: 375×84

depth 6 · 9 nodes · 2 re-measured

Subtitle grows to a second line, and the boxes the inspector flags measure again: Card and Subtitle, each marked ↻.

Events

Best known for

Camazotz

6hours

Six hours in two halves. For the first three, teams build the worst interface they can that still works: poor contrast, hidden buttons, confusing navigation. Then teams swap projects and spend three hours fixing another team's work without rebuilding it.

CodeUI.apk

A mobile UI sprint. Take a checklist of components or an app idea and turn it into a polished interface that does not need to work. Use Kotlin with XML or Compose, or SwiftUI. Judges look at creativity, looks and whether a person could find their way around it.

Appophilia

Build a fully working app on one of five given APIs. Since everyone has the same data sources, teams compete on the idea, the usability and how well the app holds up when someone else uses it.

Files