Before i start to write this post, i'd like to make clear that i'm not a Nextel user, and decided to start this after hearing a friend complaint. Apparently his complaint was about the navigation flow, and how they were not using native interface and experience to build the app. I have zero experience with frameworks like Xamarin, or Sencha, but despite the fact i can do some html, css and js coding, i always tend to use what the OS's have to offer.
So i asked this friend to send some screenshots of the application. This is what he sent me:
It seems he forgot a few screens, but that's fine. I'm sure i'll have to assume a few things in order to change the experience and interface, so assuming how a feature works should be no problem. Just kidding. There's no need for all the screens 'cause i'm not going that deep with this trial.
What we have
After login in, the user is presented with a top bar where there are apparently 2 menus - or at least, two buttons that reminds me menu buttons - with a dashboard screen, with user name and its phone number, an on-going invoice information with a green leaf and a summary of the actual data and minute percentage usage. There is also a pagination which shows the data and minute information separately, with the real information, in minutes and gigabytes. Data consumption is presented both ways with a "+" button, letting you buy data and minutes packages.
Ok, let's start tapping around. First, that green leaf.
It opens a modal informing the user can go "green" by avoiding his billing of being impress, and sending it by email instead. So you basically activate it by turning the switch on, and inserting your email in a text field. In resume, it's a billing feature.
The menu button presents a bunch of other features. Second billing imprint, Billing by email, Extra Internet, Automatic debit, Anti-theft, Change maturity date, Stores, Recharge, Plans, Doubts, Coverage, Internet Configurations. Ok, lots of information here. I'm not going too deep into each feature, but to structure it in a way that makes sense. What i tried next, was taking all that information and grouping them by relationship.
My line of thought
Each consumer have three line options: Pre-Paid, Control and the, let's call it, Pay-as-you-use (i don't know if there's a name for that in English). I'll present myself as a user, with a Pay-as-you-use line, with a 5GB Familiar Plan. In this plan, i can distribute the amount of minutes and data between members of my family.
So i wrote all the option and, based on the available features, grouped them in 4 main "pillars" that would be default for every user, regardless of its line type and plan: My Nextel, Customer Service, Stores and Configurations .This way, the screens can morph based on what the user possesses without compromising the user interface, merging it into an unique experience.
Based on that, i created the first wireframe screen. Look, i'm basically ignoring the registration/login for now, and focusing on the experience of the user after that process. My intention here is to organize what the app offers.
The final layout
I created just two screen based on that wireframe: The profile and consume screen. The result you can check below. I am still working on that as a case study for my portfolio, so as soon as i finish, i'll update this post with the url.
Since this is my first post, i’d love to hear your thoughts on this. From the terrible english, to the ux process and ui as well.