Tell the World About It – Taking Your Mobile Designs Social

• 8 min read

557 Shares

There is no device more personal than the smartphone but how do you connect the wider social world available on the mobile web to your own app or website? Social interaction on the mobile web is a key part of creating great user experiences. There are some simple actions you can take to increase the sociability of your offerings and provide products that users really want to use and talk about.

The social web has been one of the biggest revolutions of the past decade. We’ve come a long way from Friends Reunited and MySpace and Facebook is the most used website in the world with over 1 billion subscribers. Designers have long understood that tapping into that social sphere can help their products gain market traction and deliver sustainable use but the mobile web adds a new dimension to this.

The smartphone is an intimate device which has the primary purpose of communication. Research shows that nearly 70% of all smartphone use is engaged with social networking of some kind – that’s much more than on the tablet or the desktop. So how do you, as a designer, tap into social when designing your mobile app or website?

Simple Guidelines for Taking Your Mobile Designs Social

The idea is to create content that enables social participation, social interaction and that is considered to be “shareable” on social networks and this hasn’t changed from the days of desktop. But there are additional considerations for mobile:

Ensure You Have a Presence and Pinpoint It

It might sound obvious but if you don’t have a presence on social networks – your users are unlikely to be able to work with you on them. You want to make certain that you’ve lined up your Facebook, Twitter, LinkedIn, Pinterest, Foursquare, etc. accounts before you launch the product to give you the maximum reach.

Author/Copyright holder: byung chul kim. Copyright terms and licence: CC BY-ND 2.0.

It’s also important to remember that location matters on mobile. Don’t just look at social network make sure you’re registered with Google Places, Yahoo! Local, etc. These will play an important role for search results and when people tap into location-based services. It’s also a good idea to make it very clear what your hours of operation are in these listings. Potential customers who turn up at your place of business to find it closed are unlikely to be impressed.

Show Your Sociability

It’s very useful to bring in the elements of your social networks into your mobile app or website’s experience. Tell people about what you’ve been doing recently and make certain that you have single click “follow” access to your major social network presences. This can be tricky to manage on the limited screen real estate on mobile and you’ll want to do some user testing to make sure you’ve got it right prior to launch.

Make Social Networking Easy

Your mobile website needs integrated functionality that reflects the social networks they use. They need to be able to share your content with a single click (ideally). Make sure you’ve integrated the right APIs to enable tags, likes, comments, etc.

Incentivize Social Interactions With Your Brand

Author/Copyright holder: Brian Talbot. Copyright terms and licence: CC BY-NC 2.0

If you can enable users to create their own content with your branding and give them a reason to share that content – you can create incredible results. A simple example would be a pizza shop offering a free side dish in exchange for pictures of their customers holding their empty pizza boxes in unusual places. Do take care to ensure that your terms and conditions emphasize the importance of keeping things legal with promotions like this – they can occasionally get out of hand.

Create Offers that Can be Shared

If you’re going to run a buy one – get one free style promotion make it shareable. Encourage your users to share their good fortune and discounts with their friends. If your offer is good enough; it might even go viral.

Incentivize Multiple Social Connections

Don’t just rely on users connecting with Facebook; give them a reason to sign up with all your social networks and to connect with you at various different levels. A free gift or a discount for multiple layers of engagement could pay serious dividends in the long run.

Keep it Current

There’s a tendency to neglect social media at busy times within an organization – this, in the days of desktop, was OK because people tended to understand that. With mobile the interactions are instantaneous and often when someone is interacting with your brand – you need to ensure that the information you provide and the responses you give are as close to “real time” as possible.

Don’t Forget to Tap Into Mobile Capabilities for Social

Author/Copyright holder: Intel Free Press. Copyright terms and licence: CC BY-SA 2.0

Taking pictures, leaving voice messages, sharing GPS data, etc. are all very easy from the smartphone platform – something that simply wasn’t true in the days of desktop only internet access. These are social activities and your app or website should support and encourage the use of these additional features and integrate them with the social experience to maximize the value of social interactions on the mobile web.

The Takeaway

Mobile offers the largest opportunity for social interaction but as with any opportunity it requires a little thought to maximize the benefits. The guidelines above are designed to point you in the right direction with your social and mobile app or website marriage but are not a substitute for UX research and user testing. It’s always important to involve your users in deciding what works for them.

References & Where to Learn More:

7 mobile social marketing tips for you to peruse.

A nice infographic for why social marketing should be approached from a “mobile first” perspective.

Check out how mobile marketing is impacting social media.

