Skip to content
This repository has been archived by the owner on Jan 10, 2024. It is now read-only.

Improve design of onboarding screens #264

Closed
wants to merge 17 commits into from
Closed

Conversation

thellmund
Copy link
Contributor

@thellmund thellmund commented Jun 16, 2018

The current onboarding screens have the following problems:

  • The text is a mix of German and English.
  • The text-only layout is not very inviting.
  • The spelling of TUMonline is wrong.

Here’s a potential update to the onboarding screens:
onboarding

Let me know what you think.

Open questions:

  • The three separated textfields are odd. For a cleaner layout, they could be replaced with a button that opens an alert with a textfield, where the user can enter their TUM ID. Opinions?
  • We could use some sort of illustration as eyecandy, for instance the sketch of the TUM tower. Opinions?

@tgymnich
Copy link
Member

tgymnich commented Jun 16, 2018

Let me know what you think.

I like the screenshots.

Open questions:

The three separated textfields are odd. For a cleaner layout, they could be replaced with a button that opens an alert with a textfield, where the user can enter their TUM ID. Opinions?

I actually like the current layout. It matches the structure of a TUM ID.

We could use some sort of illustration as eyecandy, for instance the sketch of the TUM tower. Opinions?

I don't know about the TUM tower. But from user feedback we know that the token activation process could use some illustration.

@thellmund
Copy link
Contributor Author

thellmund commented Jun 16, 2018

You can find the TUM tower illustration on this site: Link. It probably only makes sense to add this illustration if we switched from the three textfields to a single button, as the immediately appearing keyboard would otherwise cover it. This is what it would look like:
onboarding-single-button

I’ll have a look at how we can support the token activation process with an illustration.

@kordianbruck
Copy link
Member

@thellmund nice! Could we also in one go make connecting to TUMonline optional, as it is in the Android version?

@tgymnich
Copy link
Member

It already is

@kordianbruck
Copy link
Member

kordianbruck commented Jun 17, 2018

@TG908 cool beans - also with the same naming? "Connect to..."

In Android don't show the login screen at all, but only a card on the first launch and have a menu entry for it.

@tgymnich
Copy link
Member

tgymnich commented Jun 17, 2018

Its right under the login button. It says continue without tum Id

@thellmund thellmund added this to To do in iOS 2.1 Release Jul 1, 2018
)
alert.addAction(
UIAlertAction(title: "Continue", style: .default) { action in
guard let text = alert.textFields![0].text else {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do you need to force unwrap here?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good catch 👍 I changed it to a chain of optionals.


// *************
//
// TODO: Make sure login for App Store review still works!
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

INFO Complete the task associated to this "TODO" comment. rule

@thellmund
Copy link
Contributor Author

@TG908 This branch is still a work in progress, as I’ll have to adjust the logic to accommodate the App Store reviewers, which don’t have a TUM ID. You can revoke your approval again 😄

@tgymnich
Copy link
Member

tgymnich commented Jul 8, 2018

@thellmund I think they do have one. Checkout the App Review Information in our latest submission

@thellmund
Copy link
Contributor Author

@TG908 Technically yes, but it does not conform to the usual pattern (ga12abc) and is not 7 characters long.

Copy link
Member

@tgymnich tgymnich left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fix login issue for app review

@tgymnich
Copy link
Member

tgymnich commented Jul 10, 2018

I don't really like the new login prompt. I liked the old one better. Maybe we can add a storyboard transition to the old screen?. For the appstore review problem, you could, check each of the 3 fields if it matches the letters of the testing account login. If all fields are used up and all 3 match the test login username display a prompt or add another text field at the end.

simulator screen shot - iphone 6 - 2018-07-10 at 19 45 14

If you decide to reuse the old login screen make sure this doesn't happen on ipad
simulator screen shot - ipad pro 9 7-inch - 2018-07-10 at 19 37 56

@TCA-Bot
Copy link
Collaborator

TCA-Bot commented Oct 18, 2018

SonarQube analysis reported 2 issues

  • CRITICAL 1 critical
  • INFO 1 info

Watch the comments in this conversation to review them.

1 extra issue

Note: The following issues were found on lines that were not modified in the pull request. Because these issues can't be reported as line comments, they are summarized here:

  1. CRITICAL MoreTableViewController.swift#L57: Define a constant instead of duplicating this literal 3 times. rule

@kordianbruck
Copy link
Member

@TG908 I actually like the Popup - it makes the signup process to be super simple and cleaner. Can we bring this branch to a mergeable state?

@tgymnich
Copy link
Member

closed due to inactivity

@tgymnich tgymnich closed this Nov 28, 2018
iOS 2.1 Release automation moved this from To do to Done Nov 28, 2018
@kordianbruck
Copy link
Member

@TG908 till will probably not contribute too much to iOS in the future. I guess you don't want to change the onboarding?

@tgymnich
Copy link
Member

@kordianbruck onboarding is not my first priority.

@kordianbruck
Copy link
Member

@TG908 alright, then just lets keep the branch around, in case somebody wants to pick this up in the future.

@tgymnich tgymnich deleted the th/beautify-onboarding branch June 3, 2020 21:02
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
No open projects
Development

Successfully merging this pull request may close these issues.

None yet

5 participants