Blog

MI 420 Hi-Fi Wire Frame (A7) “Tasker”

Design:

This project derives from the idea that I wanted this app to exploit user simplicity and functionality. A task manager app can be a practical app in almost any person’s day to day activities. The design for my Hi-Fi wire frame was inspired by some aspects of my Lo-Fi wire frame from A6 created with Balsamiq. For this project, I designed an improved task manager app/browser utilizing the software Axure. For the overall look of the app, I decided that the black, green, and white for the browser version; and the green, grey, and white for the app version looked very crisp together.

Process:

I first began this process by designing the app version, starting with the very first screen that loads when the app is opened. On this screen, the title of the task manager, “Tasker.” Then the user only has one option to click on, which is the task icon to open up the home page. The home page was the next section that I developed. From the home page, the user has four main options: “Add Task”, “Remove Task”, “View Tasks”, and “settings.” I created each page of the app in that previously stated order. For the browser version, I started off creating the home page, and from there I created all the sequential tabs on the home screen.

Analysis:

After conducting user tests, I realized that I did not include as many page links to my buttons that the users wanted to test out. For example, the user clicked on a drop down bar during the app user test thinking that it would actually drop down a menu, however, I did not implement that feature but I did try to. Overall, I got a lot of positive feedback on the look of the app, including the colors and the layouts, as well as the amount of functions in this prototype.

User Tests:

Advertisements

MI 201 (A3): The United States Air Force

The United States Air Force is one of the main branches of military that makes up the Great United States Military. The U.S. Air Force was founded on September 18th, 1947. The other main branches of the U.S. Military, which include the Army, Navy, and the Marines, were all founded nearly two centuries earlier than the Air Force in 1775. The U.S. Air Force is centered around the pilot is focused on air capability.

Positive propaganda for the United States Air Force can be found in many various forms all across the nation from billboard ads to Twitter posts. The official website for the Air Force is extremely interesting as well as their official blog page. The first thing displayed on their website are video snippets of Airmen doing various different heroic activities with the slogan: “AIM HIGH” displayed across them. For example, the website depicts service members doing things that immediately spike a viewer’s interest, such as sky diving, drone piloting, space travel, and fighter pilot maneuvering. The Air Force website appeals strongly to Americans’ ethos and their sense of Patriotism. This method of advertising is extremely effective depending on the type of viewer. For example, the method was super effective on me personally, especially since I will be joining the Air Force after I graduate. The Air Force has a strong presence on social media as well.

The U.S. Air Force currently has social media accounts for many of the top companies in the industry. The Air Force has a Facebook page, an Instagram profile, and a Twitter account. On the Air Force Twitter account, they currently have 773 thousand followers, and on their Instagram account the Air Force currently has 572 thousand followers. On all of their social media accounts the Air Force attempts to appeal to the American sense of patriotism by depicting dominating aircraft or Airmen conducting services in war stricken regions of the world. The Air Force social media accounts also display intriguing career opportunities in a possible attempt to recruit some of their viewers. For example, they show service members who monitor nuclear explosions or launch drones across the globe. I believe that another aspect that the Air Force social media account includes effectively is the individual and inspiring stories of its members. For example, on the Air Force Twitter account, one of the posts is about two pilots, who are brothers, continuing their friendly rivalry in the air. This appeal to individual service members and their stories is an effective method of communication, because it allows viewers to relate more to the Air Force and not have the Air Force been seen as just a Military organization, but more as a community of heroic people. The Air Force also has a large presence on YouTube as well that display a wide variety of videos. Not only does the Air Force have an extreme social media presence, but they also have a large amount of people who use applications for them.

As well as social media accounts, and websites, the Air Force also has an education institution devoted to training future Airmen to become leaders within the organization. The United States Air Force Academy based in Colorado has various different mobile applications designated to the assistance of the students of The Academy. For example, there is an app known as the official app of the United States Air Force Academy that allows users to view the campus feed and connect with their fellow students. As well as apps for the Air Force Academy, there are also apps about the Air Force that help average Airmen on day to day to information they would need to know while active duty. Specifically, there is an app that depicts all of the ranks, in order, of the Air Force and images of what those ranks look like on a uniform, in case an Airman was to forget who outranks who in the chain of command.

Overall, the United States Air Force has an extremely large presence in social media and applications. I believe the two main reasons for this large presence is for education of viewers and for recruitment. On every form of technology that you can research the Air Force, there is usually something depicted that evokes a deep form of Patriotism in Americans and allows us to view these Airmen as the heroes they are.

This slideshow requires JavaScript.

Below are some links to sources where you can find information on the Air Force:

Social Media Profiles:

Official Blog Page of the U.S. Air Force:

Blogs that Feature the U.S. Air Force:

Tweets that Reference the Air Force:

Air Force Videos:

 

A6: Wire Framing

Design:

The website/mobile apps main purpose is to serve as a type of organizer and alert system to help the user complete and keep track of day to day tasks.

Process:

I started with a “Home” page for both the App and the Browser. Then, I went on to create the various main tabs within the app and the website. After I created the main tabs, I created the separate, less important pages such as the settings page and the search tab.

