The Anatomy of a Smartphone – Things for Designers to Consider for Mobile Development

• 9 min read

922 Shares

If you’re going to design for mobile, then it’s a good idea to have a grasp of what makes up the modern smartphone in terms of hardware and software. You can then start to think about the possibilities these offer when creating user experiences. The better you know the device, the more you can exploit its capabilities within your products.

Author/Copyright holder: Maurizio Pesce. Copyright terms and licence: CC BY 2.0

The smartphone has gone from nowhere, in a few short years, to become the world’s most popular Internet access device. Developing mobile apps and mobile websites has become a huge opportunity market because of this but what do we need to consider in terms of the device itself when making design decisions for mobile?

The anatomy of a smartphone comes in two parts; the hardware and the software.

The Software

There are two operating systems that dominate the mobile landscape: Android and iOS. However, there are other operating systems to consider as well.

Android

Founded by Andy Rubin and supported by Google and drawing the backing of many of the major hardware and software developers in the smartphone sphere; Android has gone from strength-to-strength since it was conceived on October 2003. It is the world’s leading smartphone operating system and has been dominant since late 2010.

iOS

Apple’s operating system was, for a considerable period of time, the leading smartphone operating system. It is unsurprising that it should be in 2nd place in terms of market penetration today. Apple does not license its operating system to other hardware providers nor does Apple operate in the budget sector of the smartphone market. While it may be second in terms of market penetration – there’s no doubt that the average iOS user spends more money on apps than the average Android user.

Windows

Windows may be the dominant operating system on the desktop but it’s a bit of an “also ran” on the smartphone. There are fewer apps available for this operating system and it tends to be a tertiary consideration (if it is considered at all) for most developers.

Blackberry

Blackberry was once the dominant force in corporate handset provision. Poor management decisions led to Blackberry suffering a huge dip in market share after smartphones launched. The operating system continues to exist and support millions of subscribers – however the company launched their first Android operating system handset in November 2015 and the future looks dim for Blackberry. It is unlikely that developers will focus on Blackberry without an overwhelming business driver for doing so.

Author/Copyright holder: Kārlis Dambrāns. Copyright terms and licence: CC BY 2.0

Firefox OS

Firefox’s open source OS was launched back in February 2012. While there are a few commercial handsets running Firefox OS at this moment it’s not a primary consideration for most developers.

Sailfish OS

Sailfish is based on Linux and Mer and has a unique programmable UI in the form of Jolla (a multi-tasking interface). It is a project from MeeGo (consisting mainly of ex-Nokia employees) and is yet to achieve any significant commercial uptake.

Hardware

A smartphone is, at heart, a miniature computer and thus it shares many similar components with computers – such as processors and memory. These components are constantly upgraded in new generations of phones and it’s important to consider how to balance the demands you place on this hardware. If you take advantage of latest generation technology; you rule out many existing smartphone owners from using your product. Go back too far in generations and you risk releasing a product which isn’t as powerful as your competitor’s.

However, in this section we want to look at smartphone specific hardware options that are commonly found in smartphones that are not commonly found in desktop/laptop computing. These are the hardware items that designers will want to consider taking advantage of when developing smartphone user experiences.

Touchscreens

The touchscreen interface has developed rapidly over the last decade. There are two main variables to consider when designing for touchscreens:

The sensitivity to touch – resistive screens are made of two layers of conductive material with a gap between them to serve as resistance. They are not as responsive as a capacitive touchscreen, which uses a layer of glass with a conductor over it that senses a break in the electric field when a finger comes into touch with it. There is also the haptic screen which provides tactile feedback to the user when they touch the glass. The Super AMOLED (Active-Matrix Organic Light Emitting Diode) screen includes touch sensors on the display and is a further improvement in both performance and thickness of screen.

The quality of resolution – TFT (Thin Film Transistor) screens offer reasonable resolution but are power intensive, IPS-LCD (In Place Switching Liquid Crystal Displays) offer improvements in both resolution and power consumption (the Retina screen is an IPS-LCD). Then there are OLED (Organic Light Emitting Diodes) and AMOLED (Active-Matrix Organic Light Emitting Diode) screens to consider too both of which offer advantages over LCD.

Author/Copyright holder: Bin im Garten. Copyright terms and licence: CC BY-SA 3.0

GPS (Global Positioning System)

GPS chipsets are found in most mid-range and high-end smartphones. They enable, with varying degrees of accuracy, the handset to pinpoint where on earth the smartphone is located.

Designers will need to consider location based services for certain products. GPS allows them to automate much of the grunt work for this.

Accelerometer

Not all phones contain an accelerometer but many do. An accelerometer measures the speed of movement of the device and the direction in which the device is moving.

This enables the pedometer function common in many health apps as well as other more ingenious uses of motion data.

Camera

Nearly all smartphones come with on-board cameras today. These vary in terms of their quality in both resolution and availability (front and/or back mounted cameras) and can be used as input devices.

Heartrate Monitors

Many phones come with a heart rate monitor now and those looking to create mobile health apps will want to tap into this functionality.

Author/Copyright holder: haste. Copyright terms and licence: Fair Use.

Fingerprint Sensors

High-end smartphones often incorporate finger print scanners and finger print recognition technology. While this can be a useful security measure – over-reliance on finger prints can become a barrier to user acceptance.

The Take Away

Smartphones offer a different experience to desktops and laptops not just because they are smaller but also because they are markedly different from both a hardware and software perspective. The smart designers will look to take advantage of these differences to create memorable user experiences.

References & Where to Learn More:

Course: Mobile User Experience (UX) Design

For a history of smartphones and the issues that are faced by designers through smartphone development, check out this Wiki page.