Learn More in This Course:

AI for Designers

11 days
13 % booked
View Course

What You Should Read Next

  • Read full article
    Adaptive vs. Responsive Design - Article hero image
    Interaction Design Foundation logo

    Adaptive vs. Responsive Design

    The differences between responsive and adaptive design approaches spotlight important options for us as web and app designers. Choosing with insight can empower you to plan and execute your designs with better aim, purpose and results.With the pervasiveness and diversity of mobile devices, as design

    Social shares
    1.3k
    Published
    Read Article
  • Read full article
    Don’t Build It, Fake It First – Prototyping for Mobile Apps - Article hero image
    Interaction Design Foundation logo

    Don’t Build It, Fake It First – Prototyping for Mobile Apps

    The design phase for mobile applications should include a prototyping stage. It is at this point that users can “play” with your ideas and concepts and give you valuable feedback that shapes the final designs before you begin development. This can save time and money in development and create produc

    Social shares
    1.1k
    Published
    Read Article
  • Read full article
    Simple Guidelines When You Design for Mobile - Article hero image
    Interaction Design Foundation logo

    Simple Guidelines When You Design for Mobile

    In mobile user experience (UX) design, it’s important that we respect a user’s task and mindset, as well as the device’s limitations. Here you’ll learn about the general principles that can help you get started with your design.Josh Clark, the author of Tapworthy: Designing Great iPhone Apps, descri

    Social shares
    979
    Published
    Read Article
  • Read full article
    The Anatomy of a Smartphone – Things for Designers to Consider for Mobile Development - Article hero image
    Interaction Design Foundation logo

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

    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 explo

    Social shares
    922
    Published
    Read Article
  • Read full article
    5 Steps for Human-Centered Mobile Design - Article hero image
    Interaction Design Foundation logo

    5 Steps for Human-Centered Mobile Design

    Many businesses start with the end-point in mind; “We need a mobile app or a mobile website!” They do not consider why their users would want it. Having a mobile website or app isn’t the key to success—you must provide value to your users. When you take a user- and task-centered approach to mobile (

    Social shares
    899
    Published
    Read Article
  • Read full article
    Understand the User’s Perspective through Research for Mobile UX - Article hero image
    Interaction Design Foundation logo

    Understand the User’s Perspective through Research for Mobile UX

    User research is crucial to design great user experiences for mobile apps. While any UX research technique can be adapted for mobile, some have proven more effective than others. Let’s look at how becoming proficient in these techniques will help you to develop mobile apps and sites that better meet

    Social shares
    877
    Published
    Read Article
  • Read full article
    Probes for Context Mapping – How to Design and Use Them - Article hero image
    Interaction Design Foundation logo

    Probes for Context Mapping – How to Design and Use Them

    Whether you are designing a mobile app, a professional online platform or an interactive museum exhibition, it is essential to understand users and the context in which they will use your design. Traditional methods such as interviews and observations will help you to touch the surface of their live

    Social shares
    863
    Published
    Read Article
  • Read full article
    Tell Me About Me – User Profiles for Mobile Applications - Article hero image
    Interaction Design Foundation logo

    Tell Me About Me – User Profiles for Mobile Applications

    With the move away from websites to applications on mobile devices; there’s a need for many apps to create, maintain and manage user profiles so that users can effectively interact with the app and so that the app’s creators can collect and analyse data useful to their businesses. There is no “one s

    Social shares
    826
    Published
    Read Article
  • Read full article
    How to Transform Mental Models into Conceptual Models for Mobile UX - Article hero image
    Interaction Design Foundation logo

    How to Transform Mental Models into Conceptual Models for Mobile UX

    Conceptual models are used in HCI and interaction design as a way for designers to communicate how they interpret users' mental models to stakeholders, team members, and developers. They help ensure that everyone involved in the design process understands how users interact with the product or servi

    Social shares
    824
    Published
    Read Article
  • Read full article
    Best Practices and UI Design Patterns for Help in Mobile - Article hero image
    Interaction Design Foundation logo

    Best Practices and UI Design Patterns for Help in Mobile

    When users start to get to grips with your mobile app, they will need a little help from time to time. The good news is that standard design patterns can reduce design time for help in mobile apps. Here are some practical guidelines that you can use to improve the UX of help in general.You should no

    Social shares
    813
    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,037+ designers who get one powerful email each week. Learn to design a life you love.

Next email in
1
day
7
hrs
47
mins
24
secs

Free forever. No spam. Unsubscribe anytime.