This app contains both desirability and functionality. The desirability aspect of this app derives from the fact that almost every person has a use for a task management app. The functionality aspect of this app derives from the amount of features of this app available to the users.

Analysis:

The main tabs worked out well after I created them. However, the separate smaller tabs such as the settings were more difficult to create because there was just too much content in the settings to create pages for each little tab.

After conducting a user test, I received positive feed back about the layout of the app and the features of the app. However, as represented in the video, the user wanted to test more features than I had created for the project. In the future, I would make sure to include a mockup for each on screen item available to the user.

 

 

 

 

A5: Behavioral Prototyping

My group created an app to aid visually impaired people navigate busy areas and notify them of obstacles. It is obvious that our group followed the project criteria. For example, our group conducted two user tests with students from outside the class and who had no prior knowledge of the project. Also, our group conducted interviews with the users and recorded their responses to demonstrate authenticity of student responses.

Our group was given a good suggestion for improvement after critique. The suggestion was that many visually impaired people might not own smart phones. In order to solve this issue, our group would have to design something that could include our app or its features in something utilized universally by most visually impaired people.

3-D Print (A4)

The idea for my 3-D Print derived from the fact that I am joining the Air Force after I graduate. The Air Force Logo Desk Stand will have significant meaning to me. The design is all one uniform design, built from the bottom of the base to the top of the Air Force logo. The original design was going to be multi-colored if possible, but before submitting my design, I realized it was not. The original design was a mix between blue and white, but the final design is all blue.

I did not receive much of a critique on my design. The only improvement that was suggested for my design was that the stand part of my design may be a little too thin, which I agree with.

 

Cell Phone Stand for Usability (A3)

Design:

Final Design:

Cardboard Test Design:

 

Analysis:

My original laser cut design did not get cut out the way I had anticipated it. My original idea was to have support stands that form the shape of a cross on the bottom of my stand to allow the phone to stand on its own better, however I did not account for the thickness of the material before cutting my final design.

What actually worked well was the intention of the design, usability. The phone stand was design in a way that it could support your phone in both a vertical and a horizontal position. Not only does it support both vertically and horizontally placed phones, but it also supports a wide range of phone sizes with the cases still on, that way the user does not have to remover their cases before use.

Video Link:

Stud Finder Prototype (A2)

Design:

  • OXO’s brand will be displayed on the impressive interface screen on power up and power down.
  • The brand will also be displayed throughout the device.

Prototype:

  • The first prototype features vibration on detection of stud, square screen interface that notifies you when a stud is found, comfort grips, a button that will left a sticky on the wall where a stud is, and led light indicator.
  • The second prototype features all the same designs but with improvements:
    • An extendable/retractable handle
    • A light display that is red until a stud is located, then the light will turn green
    • An interface that is not square, but hexagonal to flow better with the device shape.

Analysis:

  • Overall, the design was effective
  • The extendable handle worked well, and the light up display made usability increase.
  • The position of the handle proved to be problematic on occasion due to the way it would position the device, which would make stud detection more difficult
  • The interface that allows you the option to select the type of wall and display when a stud was located and how deep was a popular feature.

Video Link:

Prototype Critique (A1)

After having my peers critique my synchronization prototype and video, I have received some valuable feedback on ways to improve my app design.

Prototype:

  • One of the main improvements that I think would make my app more attractive would be to implement extra stand alone watch features, instead of my app being so phone-dependent.
  • The phone displays more post-workout results with information such as “Calories Burned: ***”, or “Miles Ran: ***”, however, an improvement would be to add similar post-workout results on the watch app as well.
  • I was told that the amount of features on my app was impressive. Also, the real-time display of workout progress was a commonly approved feature.
  • The ability to download and export preset workouts to the watch was liked.

Video:

Positives: My peers concluded that my video was of good quality and that the features of my app were visible in the video. Also, there was not a lot of background noise to distract from the prototype.

Negatives: All though the minimal sound keeps the video from being distracting, it also makes it less enjoyable. I agree with the critique that I should add some music or sound effects to make the video more appealing.

Assignment 1: Smartphone/Smartwatch Synchronization

Design: The app is called “iFit” and it has some minor differences depending on what device you are using the app on. If it is being used on the Smartphone, there will be some additional features that are not included in the Smartwatch version. The smartwatch has bio metric scanners on the back to monitor heart rate and relay body position to the phone. The app, “iFit”, is a fitness tracker that allows you to download, create, and export workouts(to be saved on the smartwatch) or just allow you to monitor your progress while you free workout.

Prototype: I created two interactive paper prototypes, one for the smartwatch layout and one for the smartphone layout. The prototypes take you through what will appear on the screen if you were to select some of the app’s main features on both the smartwatch and the smartphone (see video link below). I added some side notes to appear in my video demo for clarity purposes.

Analysis:

  • Overall, the prototype was efficient in demonstrating the main features of the app.
  • However, if a user of my prototype were to select certain options in my prototype, I would not have a screen view for them.
  • I realized that the bio metric scanners on the smartwatch would be utilized to monitor heart rate for the watch version of the app, but I am not certain how the smartphone would be able to monitor heart rate.

Video Demo Link: https://youtu.be/7EeAezKBqjo