Guideline 4.0
Guideline 4.0 - Design: Crowded or Poor Layout
Our Take
Apple found that one or more screens in your app are crowded or laid out in a way that makes it difficult to complete tasks. This typically means too many elements are packed onto a single screen, buttons are too small to tap accurately, spacing between elements is insufficient, or the visual hierarchy does not guide users through the intended flow. Apple expects apps to be simple, refined, and easy to use. One common cause is that your app was designed for iPhone, but reviewers tested on an iPad that compressed some of the elements or caused them to overlap. Because reviewers almost always test on an iPad, you should ensure that your app design works in iPad compatibility mode, which scales them up or displays them in a 1x/2x windowed mode.
Resolution Guide
**Audit the flagged screens** — Identify which screens Apple mentioned (check the rejection email or Resolution Center). Take screenshots and mark the problem areas.
**Increase tap target sizes** — Apple’s HIG recommends a minimum 44×44 point tap target. Use Accessibility Inspector or `.contentShape(Rectangle())` in SwiftUI to verify.
**Add whitespace** — Increase padding between elements. Use at least 16pt spacing between interactive elements and 8–12pt between related content blocks.
**Break up dense screens** — Split overloaded screens into multiple views or use a drill-down navigation pattern. For settings, group related options into sections using `List` with `Section` headers.
**Establish visual hierarchy** — Use font size, weight, and color to create clear levels: title → section header → body → caption. Not everything can be bold or large.
**Use progressive disclosure** — Show only the most important actions on the main screen. Move advanced options behind a “More” or “Advanced” section.
**Test with real users** — Watch someone use your app for the first time. If they struggle to find a button or accidentally tap the wrong thing, the layout needs work.
**Mention specific changes in reviewer notes** — When resubmitting, describe exactly which screens you improved and how.
Example Rejection Email
Consider Appealing
Appeals are not recommended for this rejection — it is subjective but Apple reviewers rarely reverse layout judgments. Focus on fixing the flagged screens. If you genuinely believe the layout is clean, attach annotated screenshots showing tap target sizes and spacing measurements.
Before & After
// Crowded: all options on one flat screen with tiny spacing
VStack(spacing: 4) {
ForEach(allSettings) { setting in
Button(setting.title) { toggle(setting) }
.font(.caption)
.frame(height: 30)
}
}
// Organized: grouped settings with proper spacing and tap targets
List {
Section("Account") {
NavigationLink("Profile", destination: ProfileView())
NavigationLink("Notifications", destination: NotificationsView())
}
Section("Preferences") {
Toggle("Dark Mode", isOn: $darkMode)
Picker("Language", selection: $language) { ... }
}
Section("Advanced") {
NavigationLink("Data & Storage", destination: DataView())
NavigationLink("Privacy", destination: PrivacyView())
}
}
What changed: Replace a flat list of tiny buttons with a grouped List using Section headers. Each row is a full-width tappable area with standard 44pt height, and related settings are organized by category.
Community Solutions · 0
Sign in to share your solution.
More Guideline 4 (Design) rejections
- Guideline 4.0 - Design: App Does Not Include iOS Features
- Guideline 4.0 - Design: App Looks Like a Website
- Guideline 4.0 - Design: Apple Pay Button Not Following Guidelines
- Guideline 4.0 - Design: Blurry Icons or Low-Resolution Assets
- Guideline 4.0 - Design: Broken Layout on iPad
- Guideline 4.0 - Design: Content Clipped by Notch or Safe Area