Hero Image: Author/Copyright holder: Jon Fingas. Copyright terms and licence: CC BY-ND 2.0

Learn More in This Course:

AI for Designers

11 days
13 % booked
View Course

What You Should Read Next

  • Read full article
    What is Interaction Design? - Article hero image
    Interaction Design Foundation logo

    What is Interaction Design?

    Interaction design is an important component within the giant umbrella of user experience (UX) design. In this article, we’ll explain what interaction design is, some useful models of interaction design, as well as briefly describe what an interaction designer usually does.A simple and useful unders

    Social shares
    1.5k
    Published
    Read Article
  • Read full article
    Apple’s Product Development Process – Inside the World’s Greatest Design Organization - Article hero image
    Interaction Design Foundation logo

    Apple’s Product Development Process – Inside the World’s Greatest Design Organization

    Apple’s Product Development Process may be one of the most successful design processes ever implemented. With a valuation that exceeds $2 trillion, there’s a lot that designers can learn from Apple and introduce into their own design environments.Apple is a notoriously secretive business. In Steve J

    Social shares
    1.4k
    Published
    Read Article
  • Read full article
    Shneiderman’s Eight Golden Rules Will Help You Design Better Interfaces - Article hero image
    Interaction Design Foundation logo

    Shneiderman’s Eight Golden Rules Will Help You Design Better Interfaces

    Follow Ben Shneiderman’s 'Eight Golden Rules of Interface Design' if you want to design great, productive and frustration-free user interfaces. Apple, Google and Microsoft are among some of the highly successful companies whose well-designed products reflect Shneiderman’s rules. The characteristics

    Social shares
    1.4k
    Published
    Read Article
  • Read full article
    How to Change Your Career from Graphic Design to UX Design - Article hero image
    Interaction Design Foundation logo

    How to Change Your Career from Graphic Design to UX Design

    If there’s an occupation that is 100% linked with the public’s idea of what design is all about, it’s graphic design. From the familiar golden arches of the McDonald’s brand to the typography and colors of movie posters, graphic designers create some of the most iconic and ubiquitous designs around

    Social shares
    1.4k
    Published
    Read Article
  • Read full article
    The Grid System: Building a Solid Design Layout - Article hero image
    Interaction Design Foundation logo

    The Grid System: Building a Solid Design Layout

    Now that we’ve seen some grids at work in the Rule of Thirds article, let’s examine them a little more deeply. As a concept that deals so fundamentally with the fabric and background of our work as designers, it’s easy to overlook the power of grids and think more about the elements we want to creat

    Social shares
    1.4k
    Published
    Read Article
  • Read full article
    The Principles of Service Design Thinking - Building Better Services - Article hero image
    Interaction Design Foundation logo

    The Principles of Service Design Thinking - Building Better Services

    Service design is all about taking a service and making it meet the user’s and customer’s needs for that service. It can be used to improve an existing service or to create a new service from scratch. In order to adapt to service design, a UX designer will need to understand the basic principles of

    Social shares
    1.4k
    Published
    Read Article
  • Read full article
    A Simple Introduction to Lean UX - Article hero image
    Interaction Design Foundation logo

    A Simple Introduction to Lean UX

    Lean UX is an incredibly useful technique when working on projects where the Agile development method is used. Traditional UX techniques often don’t work when development is conducted in rapid bursts – there’s not enough time to deliver UX in the same way. Fundamentally Lean UX and other forms of UX

    Social shares
    1.3k
    Published
    Read Article
  • Read full article
    Dieter Rams: 10 Timeless Commandments for Good Design - Article hero image
    Interaction Design Foundation logo

    Dieter Rams: 10 Timeless Commandments for Good Design

    Let’s pay a virtual visit to a famous industrial designer’s workshop. By examining the principles of his winning approach, we can incorporate vital elements into our designs in the “less is more” age.As user experience practitioners, most of us have worked with Nielsen and Molich’s 10 heuristics or

    Social shares
    1.3k
    Published
    Read Article
  • Read full article
    The 7 Factors that Influence User Experience - Article hero image
    Interaction Design Foundation logo

    The 7 Factors that Influence User Experience

    User Experience (UX) is critical to the success or failure of a product in the market but what do we mean by UX? All too often UX is confused with usability which describes to some extent how easy a product is to use and it is true that UX as a discipline began with usability – however, UX has grown

    Social shares
    1.3k
    Published
    Read Article
  • Read full article
    10 Free-to-Use Wireframing Tools for UX Designers in 2026 - Article hero image
    Interaction Design Foundation logo

    10 Free-to-Use Wireframing Tools for UX Designers in 2026

    Wireframes help you quickly ideate and test your ideas. While paper wireframes are the fastest to create, digital wireframes look more polished and presentable. If you are looking for a pocket-friendly wireframing tool, look no further.Whether you prefer browser-based apps or offline desktop tools,

    Social shares
    1.3k
    Published
    Read Article

Top Articles

Top Topic Definitions

Feel Stuck?
Want Better Job Options?

AI is replacing jobs everywhere, yet design jobs are booming with a projected 45% job growth. With design skills, you can create products and services people love. More love means more impact and greater salary potential.

At IxDF, we help you from your first course to your next job, all in one place.

See How Design Skills Turn Into Job Options
Privacy Settings
By using this site, you accept our Cookie Policy and Terms of Use.
Customize
Accept all

Be the One Who Inspires

People remember who shares great ideas.

Share on:

Academic Credibility — On Autopilot

Don't waste time googling citation formats. Just copy, paste and look legit in seconds.

Feel Stuck? Want Freedom?

Join 326,035+ designers who get one powerful email each week. Learn to design a life you love.

Next email in
1
day
9
hrs
39
mins
41
secs

Free forever. No spam. Unsubscribe anytime.