Final Project Essay

TextSafe is a mobile app, which provides users the ability to store/archive text messages and share this text history. This allows for important data to be safely backed up and easily restored. In addition, TextSafe provides user-friendly functions for handling the users’ text message history, such as: search, sort and filter their archive; manage favorites list; set-up automatic scheduled backup; manually upload/store selected messages; share text messages on social media platforms, such as via email, facebook, twitter, and thumblr; and finally, the app includes a module to manage storage with the option to purchase additional backup space as needed.

Many people rely heavily on information obtained through text messages. They store history of text messages as a valuable resource of information. Whether it’s for legal, personal or business reasons, today's smartphone user will at some point utilize not only their texts, but also the history related to them. According to a recent study by CTIA in 2010, the volume of global SMS has grown every year and was forecasted to reach about 3,700 billion in 2012. Text messages not only include a direct link to people’s history and daily events, but may also serve as proof of certain business conducts. 

Unfortunately, when the mobile device needs repair and requires a fresh installation of the operating system, the text message history cannot be recovered and stored. The only history the user is able to recover at this point is from whatever their local phone company has stored on their servers. In most cases this is only 2-4 weeks worth of data. Consequently, the history of text messages in the users device is lost along with critical information, which is highly important to the mobile device owner. Reports from iPhone technical support at Apple, for example, demonstrates the high amount of clients’ requests to recover their lost text messages. Unfortunately, no resolution is yet to be found.   

Our target range is a young adult to early 50's. Our application can be used for any important business messages, archiving cute texts from your ex (even though you shouldn't) and even saving those funny conversations to show off on date when you have nothing to talk about. For the moments when text messages are needed during legal issues, the messages can be archived and shared showing both time/date stamps as well as attendants in the conversation.

When thinking about building this app research became integral to the need and design. We gathered data from actual Apple retail employees on the percentage of iphone customers who use their text messages. Of those, we gathered data on those who store data in their texts and who would benefit from our application. In a two-week period, we found 98% of customers used their text messaging on their devices. Of those, 87 customers (roughly 35%) found their text messages invaluable and could not lose them during a restore or triage process.

When this occurs, the only option available to them is to do screen shots, or copy and paste the data to an email and send it to their own phone. Both of these options however, lose the time/date stamp as well as the contextual history of the messages. Then we interviewed users of mobile phones and discussed the premise of our application. Over 50 users were asked about the concept and its viability. When asked what they would need in order for the application to be beneficial to them, they were very helpful. While we had already included some items that were universally needed (i.e. upload and archive), customers and interviewees added additional features like favorites, search functionality, additional storage options and the ability to share messages to social media and external storage options (i.e. dropbox).

