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
    Berea, KY, USA

    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: 289
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).


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



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