Forum Discussion

tscholze's avatar
tscholze
Iron Contributor
Mar 15, 2022
Solved

UI question: How to display a blocking "loading / preparation" screens if device is in book mode

Hi team,

I Just wanna ask you how to "design" a full-width, user interaction blocking loading / preparation view for dual screen devices?

 

For single screen devices, it is quite simple, but what should I do on a second screen?

Should I present the loading view animation on e.g. the left screen and the right screen stays just white? Maybe I duplicated the animation on the second screen, too?

 

Do you have any recommendation or "unicorn" UIs as a reference? 

 

Thanks for you're awesome and helpful tips in the past and in the future!

 

Screenshot:

 

  • tscholze Can't think of any specific similar loading UI, but we did our demo splash screens with a similar feel: shifting to one screen and leaving the other blank (see attachment).

     

    With an interactive element like the progress bar, I would not repeat it on the other screen. If you find the blank page unattractive, consider putting the logo there too? Other alternatives could be a washed-out photo or other branding image on the second screen to complement the logo but not distract the user too much 😉

     

    For a tablet, you would probably just center again but on the larger screen?

2 Replies

  • tscholze Can't think of any specific similar loading UI, but we did our demo splash screens with a similar feel: shifting to one screen and leaving the other blank (see attachment).

     

    With an interactive element like the progress bar, I would not repeat it on the other screen. If you find the blank page unattractive, consider putting the logo there too? Other alternatives could be a washed-out photo or other branding image on the second screen to complement the logo but not distract the user too much 😉

     

    For a tablet, you would probably just center again but on the larger screen?

    • tscholze's avatar
      tscholze
      Iron Contributor
      Thanks for your feedback Craig! 🙂

Resources