We also found another aspect to research for this project. We took time to research the current coding technologies to see if what we designed can be feasibly built. We designed an app for the iphone 5. During research, we discovered the screen size for design is set to 320 X 568px. As such, you will find all of our pages fit these dimensions. We also researched other popular apps like Facebook, Dropbox and Instagram to see best practices and what users would look for in UI and design concepts. The article from smashing magazine was key in thinking about layout and design for this project (http://uxdesign.smashingmagazine.com/2013/03/28/mastering-real-world-constraints/). It’s a great case study and help with research questions when designing for mobile usage. Many companies think their sites or apps are universal, but they are not.

To use TextSafe, the user is required to register and create an account; the account establishes a secured handling of the user’s data as the user must provide username and password to access and manage their data. Once launching the app, a login page appears asking for the user’s credentials. For new users, an option to sign-up and register is immediately accessible from the login page. A quick registration process will collect some basic user’s data, register their credentials, and confirm their registration and the activation of their account. In case, a user has forgotten their password, a link to securely retrieve the password is provided as well.

Once the user is logged into the app, they are taken to the main homepage, or dashboard. From here they have full access to the various options, functions, and tasks that the app provides. These options includes, browsing through their text-messages history, uploading/storing selected messages; managing and browsing their favorites text-message list, and accessing the settings section for managing auto-upload, storage status, and turning on or off sounds and notifications. In addition, the user is provided with an option to securely logout from the app.

The Text-History section provides a quick access for viewing text-message history that the user uploaded/backed-up, along with useful functions for sorting through and managing their archive.  TextSafe provides the user the option to search and sort the archive by name (sender) or by date; delete unwanted messages; select favorites ones and add them to a dedicated favorites list; and even share text-messages from the archive with friends by submitting them to social media platforms, such as facebook, thumblr, and twitter, and/or simply, send them as an email message.

The Favorites section is a module in the app that gathers all the text messages that the user marked as favorites. This module provides quick access to favorite messages and includes the same filtering and sharing options that exist in the Text-History section, i.e. sort by name, by date, share on facebook, thumblr, twitter, and email.

            The Upload module is designed to allow the user with a quick manual backup if and when needed. The user is provided with several options: they can select to back up their entire messages, select text messages of specific contacts, select specific dates, or select individual messages. By providing the user with the manual option for uploading, or backing up, their text-messages, the user has more control on the backup process, as they are not entirely dependent on the schedule backup process, which could be turned on or off as needed.

The settings section provides the user with important options that are crucial to the behavior of the app. As part of the settings, the user can configure the auto-upload (backup) option, they can choose whether they want it active or not by turning it on or off, and set a schedule for the auto backup process. Furthermore, they can set up filtering rules for the backup, such as uploading all messages, or uploading only messages from specific contacts.

Another important feature in the settings section is the option to monitor the status of their storage space. Overtime, the storage space tends to get full, therefore, the user can check and see their usage status and make crucial decisions such as whether they should delete some old data, or purchase addition storage. A secure payment method is managed directly from the app, and a payment history is provided as well so the user could track their payments. The settings section also provides the user with the option to control the sound and notifications of the app simply by turning options on or off. While some users are accustomed to and need an audio feedback, such as for completion of tasks, other may prefer a quiet mode. The app, therefore, is designed with the flexibility to fit the user needs while providing important features for managing and handling common tasks.

The design of this application was based on a few things: simplicity, familiarity and convenience. We chose the colors, light blue, green-yellow and whitish grey because most iphone users are used to seeing those colors when they text message. That feeling of familiarity is something that we wanted to evoke in the user. By doing so, the user can feel a connection towards the application and reuse it. This color scheme also is aesthetically pleasing to the eye. Since this application is open to iphone users and android users of a spectrum of ages, we wanted to choose colors that are almost timeless.

The design we chose was to be simple. Seeing that this is an archive of information, we wanted to place things on the application so that it wouldn’t be hard to find. We designed it so that the user has full control over what he/she is clicking on, where to go next and how to check for their history, as well as share and sort it. We looked at the design of gmail, which is also a form of an archive and really liked the idea of having a check box next to the messages.  That way a user can know where to click in order to delete or sort their files.

Our choice of a logo was a lock. We wanted to convey the message of safety. By using this symbol there will be a sense of security and warmness with the colors that we chose. The safe will be on most of the pages, one way or another and that is to assure the user that they will be protected and that they will never lose their text history again. We also wanted to make the person using the app feel like the design is always conversing with them.

Last but not least we wanted to design our application to be uniform throughout the experience. We wanted to see this uniform look as you maneuvered through the pages, having the same colors, same placement, and same function throughout. And if you wanted to go back, you would be able to do that with a click of a button. We also wanted to have an option, which you would always know how much space you have because the application would remind you periodically. That was a huge factor for our application.

Final Project

People and the Floor Layout

F.A.Oh Hell no.

Kevin Pena

            FAO Schwarz is quite possibly one of the hardest stores to maneuver through. The first floor isn’t too bad. First, you have the entrance with a ton of plush dolls, all kinds! Here you can find a lot of parents and their children and people taking pictures next to the elaborate towers. The thing that confused me was the cashier. It was placed on the far left, where it wasn’t really seen. I didn’t even know it was there until someone pointed it out to me. Following the same floor, if you continue forward, you can find the candy section. There was candy of all kinds, even some from the Harry Potter series. I noticed that the candy, the closer it got to the cashier, the more “adult like” it became. It had more calories, bigger in size, things that children wouldn’t so much eat.

            At the end of this candy wonderland was a café geared more towards adults. So as children were getting candy, they could get in line and buy a cupcake. I noticed the people on the lines were mostly adults. Although, there was another exit right by the café and I didn’t really know which one was the entrance or exit. In the middle of the candy area was another cashier but this one was more in your face. The colors here were lighter, pinker, much more happier. The odd thing is, at the end of all of this was a downstairs area for babies. They had more plushies and clothes for little babies. They used a lot of neutral colors down on this floor.

            After going through ALLLLLL of this I went ALL the way back just to go on the escalators to get to the second floor. And from the entrance in the candy store, this design would make more sense but from the entrance next to the apple store, it’s just a lot of back and forth. The second floor is where it got confusing. It starts of seeming like it’s for teenagers/and older crowd. There are the Midtown comics and I even saw a Spiderman look a like. This was definitely for the older kids who are close to being teenagers but are not kids anymore. At this point I started to feel as if the age range increased with every floor. The basement was for babies, the first floor was for kids and the last floor was for older kids.

            This last floor really took me for a spin. Fist off, there are 3 ways you could walk through when you first get to the second floor. You can go right, towards the dolls, left towards the animal section and then through the middle to another area. I started off with going to the right. Past the midtown comics was the doll area. You could make a doll, buy a doll, look at them, etc. It was clearly more for younger to teenage girls. I even saw a Katniss doll from Hunger Games. Past this is the hello Kitty section. What I found interesting about this section was the fact that they have bags for older women right next to the cashier. I even saw a woman eyeing these pieces as her daughter was looking at the hello kitty stuff.

            There was even a spot for “Tween Skin” which was all about preparing your child’s skin from their teenage years. They had acne products, moisturizers, etc. It was like this section gradually became older as it went on. When you take a left at the next area, it turns ALL in the boy’s toys. As if the sections were segregated. Here were more darker, intense colors such as red and blue as opposed to all of the beige and pink you came from. But it was even more frustrating because then you could take another left or continue further. It was quite the maze. I continued further forward towards the other toys. It was lego’s and the grand piano. I couldn’t figure out why legos were so far deep into this place. I really had no idea because this was something that should grab a lot of attention. But after leaving this place a little later, if you’re walking down Park Ave you can see Legos from the window display. Which might get people to come in. Either way, a lot of people were on the piano, having fun and taking photos. Leaving this area, there are more toys for young boys (with very little toys for younger girls). The next section was education based. There was a lot about museums and books and evolution. There was even a gallery to buy paintings from. Although, I think this was more so for older people because I don’t think that kids would want paintings as opposed to toys. A lot of these paintings were also over sexualized.

            You can pass all of these books and enter this narrow hall where you can see animal stuffed dolls. And you’re back where you started. BUT I forgot all about the middle section at this point because I went in a circle. So I went to the middle and saw a Dip N’ Dots. You do not know how tempted I was to buy some because of how tired I was. All of these sections merged into this middle section. It was almost as if this place forced you to walk through all of this. On the left side of dip N’ Dots there was an area for “The Beatles” and sweaters you could buy in front of these mirrors. Barely any kids know who The Beatles are so I’m guessing this was mostly for older people. It was conveniently located near the Dip N’ Dots.

            It’s hard to pinpoint a strategy for this place. It’s really a headache for me. But I’m guessing since this is such a tourist spot and a place where Parents love to bring their children, FAO Schwarz designed this place to make it so they had to walk everywhere. They segregated the boys and girls section so if the parents had a boy and a girl, they would have to walk throughout this whole place/maze to get through this all. There are barely any signs pointing you in any direction to the exit, so they want for someone to not know where they’re going or how big this place actually is. And in the end, once the parents are tired and the kids are hungry, they have a café, a Dip N’ Dots and a Whole candy section near the exit to replenish lost energy. A lot of the sections are lost because of how these areas are made, especially on the second floor.

Here is a section of the bottom floor targeting parents for strollers! There is even a video you can watch.

Dolls on the Second floor with a lot of light "feminine colors"

The Dip N' Dots in the middle of the second floor. Impossible to find but when you do, you want some.

5 webpages

Website Design

Print and Web Ad

Web

Print

5 Good Examples

 

            This photo was taken across the street of one of my “bad examples”. The bad example had “Jackson Heights” in it’s logo and this one example here is a good use of word play using Jackson Heights. Instead of “Jackson Heights” they used “Delhi Heights. The font is simple, yet endearing and the use of bright color doesn’t overshadow the place. The logo in the circle is not very visible in the photo but in person, it doesn’t fail to impress. It’s the logo of the store and it uses vivid lines and colors, which would entice me to go in. It’s also centered between the two words.

            Under this whole “Delhi Heights” there are words that describe the inside in very meticulous script. It’s separated from the emphasized store name but still does well in unifying the piece as a whole. I understand what they were trying to do here and I feel the colors, the font and word choice all work together to make the restaurant fit in with the area.

 

If you ignore the part in the back, I feel that the logo/font on the window is very effective in working together. The font appears to be very studious, almost like a newspaper and the green color almost remind you of money in a sense. The whole thing is shaped like a triangle, which falls nicely for your eyes. The logo is a graduating child holding a gold heart and a blue star. The colors are complemented not only by the color of the font but the simplicity of the whole thing. The whole appeal to this is that it looks like a very simple, effective way to get your child graduated. 

The word “Ivy League” is the largest part of this logo and the reason is clear, it’s well known to the general public.When you see Ivy League, you associate it with intelligence, stature and a promise to a better future. The makers of this clearly knew this and used it to their advantage. By putting together all of these elements, they created an effective logo that addresses what they need to be addressed.

           This is a font that I think is good example of something that works well with the design it is written on. The design of the Plaza seems futuristic more modern in a sense and the font plays well into that. The negative space in the word “Broadway” only heightens the appeal because our mind works to fill in the spaces. We know Broadway so well that we can fill those spaces easily. The negative space is interesting and fresh to look at. It’s also the largest font in between Plaza and Hotel but our mind can put the three together.

            I think that this is a good example because it effectively gets its message out about the location and what it is in one swoop. The look of it is slick and clean and very simple, all which are things to look for in a hotel. This was the main point of making it the way it was. If I looked at it and though, wow I want to sleep in this hotel then it does well in its design.

             This next piece was one of the most unique I cam across. It’s very bold to use such a different font that is quite large but I liked it. I think that the name goes with the font. It’s exotic and different and I barely even know what Sunac means. The fancy food written below it does something bold as well. The first letter is italic and somewhat script like. It looks fancy, which was a part of the whole idea. The rest of the letters are just your basic lettering. This usually wouldn’t work for me but it’s different! And works well with the other elements of the store.

            It’s nicely balanced with the bottom part of the store and it’s a large logo for a large store. I think that even though I don’t know what sunac is, I want to know what it means by going into the store and figuring it out. Whether it is a supermarket or restaurant.

              The last store I found was the Museum of sex store. Now this store jumped up to me automatically because it has the use of balloons as the words to make out a bubbly, fun font. The “crazy sexy” part on top is just the beginning. The alteration of the pink and blue makes it jovial! Now, I don’t know how many people know what the museum of sex is but it’s definitely a place you go to for “fun”. The museum of sex is primarily there to learn about sex and your body parts while looking at the entertaining attractions. This font helps elicit that feeling.

            The next part is the museum of sex part. Everything is written in a think clean font except the x in sex. This is crucial because it is the emphasis that makes this design interesting. Even saying the word sex, the x is emphasized but here it is brought to life. The mixture of the two of these different fonts bring to life this museum. Museum of sex is also tightly spaced. This can mean a lot of things, whether it be the association of sex and tightness or the fact that it can be read easily with the mind. All we focus on, in the end, is sex.

5 Bad Examples

  -->

The first one I chose was the store title with the words “India Sari Palace”. Now this just might be my grammaticism and me but shouldn’t it be “Indian Sari Palace”? That was my first issue with this store heading. My second issue is the ISP in block letters on the side. It seems to have no place in the total picture. It doesn’t really make sense with the whole title. It would have even been more appealing if they just removed that and moved over the “India Sari Palace” to center it. The next issue I see is the font.

I can see where they had this idea, it makes the place stand out, look different, make it more “ethnic” but I think the execution was a little off. The “S” is slightly thicker in Sari and the “I” is lower case when all the other letters aren’t. It throws off the whole thing. This is the same with the “I” in “India”. The way it is italicized might be a positive point but the way it works as a whole just pulls the whole thing down.  The black on white is extremely plain and doesn’t help make it more “foreign” or “fun”. For these reasons, I chose this to be one of the bad examples of a store heading.

           

At first glance, this doesn’t seem all too bad but as a whole, I think this is a bad example of typography for a store/restaurant. Whole not completely visible from the photo, the inside of this restaurant is very fancy, so I can see why they chose to use script. It elicits more of a traditional, fancy appeal. Although, the sizes of the fonts, and how they change dramatically so close together isn’t very appealing to the eyes. Also, it goes from smaller, to larger and longer as it moves down. The name of the person who owns the restaurant is also the smallest detail. Generally, I think that the outside does not match the inside.

            The quick change of fonts, the spacing and the size of the letters all make the place seem a little less fancy. The number placement on the top left corner does not even have an area code so it’s all just very confusing. For these reasons, I chose this as one of my “least favorite” store headings.

-->

The next bad example I chose was the “Raj Jewels of London”. I don’t know if you can see inside but it’s a jewelry store with white popping lights. It looks clean and simple inside. I can see why this store chose this font. It is an eye opener, it’s very Middle Eastern and fits well with the demographic but in general I do not think this is an appealing store choice. It looks like I’m entering the pits of hell, not a jewelry store and if I was passing it on the street, I would not want to walk in and try to buy something from it. It doesn’t seem like a place that really is simple and clean.

Secondly, this store headline has the word London in it and while it did a good job in placing and size, it doesn’t convey a very good message. How does the font fit in with “London”. It doesn’t make the store more “European” or different. For these reasons, I believe that this store is a bad example of store font choice because it doesn’t scream “come in”, it screams “I’m going to eat you but buy my jewelry first”.

The next bad example doesn’t need much explanation to me. It’s literally a train wreck. I do not know how it was even posted. First of all, the “P” is nowhere near the word it’s supposed to be attached to; I assume it is Pioneer Group. Second off, they separate “Ioneer” and Group with a line, which makes the viewer assume there is no relation. The line is redundant and makes no sense whatsoever with the whole piece. On the right side, there is a list of qualities of the store. Not only does this list get smaller from left to right, it isn’t even aligned correctly.

            The amount of negative space on the left doesn’t sit well with me. It’s highly asymmetric but not in a way that is interesting to look at, it is asymmetric in a unappealing way, like it almost makes my eyes hurt. The choice of font changes 3 times, very quickly and it are fonts that do not compliment each other in any way. All in all, I would have to say this store did not do well in selling their product to me.

  -->

In some instances this might be good for a store. It’s large and bright and gets a lot of attention but this food court used to be a movie theater and I think as a movie theater, this might work but as a food court, it doesn’t do well. This was taken from the front of the store but if I was walking on the street that this was on, I wouldn’t have known it was a food court because it isn’t in my direct vision. I would have to be walking across the street or be right in front. The sides don’t do much in telling me what kind of place this is. While the placement isn’t too bad, the fonts are distracting. You have a large Yellow font that just says “food court” on it and the name of the Area, Jackson Heights.

            Again, this would have been more effective for me if it were a movie theater because that is usually a font that is found for a theater. There are some redeeming qualities to this but in general, people know for the most part that this is Jackson Heights so stating it is superfluous. It’s a waste of useful space. If it was important, they could put it in larger letters.

-->

5 Principals of Design

Balance

Balance

Proportion

proportion

Emphasis

Rhythm

Rhythm

Balance

Emphasis

Proportion

Emphasis

Rhythm

 

 

Unity

Unity