Results 1 to 1 of 1

Thread: Tip: How to test UI "fit" against various mobile devices

  1. #1
    Lianja MVP
    Join Date
    Feb 2012
    Location
    Berea, KY, USA
    Posts
    2,143

    Tip: How to test UI "fit" against various mobile devices

    I was creating an Alias page for a web/mobile app not originally designed for phones. We didn't expect the app to be popular with any except the customer for whom it was designed, and they were using computers only.

    Well, guess what: folks love web/mobile apps for everyday tasks. So, money talks, and we went about creating an alias page for the one page in this small app that wouldn't work as is.

    My initial design worked fine on my Galaxy Note 9, but would it work on an iPhone 6 (which was a requirement for one of our unexpected customers)?

    The answer is, in fact, quite easy, and can be done in Chrome and probably other browsers (each with their own instructions).

    Here are the steps:

    1) In your dev environment, with Chrome as your default browser, use Live View to bring up the application. Navigate to the page in question.

    2) With Chrome selected, press Ctrl+Shift+I and then Ctrl+Shift+M

    3) Click the Devices icon (#1) and then select your device (#2)

    Name:  ChromeDevices_1-3-2019 12-29-12 PM.png
Views: 174
Size:  35.0 KB

    When finished, toggle the Devices Icon (#1) and close the Developer console (the X on the righthand side of the developer console toolbar).

    enjoy,

    Hank
    Attached Images Attached Images  
    Last edited by HankFay; 2019-01-03 at 11:48.

Bookmarks

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Journey into the Cloud
Join us