Scenario: Write a message to inform a user that they don't have wireless Internet on their mobile device - 30 characters max.
Solution: A centered notification immediately informs the user of the problem. The issue is explained in accessible, human language (“You’re offline.”) rather than convoluted or technical jargon keeps things to the point and friendly.
The following line offers the user a solution: “Check your connection and try again.”
The buttons below allow the users to click directly into their settings to check their internet connection, facilitating the journey by taking them directly to the solution. The landing page and search bar are disabled to provide additional visual cues that the user cannot go forward with this point of the journey until the problem is remedied. The user can click “Retry,” which will automatically check the connection and reload the page.