3

I am designing a start screen for a tablet application and I don't understand what info I should put into this page. I got my inspiration from 'Envoy', example:

Reference

But when I showed this off to other, they thought their wasn't enough style and too much whitespace.

I can't find any other application that does this type of view. Does anyone else know? Or know how I can make this design better?

Here is my Design:

My Design

  • Why is the Sign-out button in the Sign-in screen? Could you give a little bit more of detail? – Alvaro Feb 2 '17 at 23:15
  • You can ignore that sign-out button. On my design, the user would have already logged in and this would be the first view they would see. – asdf Feb 2 '17 at 23:20
  • 3
    Why does the user need to load? Can't it just load? – noadavi Feb 2 '17 at 23:35
  • 1
    The button will be "START". Then when you hit the button that says "START", the product will load and then the view will have a progress indicator. – asdf Feb 2 '17 at 23:39
  • 1
    Yes, but why do you need to have a page that requires the user to press START? Why not just have the product load on its own? It sounds like this is just unnecessary busywork for the user. – Daniel Beck Feb 3 '17 at 20:42
3

Without more context it is difficult to tell, but I will try to give some ideas in case they help.

Take a look at how the timer in Android approaches something similar:

As you can see in the image in the left, they could have simply show the play button and nothing else. However there is the clock which fills part of the screen, giving information of what are we looking at and what will happen in the next step.

If the screen as you shows us already contains all there is to show, then I would try to center everything. This way there are not several empty spaces but just a block of content in the center and the surrounding space. The arrow your button has right now, suggests a drag or swipe. Instead of telling what kind of interaction the user should do, simply tell what action is going to be performed ("Start").

1

Give the user an idea of what the application does. The other screenshots work because we know what those applications are. You could use a large background image that shows the benefit of using the app or you could add some text explaining the benefits.

Calm.com, a meditation service, shows users with their imagery and with some short text why they should login. enter image description here

0

Why not add a background image on the page? This will instantly make it look better. You can also put an icon above the title and maybe a short description (if applicable). If there are any links to stuff like a help forum, also put them here.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.