Design history · 19 years of design

iPhone evolution:
every model, 2007 to 2026

The iPhone has evolved through four design eras since 2007: the home-button era (iPhone to iPhone 8), the notch era (iPhone X, 2017), the flat-edge and Dynamic Island era (2020–2024), and the thin-and-foldable era that began with the 5.6 mm iPhone Air (2025) and the foldable iPhone Duo (2026). Screens grew from 3.5 to 6.9 inches.

By , FounderUpdated 11 min read

Share

Quick answer: How has the iPhone changed since 2007?

  1. 2007–2017, home-button era — the original 3.5-inch iPhone set the template: one button, glass front, multi-touch.
  2. 2017, the notch — iPhone X removed the home button and replaced Touch ID with Face ID.
  3. 2020–2024, flat edges and the island — iPhone 12 brought back flat sides; iPhone 14 Pro turned the notch into the Dynamic Island.
  4. 2023, USB-C — iPhone 15 dropped Lightning after an EU law required a common charger.
  5. 2025–2026, thin and folding — the 5.6 mm iPhone Air (2025) and Apple's first foldable, the iPhone Duo (October 2026).

Key takeaways

  • Screens grew from 3.5 inches (2007) to 6.9 inches (iPhone 16 Pro Max, 2024) while the phone body grew much less, because bezels shrank and the home button disappeared.
  • Most iPhone 'design' changes were driven by a component: the antenna (iPhone 4's steel band), the camera (bumps and plateaus), the battery (thickness), or a regulator (USB-C).
  • Bigger screens broke one-handed use; research on how people hold phones shows the top of a large screen is hard to reach with a thumb.
  • Apple reuses forms across decades: the flat edges of iPhone 12 echo iPhone 4 and 5.
  • For app designers, the lesson of each era is the same: put primary actions where the thumb rests, near the bottom of the screen.

On 9 January 2007, Steve Jobs told a Macworld audience in San Francisco that Apple was launching "three things": a widescreen iPod with touch controls, a revolutionary mobile phone and a breakthrough internet communicator. Then he revealed they were one device. Nineteen years later the iPhone has gone through more than 50 models, four screen-size jumps, two kinds of biometric unlock, three charging ports and, in October 2026, a fold. This guide walks through every generation and, more usefully, the design decision each one made and the reason behind it.

Steve Jobs on stage at Macworld 2007 holding the first iPhone
Steve Jobs introduces the iPhone at Macworld, 9 January 2007Image: Blake Patterson · CC BY 2.0 · source
How has the iPhone changed since 2007? At a glance: 2007–2017, home-button era; 2017, the notch; 2020–2024, flat edges and the island; 2023, USB-C; 2025–2026, thin and folding.
At a glance: How has the iPhone changed since 2007?

iPhone evolution in one table

The table groups every main generation by design era. Screen sizes are the largest model of each year.

YearModel(s)Largest screen (in)The design change
2007iPhone3.5Multi-touch glass, one home button
2008iPhone 3G3.5Plastic back, 3G, the App Store
2009iPhone 3GS3.5Speed, video recording
2010iPhone 43.5Glass back, steel band antenna, Retina display
2011iPhone 4S3.5Siri
2012iPhone 54.0Taller screen, aluminium, Lightning port
2013iPhone 5s / 5c4.0Touch ID in the home button
2014iPhone 6 / 6 Plus5.5Big screens, rounded edges
2016iPhone 75.5No headphone jack, water resistance
2017iPhone 8 / iPhone X5.8X: OLED, Face ID, the notch, no home button
2019iPhone 116.5Ultra-wide camera, square camera bump
2020iPhone 126.7Flat edges return, 5G, MagSafe
2022iPhone 14 Pro6.7Dynamic Island replaces the notch
2023iPhone 156.7USB-C, titanium Pro, Action button
2024iPhone 166.9Camera Control button
2025iPhone 17 / iPhone Air6.95.6 mm Air; aluminium unibody Pro
2026iPhone 17e / 18 Pro / iPhone Duo7.6 (folded open)Apple's first foldable

Table: Every main iPhone generation and its defining design change (Apple Newsroom and launch coverage)

Largest iPhone screen, 2007 → 2024
3.5 → 6.9 in
iPhone Air, the thinnest iPhone (2025)
5.6 mm
App downloads in the App Store's first weekend (2008)
10 million
Starting price of the foldable iPhone Duo (2026)
$1,999

The home-button era (2007–2017)

The first iPhone's design decision was subtraction: no keyboard, no stylus, one physical button below the screen. Apple's announcement called it "a revolutionary mobile phone" whose multi-touch interface let fingers do what the keyboards of BlackBerry and Nokia phones did with keys1. The screen was 3.5 inches and 320 × 480 pixels, and the phone cost $499 or $599 with a two-year contract.

iPhone 3G (2008) added 3G networking and, more importantly, shipped alongside the App Store, which opened on 10 July 2008. Apple reported 10 million app downloads in the first weekend2. The aluminium back became plastic because metal blocked the new radios, the first of many times a component dictated the design.

iPhone 4 (2010) is often called the most beautiful iPhone. It sandwiched glass front and back around a stainless-steel band that was also the antenna, and its 326 pixels-per-inch "Retina" display was sharp enough that, Apple said, the eye could not see individual pixels at normal viewing distance3. The band produced the "antennagate" controversy when a hand bridged the gap between antenna sections.

The back and sides of an iPhone 4 showing the glass back and steel band with antenna gaps
iPhone 4 (2010): the steel band doubled as the antenna; the small gaps split it into sectionsImage: HereToHelp · CC BY-SA 3.0 · source

iPhone 5 (2012) stretched the screen to 4 inches without making it wider, so the phone still fit a hand, and replaced the 30-pin dock connector with the reversible Lightning port. iPhone 5s (2013) hid a fingerprint sensor, Touch ID, in the home button.

iPhone 6 and 6 Plus (2014) were the big break. Apple had resisted large screens while Android phones grew; now it shipped 4.7 and 5.5 inches, with rounded edges that made the larger slab easier to hold. iPhone 7 (2016) removed the 3.5 mm headphone jack and replaced the mechanical home button with a solid-state one that clicked using haptic feedback.

Why did iPhone screens get bigger?

Screens grew because people used phones for video, maps and reading more than for calls, and because shrinking bezels let Apple add screen without adding as much body. The trade-off was reach. In 2013 the mobile UX researcher Steven Hoober observed 1,333 people using phones in public and found 49% held them in one hand, operating them with a thumb13. On a large screen, the top-left corner is out of comfortable thumb reach for a right-handed user.

2007 · 3.5″2012 · 4.0″2014 · 4.7″2017 · 5.8″2020 · 6.1″2024 · 6.9″ EASYTHUMBREACH SCREENS TO SCALE · 40 PX = 1 INCH · REACH ARC ILLUSTRATIVE
iPhone screens drawn to scale, aligned at the bottom right where a right thumb rests. Each jump adds screen above and to the left, the area hardest to reach one-handed.

Apple's answers were software: Reachability (2014) slides the top of the screen down, and later iOS versions moved search fields and tab bars to the bottom. This is Fitts's law at work: the time to hit a target depends on its distance and size, and on a phone distance is measured from the thumb.

Quick quizWhich iPhone first removed the home button?

iPhone X, announced in September 2017 alongside iPhone 8. Face ID replaced Touch ID, and a swipe up from the bottom replaced the button press.

The notch era (2017–2022)

iPhone X, announced in September 2017, was Apple's ten-year redesign. It ran the OLED screen nearly edge to edge, replaced the home button with a swipe up from the bottom, and replaced Touch ID with Face ID, which projects more than 30,000 invisible dots to map a face4. The sensors had to go somewhere, so the screen wrapped around a black cut-out at the top: the notch. Critics hated it; within two years most Android flagships had copied it.

iPhone 11 (2019) introduced the square camera bump with an ultra-wide lens. iPhone 12 (2020) brought back the flat sides of iPhone 4 and 5, added 5G and introduced MagSafe, a ring of magnets on the back for chargers and accessories5.

The Dynamic Island and USB-C (2022–2024)

In September 2022 the iPhone 14 Pro shrank the notch into a floating pill and made software animate around it. Apple named it the Dynamic Island: timers, calls, music and maps expand out of the black shape and shrink back into it6. It is a strong example of design turning a hardware constraint into a feature people use.

An iPhone screen with a timer running inside the Dynamic Island at the top
The Dynamic Island showing a running timerImage: SploopyDoppy · CC0 · source

iPhone 15 (2023) made two changes forced from outside and one by choice. The EU's common charger directive required USB-C on phones sold in the EU from the end of 20248, so the whole range moved to USB-C after 11 years of Lightning. The Pro models switched from stainless steel to titanium, cutting weight, and replaced the mute switch with a programmable Action button7. iPhone 16 (2024) added Camera Control, a pressure-sensitive button for the camera, and the Pro Max reached 6.9 inches.

The back of an iPhone 15 Pro in natural titanium with its triple camera
iPhone 15 Pro (2023) in natural titaniumImage: メイド理世 · CC BY-SA 4.0 · source

Thin, then folding (2025–2026)

In September 2025 Apple launched the iPhone Air, 5.6 mm thick, with a titanium frame and a single rear camera housed in a plateau across the top of the back9. The iPhone 17 Pro moved the other way on material: an aluminium unibody chosen for heat dissipation and battery space. Apple's affordable model, the iPhone 17e, followed on 2 March 2026 at $59910.

On 9 September 2026 Apple announced the iPhone 18 Pro, starting at $1,199, and its first foldable, the iPhone Duo: a book-style phone with a 5.4-inch outer screen and a 7.6-inch inner screen, starting at $1,9991112. The Duo went on sale on 23 October 2026. The base iPhone 18 was held back to spring 2027, splitting Apple's launch calendar for the first time.

What the iPhone's evolution teaches app designers

Each hardware era changed where people's thumbs could reach and what the top of the screen was for, and apps that ignored it felt dated within a year.

Checklist: What the iPhone's evolution teaches app designers — Primary actions at the bottom; Respect the safe areas; Design for a range, not a size; Use system gestures, don't fight them; Treat live status as a surface.
What the iPhone's evolution teaches app designers
  • Primary actions at the bottom — since the 6 Plus, the bottom third of the screen is where thumbs rest; tab bars and main buttons belong there.
  • Respect the safe areas — the notch, the Dynamic Island and the home indicator all reserve space; content under them gets clipped or blocked.
  • Design for a range, not a size — apps run on 4.7-inch SEs and 7.6-inch foldables at the same time.
  • Use system gestures, don't fight them — swipe-up-to-go-home (2017) means bottom-edge swipes inside apps conflict with the system.
  • Treat live status as a surface — Live Activities in the Dynamic Island are where delivery, ride and score updates now live.

If your app was designed for one phone and now feels awkward on others, a mobile app UX audit checks reach, safe areas and gesture conflicts on real devices.

How we researched this

Launch dates, sizes and features come from Apple's own Newsroom announcements for each generation, the EU directive text for USB-C, and launch coverage from MacRumors and CNBC for the September 2026 event, whose press releases were checked in October 2026. Thumb-reach findings come from Steven Hoober's published observational study. Photos are from Wikimedia Commons, credited under each image. Last reviewed October 2026.

Frequently asked questions

When did the first iPhone come out?

Steve Jobs announced the iPhone at Macworld in San Francisco on 9 January 2007, and it went on sale in the United States on 29 June 2007. It had a 3.5-inch screen, a 2-megapixel camera, no 3G and no App Store. Prices were $499 for 4 GB and $599 for 8 GB.

Which was the last iPhone with a home button?

The flagship line dropped the home button with iPhone X in 2017. The iPhone 8 (2017) and the second and third-generation iPhone SE (2020 and 2022) kept a Touch ID home button. The iPhone 16e in February 2025 ended the home button in Apple's current range.

What is the thinnest iPhone?

The iPhone Air, announced in September 2025, is 5.6 mm thick, the thinnest iPhone Apple had made. The foldable iPhone Duo, launched in October 2026, is thinner only when unfolded, according to launch coverage.

Why did the iPhone switch to USB-C?

The European Union's common charger directive (EU) 2022/2380 required phones sold in the EU to charge over USB-C from the end of 2024. Apple moved the whole iPhone 15 range to USB-C in September 2023, ending the Lightning port it had introduced with the iPhone 5 in 2012.

How many iPhone models are there?

Counting every distinct model Apple has sold, including Plus, Max, mini, SE, e, Air and Duo variants, there are more than 50 iPhones as of October 2026. The main numbered generations run from the original iPhone to the iPhone 18 Pro, with the base iPhone 18 expected in spring 2027.

What is the Dynamic Island?

The Dynamic Island is the pill-shaped cut-out at the top of the screen introduced on iPhone 14 Pro in 2022. Software makes the black area around the front camera and Face ID sensors grow and shrink to show live activities such as timers, calls and music. It turned a hardware compromise into an interface.

Sources

  1. Apple Newsroom — Apple reinvents the phone with iPhone (9 January 2007)
  2. Apple Newsroom — iPhone App Store downloads top 10 million in first weekend (2008)
  3. Apple Newsroom — Apple presents iPhone 4 (2010)
  4. Apple Newsroom — The future is here: iPhone X (2017)
  5. Apple Newsroom — Apple introduces iPhone 12 Pro and iPhone 12 Pro Max (2020)
  6. Apple Newsroom — Apple debuts iPhone 14 Pro and iPhone 14 Pro Max (2022)
  7. Apple Newsroom — Apple unveils iPhone 15 Pro and iPhone 15 Pro Max (2023)
  8. EUR-Lex — Directive (EU) 2022/2380, the common charger directive
  9. Apple Newsroom — Introducing iPhone Air (2025)
  10. Apple Newsroom — Apple introduces iPhone 17e (March 2026)
  11. MacRumors — Everything Apple announced at the September 2026 event
  12. CNBC — Apple event 2026: folding iPhone Duo, iPhone 18 Pro (9 September 2026)
  13. Steven Hoober, UXmatters — How do users really hold mobile devices? (2013)
  14. Checked October 25, 2026. Figures that change — fees, salaries, prices — are reviewed every six months; if something is out of date, tell us.
Pass it on

Know someone who'd enjoy this?

Send it to them — one tap, no sign-up. Good ideas travel best between friends.

Keep exploring

Where to go from here

Join free

Get the ideas, not the noise.

Sign up with Google and we’ll send you short UX psychology tips by email — why people tap, stall and leave, and what to do about it. Unsubscribe anytime. Prefer something to keep? Get the free Laws of UX guide as a PDF.

Get the free Laws of UX PDFFree · no spam · unsubscribe anytime
Design that lasts

Every redesign starts with how users behave.

A behavioral UX audit of your app or SaaS product: why users hesitate, stall and leave, and a prioritized fix list. Fixed price, 2–4 weeks.

Free certification

Turn what you know into a credential.

Free, test-based UX, UI and product certifications. Answer real product scenarios, graded on our server, and earn a founder-signed certificate anyone can verify and you can add to LinkedIn.

  • Credential ID
  • QR verification
  • LinkedIn-ready
Free PDF · 74 pages · 2 editions

The Laws of UX, in one field guide

60 research-backed principles in 6 categories — what each one means, why it works on the human brain and how to use it on your own screens. Written by Sushant Singh, founder of Science of Apps, who has scaled consumer apps to lacs of users and spent 10+ years leading product across startups and digital businesses in the US, EU & India.

Pick your edition
Free. No card, no paywall — just your email.
Free PDF · 74 pages

Get Laws of UX by email

Choose your edition

You’ll also get occasional UX psychology tips. Unsubscribe anytime. Privacy policy

Free PDF · 90 pages · 2 editions

100+ Subscription Paywalls, decoded

110 real paywalls from top apps, taken apart, rated out of 5 and decoded with the Laws of UX — plus the frameworks, copy and checklists to ship your own. By Sushant Singh, founder of Science of Apps.

  • 110 paywalls rated
  • 34 Laws of UX
  • 12 frameworks

Which paywall scored 4.8 out of 5, and which scored 2.6? It’s all inside.

Pick your edition
Free. No card, no paywall — just your email.
Free PDF · 90 pages

Get 100+ Paywalls, Decoded by email

Choose your edition

You’ll also get occasional UX psychology tips. Unsubscribe anytime. Privacy policy