Final Project

Mobile App High-Fidelity Prototype


The final project is a high-fidelity prototype based on further development of the concept, design patterns and interactions, wireframes, visual design, user testing, and prototyping Please click on the image below to see my final presentation. Final Presentation

Advertisements

Assignment 4

My app will be an Android mobile app. These are four screens of my mobile app project that I plan to make into a high fidelity prototype. I’m looking into Android’s design principles to get an idea of which colors and styles I should use. Also, I sketched out some ideas for my app icon. I really like the last one on the right and plan to make it my app’s icon.

Scan 1Scan

 

web_hi_res_512

It has been difficult to find an app that resembles my app so that I can gain inspiration. There are many apps that have checklist forms but hardly any had forms to annotate on. Therefore, I have used the actual training manual book from the Army to guide me in creating an outline for my navigation. Using the step by step process from the book I have created a screen for each step and form boxes so that notes can be taken during those steps. I chose to use two typefaces and six colors. It would have been preferable to maybe use three colors but I ran with it.

Roboto and Noto are the standard typefaces on Android and Chrome. I chose to use Roboto for my app to make the font consistent with the OS. Also, I used the typeface Stencil to create my apps name. The typeface Stencil is often used by the military to mark equipment. The size of my product icon is 48px by 48px. Touch target size is 7mm since the average adult finger pad size is about 10mm wide. I have taken into consideration the design patterns from course lecture. I am highly considering using flat design, but I have trouble figuring how to incorporate it into my apps’ design.


App Style Guide

This is how the colors, fonts, and layout portray my brand and speak to my audience.

PMCS style guide copy-1

Project 3

Design Patterns

 

Design patterns are nothing but the solutions proposed to solve certain problems, which could be configured as a sort of “distillation” of previous design experiences. I have used some examples of design patterns shared by developers, such as tours, navigation, the arrangement and creation of the menu-list, searches, forms, the placement of the buttons, and so on.

 

 

HMMWV Mockup 1

Click here for a full view

Assignment 3

Scan 2

Midterm Project

Mobile App Definition Statement

“An offline technical manual that helps PMCS and troubleshoots at 99 cents.”

 

Personas

Folio (2)

 

Sketches

Scan

 

Click here to view this Wireframe/Flowchart

dam 2

 

 

 

Below are some answers to questions for my presentation.

1. What’s your app named?

In the United States military, preventive maintenance checks and services (PMCS),  are the checks, service, and maintenance performed before, during, and after any type of movement on military equipment. That’s why I name my app “PMCS”.  The High Mobility Multipurpose Wheeled Vehicle (HMMWV), commonly known as the Humvee, is a four-wheel drive military light truck produced by AM General. The app is designed to inspect and troubleshoot the Humvee..

2. What problems does it solve?

My app will help the user conduct preventive maintenance checks and inspection (PMCS) on their equipment. The app will solve common issues when conducting such a task that includes;

  1. Not being able to locate the Training Manual (TM) for the vehicle
  2. Missing or ripped pages on the TM from excessive use or abuse
  3. Having the wrong TM for the specified vehicle or the TM is out of date.
  4. Government form DD-2404 form is not properly completed or missing
  5. The user has trouble spelling or writing neatly
  6. The user is not proficient at conducting PMCS

The app will guide the user on conducting a full PMCS and will be able to annotate any deficiencies that are found along the way. At the end of the inspection, a government form (DD 2404) will be generated with equipment information and notes made by the soldier.

3. Why are you passionate about this technology?

I serve in the U.S Armed Forces and over the years I have seen technology increase in our equipment. However, service members continue to use traditional methods without technology to complete basic tasks. My goal is to use existing technology that everyone has access, to increase proficiency and productivity resulting in mission-ready units.

4. Who is your user?

My user is mostly composed of service members from The United States military. Anyone who looks to further their knowledge on military equipment can also use this as an educational tool.

5. Why will they want to use your app?

It’s easy to use and it will help expedite the PMCS process by eliminating the need for the TM, form DD-2404, pen and perhaps even reading glasses to read the small print on the TM. It’s also just 99 cents

6. How is the app organized (user flow)?

7. What are the main sections and features?

The main sections and features are few to achieve the goal of this app.

Main sections include,

  • Home

The home menu will include the following bullets to include a hamburger menu which will provide a sitemap, help and about information.

  • Begin PMCS

By pressing the “Begin PMCS” icon the user will begin to initiate the inspection.

  • Choose Type of PMCS

The user will choose from the menu which interval of the PMCS is to be conducted.

  • Enter Information

The user will enter information such as their unit and vehicle serial number.

  • Troubleshoot

This option will be part of the home screen. The troubleshoot screen will contain questions that users can choose from to help them resolve issues.

  • HMMVW TM PDF

This option will be available to those who want to use the actual TM to assist them in conducting PMCS using paper and pen form.

Features include,

  • Send file

You can save to cloud storage, e-mail, or print from this option.

  • Edit

This option will allow the user to choose from a menu to which section the user wants to edit in the PMCS. Once edited it will return to the final version with corrections made.

  • Delete

Simple just delete the document but not without asking the user if they are sure.

I served in the U.S Armed Forces and I understand the frustrations behind some simple tasks. I created this app in hopes that it will help my users conduct a PMCS more easily. Please let me know what your thoughts are or if you have a suggestion. Thanks for looking.

Project 2

Assignment 1

1. Dieter Rams (Links to an external site.)Links to an external site.: Ten principles for good design
https://www.vitsoe.com/gb/about/good-design (Links to an external site.)Links to an external site.

 

On this assignment, I was tasked to pick one of the ten principles for good design and find an example of a product or service that reflects this principle.

Out of the then principles, I chose “Good design is as little design as possible” the reason why is because I heard this phrase be repeated many times while studying Graphic Design. My professors elaborated on the importance of having the main message be delivered without non-essential elements. “Less is more” is how my Graphic Design Studio Professor Cherry Wood put it. There are many good examples of a product that reflects on that principle but one that tops them all has to be Apple.

 

One of Apple’s main goals is simplicity. It concentrates on essential aspects without burden. It avoids an array of fonts, colors, and shapes to keep their identity across all their products.  Apple reduces confusing choices to make the user feel in control. Their products are user-centered to make anyone an Apple user.

All the principles that make good design are as equally important. It took me some time to choose one since each one has a good case. However, with today’s’ growing trend for getting attention from users that principle stood out the most to me

 

 

2. iOS App Design Principles
http://designprinciplesftw.com/collections/ios-user-experience-guidelines (Links to an external site.)

The second portion of Assignment 1 was to read the UX Guidelines and answer the following questions.

  1. How did this reading change your perception of app design?
  2. What do you think are the most important parts of good app design?
  3. What did you learn from this article?

The reading made of think of all the small details that go into creating an app that makes it successful. These small yet very crucial designs are what either makes an app be kept or be deleted within seconds after being downloaded. There is very much psychology involved when it comes to creating an app. It seems that these principles are based on years of research using mental models to create a hierarchy. Although some principles seem like no-brainers it notes its importance and reminds us that not all users are alike.

The UX guideline covers many important principles of good app design, which I believe are all equally as important to achieving a successful product. To pick and choose what I believe are most important would be like choosing what type of protective equipment I should wear to war.

I learned from this article the small and sometimes unnoticeable tasks that enhance user experience. Every task has a meaning that together creates a memorable relationship with its user.

 

4dd570a6af556dc04af3374ccdfb83cc.