Southern New Hampshire University Mobile Application

In this project, you will demonstrate your mastery of the following competency:

  • Apply user-centered design principles and industry standards in the development of a mobile application

Congratulations! Your App Development Proposal has received approval after being shared with both your client and the mobile application development team at Mobile2App. It is now time to construct a UI based on your original proposal. You must supply the client with a complete UI design that is easy to understand and demonstrates a creative theme and layout for the finished application.

Open the Android Studio Layout Editor to begin creating the UI for your app. Be sure to use the Install Android Studio resource and the Build a Simple User Interface resource, both linked in the Supporting Materials section, to get started with this software. Throughout this project, continue to reference the App Development Proposal you completed in Project One while paying particular attention to the section on UI Design. Also be sure to let the Android Design and Quality Guidelines document, which is linked in the Supporting Materials section, guide your decisions.

Your completed UI should include all of the screens needed for your app to operate but the UI will not yet be functional. You will only be creating the UI components for this project as the supporting code will be completed in Project Three.

  1. . Your UI must include a login screen, that contains the following:
    • Fields for the user to provide a username and password
      • Note that the password element should be configured in a way that obscures any text that is typed into the field. This means the text will need to be visually converted into dots.
    • A button for the user to submit their username and password
    • A button for the user to create a new login if it is their first time using the application
      • Note that to simplify the account creation process, you can use the same login screen for this purpose. Create a button that will add the username and password into the database if it does not already exist.
    • Any other fields or elements that are necessary to make your application visually appealing, intuitive, and usable
  1. ). Your UI must include a data display screen, that contains the following:
    • A grid for displaying data
    • Logical labels and headers for the data that will be displayed
    • A button for adding data to the grid
    • A button on each row for deleting that row of data from the grid
    • A mechanism that allows a user to change the value associated with each grid item (e.g. the number of a specific item in an inventory or the date of an event)
    • Any fields needed to add data to your grid, though this can be on a new screen if you feel the layout is better for your app
  1. ). Your UI will need to include a button, or alternate mechanism, that would cause the app to ask a user for permissions so it can communicate with SMS messaging. A user that grants permission will then receive automated system notifications based on which option you chose in Project One. These notifications would be low inventory, an upcoming event, or reaching a goal weight. If the user denies access to the permissions needed for the app to interact with SMS, then your app should still continue to function overall but should not provide any notifications.. The layout for each screen should follow an intuitive visual flow, have a consistent theme, and be creative but still easy to understand. Ask yourself the following to help determine if your visual hierarchy is successful:
    • Does my focus order match with the steps a user would follow when completing a task?
    • Does my grouping organize content in a way that makes sense for the user?
    • Do my transitions have consistency between screens and tasks?
0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply