Month: November 2014

Today, the generation gap between grandparents, parents, and children are largely blamed on technology. Older generations have coined the phrase of many younger generations as, “mindlessly surfing the web,” or spending too much time on our phones, instead of reading a book or engaging in activities. Yes, it is important for people especially adolescents to get out of the house and do something other than stare at a screen all day, however, this bad stigma takes away from the true art in technologies like web and app design.

Why is our generation so drawn to the next new-hit app or a new website that just arrived on the internet? Some people would say because that is just who we are. Always wanting something new and exciting, but how about because these new inventions, if you will, are incredibly user-friendly, easy-to-use, and personal. The study of human interest in technology has now shifted from asking the question of how can we get kids off the computer or phone? To how can we make these technologies more efficient for every generation to use as tools in their lives?

Web and app design is the answer. Shneiderman’s Eight Golden Rules of Interface Design and Jessee James Garrett’s Elements of User Experience, reminded me of this conflict because of how effortless it is to ignore the craft and plan of web design. Garrett poetically states that every design tells a story. It is composed of a surface, skeleton, structure, scope, and strategy. The surface is what the user sees, the skeleton is the information and navigation design, the structure is how the information is architected, the scope is the functional specification, and the strategy is the products objective. I like how Gerrett made his presentation by concentrating on certain terms such as User Experience. It really is an experience for people to travel through different systems and connect information by human engagement.

What stuck out to me in Shneiderman’s article was when a website becomes more frequently used it is important to, “reduce the number of interactions and to increase the pace of interaction.” This made me think of how annoyed I get when I get the wrong room for a midterm or office hours and have to go through my.ucla.edu, then sign in, click on my class, log in again on CCLE, click on my syllabus, and finally find what I am looking for. Enabling shortcuts allows users to easily access the pages they need to get to.

Another important rule that stuck out to me was how one must design the system so users are, “the initiators of action rather than the responder.” This made me start thinking about app design. Users want to feel in control. This brings be back to my point I made in the beginning of me post about why people are drawn to certain apps. When the designer puts the user in control to take initiative action it makes the app or website more personal and more likely the user will become a frequent user. These articles helped me to better appreciate websites such as Amazon and Yelp, as well as, apps like, instagram or venom which draw users based on their quality of design and explicit goal.

This week I explored “The Knotted Line” website. I thought the design was very interesting and the interactivity was key part of my experience. The method of accessing the information relates to the information presented. The timeline presents the history of oppression in America, especially how it relates to education, housing, and prison systems in the more modern era. Sometimes it was a struggle to get the blurb to pop-up which is a strength of the website not a weakness. I think this parallels the difficulties present when trying to access information while oppressed. Sometimes I also had to access a previous pop-up before the next one could show up, which re-enforces the idea that knowing the historical context and previous events is important to understanding our current social climate.

The About section describes how to use the site but if you want to access the background the the project you have to click through one of the blurb pop-ups. Because this is a timeline with imagined future events I would like to know when this project was created. A great strength of this site are the pages you can access once you click through one of the blurbs. Each item on the timeline is listed is chronological order and you can also browse by theme/subject matter. The homepage is a piece of artwork in itself and the “back page” is a great tool to expand on the information presented on the homepage, especially if you missed some items on the timeline.

When I explored the timeline I immediately thought of California’s recently approved Proposition 47. Prop 47 reduces the classification of most “nonserious and nonviolent property and drug crimes” from a felony to a misdemeanor.  Because “The Knotted Line” was created before 2012, the approval of this proposition is not on the timeline but I’m surprised that an equivalent is not present in the “future events” part. The 2016 legalization of marijuana node could be an equivalent, especially because of the focus on the decrease in drug arrests. Prop 47 covers more than drug-related crimes and will lead to a decrease in the number of people that have to go to prison for crimes committed. The “future events” on the timeline focus on prison reformation as a major point and it also focuses on shifting laws that also improve the entire justice system. This is important because it shows that “The Knotted Line” is looking at America’s history of oppression from many different angles and doesn’t consider prison reform as the ultimate solution. Instead it’s a combination of factors that effect the status of our freedoms.

I was really interested in this week’s piece on the “Eight Golden Rules of Interface Design” by Ben Schneiderman because of its explanation of what attributes generally make for a successful website. In these rules, Schneiderman explicitly details features like shortcuts, consistency, communication, and ease in relieving troubleshooting errors. As someone who is new to web building and design, some of these details were a little too technical for me to totally grasp. Technical terms and concepts aside however, I was very excited to notice Schneiderman’s repeated emphasis on the specific UI issues he pinpoints for the explicit purpose of making all aspects of the site cater to the user as much as possible. I read many of the DH 101 posts this week and enjoyed exploring the gorgeous, streamlined, unique websites that were shared. Perhaps most remarkable to me after exploring these sites was realizing the sheer amount of ease I had navigating each and every single one, despite my basic computer skills and lack of experience with each website. I had always wondered what kind of skills made for an enjoyable website and always imagined these skills being some kind of “coding superpower”, when in reality, as this week’s reading demonstrates, a website’s success is more so ultimately dependent on its creator’s attention to his/her audience. (After all, what good is a website if no one can figure out how use it?)

These stipulations and their overall focus on the end-user and their experience of a site struck me as an extension of the more broad principles dictating marketing strategy. Called the “4 P’s (Principles) of Marketing”, these principles broadly dictate a marketing strategy as built upon product, price, placement, and promotion. Thus, in order for a marketing strategy to be successful, it must acknowledge and make clear to its customer base the product involved, the price of the product must be clear and competitive, the placement of the product that will allow the customer access to it, and the promotion of the product to inform the audience of all these details. While all of these details, when delved into, are incredibly technical, these rules, like those delineated by Schneiderman, are overwhelmingly customer-centric. A product is only as useful as it is useable by its customer, as it is affordable it its consumer, as its is available to its consumer, and as it is acknowledged and understood by its consumer. As a fellow consumer of products and services, whether it be a chocolate bar or a website, it is certainly incredibly comforting to know that these products and services are invested in making these products and services for its consumer and, more importantly, that these products and services are only as successful as they are invested in their consumer.

Schneiderman’s article: http://faculty.washington.edu/jtenenbg/courses/360/f04/sessions/schneidermanGoldenRules.html

Marketing Mix: http://www.3msage.com/?p=197

In “So the Colors Cover the Wires: Interface, Aesthetics, and Usability”, Matthew Kirschenbaum mentions how our desktop views  in laptop and/or computer systems are “oddly unlovely, dull and listless”. I find this interesting because technology seems to be advancing at a rapid rate, so we can see the many changes that go into interface design, especially with computer systems and also cellular “smart-phone” devices. One personal example would be my experience with Windows XP. With this interface design, all you had was a desktop with a background and various icons, a start button, and some utility icons on the bottom right. Compared to contemporary interface designs, Windows XP seems too flat and boring. There were ways to customize your home interface screen by downloading different interfaces online, but for the most part, the theme remained the same. You can also change your background wallpaper, but that was pretty much it for customization. The look for this interface remained for a long, long time until Windows 8 came out. With Windows 8, we can definitely see a drastic shift in design. Your homepage is no longer the desktop screen but a colorful arrangement of tiles and icons that display the top files or the most useful applications. Here, we can tell that Windows focused much more on the artistic design of the interface, perhaps to appeal to the touchpad or tablet device market.

I bring this up because, in his essay Kirschenbaum quotes a passage from Nathaniel Hawthorne’s “The Artist of the Beautiful”. In this passage, we read about how a tiny, mechanical butterfly flutters forth from a jewel box. Hawthorne describes this butterfly in such a life-like, real, and beautiful way that it seems like the butterfly was not man-made. This butterfly seemed more than real; it had some sort of character that was spiritual, perfect, and captivating: “‘Wherefore ask who created it, so it be beautiful?’ … ‘it may well be said to possess life, for it has absorbed my own being into itself; and in the secret of that butterfly, and in its beauty … is represented the intellect, the imagination, the sensibility, the soul of an Artist of the Beautiful!” The artist’s creation is a reflection of his soul, an energy or an aura that pulls the interactor into the artist’s sense of being in way where our being emerges with the creation. I thought that this was fascinating because I can see a pattern these days especially where people become attached to their phones  (ex. Iphones) in peculiar ways. Without their cell phones, they feel naked and lost. It’s as if their phones are an extension of themselves or at least carry a part of them. Whatever it is, there is definitely some sort of technological or digital fetishism that is occurring these days.

Matthew G. Kirschenbaum’s article “So the Colors Cover the Wires”: Interface, Aesthetics, and Usability” reminded me a lot of chapter one “What is Design” in Design for the Real World by Victor Papanek.

Kirschenbaum’s discussion of interfaces as “layers” and the “distinction between different layers of interface…and ‘content’ is one that runs counter to decades of work in literary and cultural criticism, where form and content are almost instinctively understood as inextricable from one another.” To developers, the interface is computationally distinct from the content it intends to portray. However, Papanek states, “Design is the conscious and intuitive effort to impose meaningful order.” By designing an interface, the developer is imposing an order on the content that cannot be separated from the visualization. The biggest question in design is whether the design should be functional or aesthetically pleasing. Papanek describes six parts of the functions of design in order to answer the question. These fuctions are as follows: method (tools, materials, processes); association (education, culture); aesthetics (gestalt, perception); need (goal formation); Telesis (technological bias); and use (as tool, as communication). All designers need to take these six functions into consideration in order to produce a functional and aesthetically pleasing design. However, many designers strive for a more concise statement that the six functions: they seek precision, simplicity. For Papanek, “the particular satisfaction derived from the simplicity of a thing can be called elegance. When we speak of an elegant solution, we refer to something that reduces the complex to the simple,” much in the same way developers seek to create an elegant yet simple interface.

An example of an elegant interface I have recently discovered is Freunde von Freunden’s website. In April, FvF published the article “Rethinking Storytelling and Usability: FvF’s Approach to Digital Publishing.” It details the development of a new interface “as a matter of usability in synergy with content and aesthetics.” Since FvF publishes many interviews with guests that involve exploring their neighborhoods and studios, they decided to redesign the individual story pages that “interweave visuals with writing.” In the article FvF discusses their steps in developing the new interface, including a new feature they had to develop from scratch in order to “combine image, text, and video into seamless stories.” This article directly ties back to Kirschenbaum’s about the difficulties of creating interfaces, as well with Papanek’s writing on successful design.

Have you ever thought about the importance of computer interaction? Because of its recursive nature, these magnificant interacting tools are often seen as a prioty or necessity, rather than a precondition found in todays computing experience. Matthew Kirschenbaum wrote in , “So the Colors Cover the Wires’: Interface, Aesthetics, and Usability”; his chapter he discusses how the much stake is rest in the interface communications. He brought about a few examples when humans fell due to the failures of machines, for example in the case of Therac-25, many people passed because of radiation overdose when machine began administering higher doeses due to interface failure. He also brought up other examples of interface defects which resulted in a planes machine failure, causing it to crash.  You may ask, what is an interface? He describes it as a surface or boundary where two or more systems, devices come into contact and interact. The point of interfaces is to have no interfaces; a well thought through interface will allow the user to ignore the seperation grap found in these disconnected systems, and instead left as the machines little “secret.” Interfaces allow us to believe in a computer realm where almost any humans can connection and intermingle with others. This article presented excellent examples from an aray of fields, he even mentioned Frankenstein! I appreciated the stress placed on beauty, as he states that aesthetics may be the most crucial part of the computing experience. There is a distinct divide in the computer life between human and machine. But because of the beauty in interactive experience, the hidden nature of interfaces, and the easy essence of these machines, we disconnect from hardware which produces these experiences, and instead use it as an extention of the mind.

This weeks reading made me think about the personal computer and these smart phones that are in the hands of oh so many humans. What is  life with these technologies like, how is it that we have developed such a deep relationship with these devices? I think it is because of the hidden nature of interface communications and the real-time experience of the Internet. These devices are the key into this virtual world, where everyone gathers, shares, experiences, and so much more. There are moments where I feel like these technologies have disconnected us our reality, and into this indirect sphere of constructed identity. But at the same time, I see the beauty in the communciation, and the love that can be shared in these friend circles. Yet I am afraid of the underlining power and dependence that will only continue grow over years, I mean what will they think of next…

Occasionally, I come across certain projects or public archives that really stand out to me in how they utilize digital capabilities to present the information in an organized, clear, and unique way. This week, I felt this way while taking a look at Evan Bissell and Eric Loyer’s Freedom Ring. The project focuses on Martin Luther King, Jr.’s “I Have a Dream” and allows the user to explore this speech through audio, written text, images, and other related media. Not only is the focus interesting, but the way everything presented is very attractive standing alone; the website uses an auto-scroll, presenting drawings, posters, and other images, while playing the audio of King’s speech and giving the option for the written text to be displayed. This project, in my opinion, uses the digital in a captivating way to complement the element of humanities, which is how all digital humanities projects should approach presentation.

Although the interface is not quite the same, I was reminded of the Los Angeles Holocaust Museum while looking at Freedom Ring, mostly because I also really enjoyed the way the museum used the digital for their presentation. The LA Holocaust Museum revolves around storytelling, capturing an endless amount of stories of survivors as well as biographies of famous European-Jewish people alive during and affected by the Holocaust, including Sigmund Freud, Peter Lorre. Since the museum presents so much information for visitors to choose from, they use an interactive interface for easy accessibility and sorting. They also offer iPod Touches and headphones for free to aid this experience. Through the use of the iPods as well as the touch-screen interface of many parts of the exhibit, visitors can go through a wide variety of survival stories, biographies, and descriptions of historical artifacts pertaining to World War II, Judaism, and/or the Holocaust. What really attracted me to the way the museum presents the archives is how visitors can shape their experience, which is through the interactive interface that allows them to choose what they want to learn about. Personally, I listened to a lot of the biographies and stories because I already know quite a bit about the event itself, so I wanted to take advantage of all the new and personal information pertaining to the specific individuals included in the archive; although others’ experience could do nearly the opposite, which the interactive interface allows. The interactivity of the interface would not allow as much variability if the museum neglected digital capabilities.

This week’s readings got me thinking about the efficiency of many of the websites that I use regularly. I am a frequent online shopper. One of the websites that stands out to me as being inefficient is, sadly, Target.com. In reality, I love Target, and would go there over Wal-Mart or any other store. In contrast to Target stores, The Target interface looks cheap and outdated. I was looking at it with some of my friends and one of them commented that it looks like a “fake, scam website”.

Other than the physical appearance of the Target website, it also fails to adhere to some of Shneiderman’s “Eight Golden Rules of Interface Design”. For example, the fourth rule, “Design dialogue to yield closure”, is defined as, “Sequences of actions should be organized into groups with a beginning, middle, and end. The informative feedback at the completion of a group of actions gives the operators the satisfaction of accomplishment, a sense of relief, the signal to drop contingency plans and options from their minds, and an indication that the way is clear to prepare for the next group of actions (Shneiderman). Target.com should employ a more controlled vocabulary. When I looked up “pillow” over 2,000 results came up. Some items that do not relate to pillows also appeared, indicating that there metadata is inconsistent. Frequently I will google something, be directed to the Target website and then the results on the page will not be what I looked up. For example, I’ve done searches for a jacket and have been given some jackets and other random items came up in the results too.

When describing the “Eight Golden Rules”, Shneiderman uses positively reinforced diction, such as, “accomplishment, sense of relief…modest” to convey that the user should feel comfortable using the designed interface. Technology is meant to make things easier and more accessible, but when we face technological problems, many people become extremely upset because they don’t know how to fix them, and feel powerless and confused. This concept is reflected in the 6^th rule, “Permanent easy reversal of actions”. An easy way to go back is meant to make unfamiliar users feel less stress and encourages them to try new things because if it is wrong they will be able to get back. Trial and error, and exploration are necessary when learning a new technology. Most of the time, I can figure technical problems out when I just experiment and try a few new things. My grandparents struggle with technology because they are afraid to mess up and become panicked when there are too many options presented to them. Luckily, the internet has the back arrow, which alleviates this problem for the most part.

After reading Shneiderman’s “Eight Golden Rules of Interface Design”, I was immediately reminded of the shortcomings of my online Spanish course. Half of the class I am enrolled in this quarter exists online, with online tutorials and lectures, homework assignments, and study guides. However, I constantly find myself frustrated with the layout of the website, as the location of certain things within the site is not the most intuitive. I have to waste so much time just trying to find certain parts of the website in order to complete my work, when it could be much more streamlined and time efficient. I have decided to compare Shneiderman’s rules to my Spanish course website and see if its shortcomings can be attributed to the breakage of them. The following rules are broken:

(One can only see the website if you are enrolled in the class, so I have provided a screenshot of the page a student spends most of their time on [but ironically is NOT the homepage] to hopefully better understand what I am talking about.)

1 – The website is not consistent with the way it words it’s items. For example, I can reach certain tutorials under the “Tutorials” tab on the bar, but not all tutorials are listed there. To view others, you have to go under “Course Materials” and then try and remember what specific chapter your question falls under, then look under that file in order to find the rest of them. This splitting of all tutorials makes it very difficult when searching for help on something specific.

2 – There is no opportunity for the user to create shortcuts to best suit his need. He has to go through a few pages in order to reach the homework section each time, and from there click on the specific activity each time to complete it. There is also no bookmark feature to save helpful tutorials to review again. You have to go through the painstaking process of searching for it (described above) every time you need it.

3/4 –When completing a homework series, one completes different activities that are independent of each other. Only when every activity is complete is the assignment complete. However, nothing notifies you when you have completed the assignment, so you must constantly go back and check that you did not miss any activity. Also, the activities are designed to be in sequence with each other by building off the tutorials and increasing in difficulty. However, it is up to the individual teacher to assign the sequence of activities, and many times it is inconsistent with how the activities were designed. As a result, the topics of the activities jump around and there is no set beginning, middle, and end.

5/6 – There is a big possibility to make serious error as a user, such as exiting out of an activity before you are done. There is no opportunity to reverse this action once its complete, and therefore you are unfortunately stuck having to do the entire activity again.

Since I am so familiar with the downsides of having a poorly-designed interface, hopefully I can help my group avoid these errors when we design our own!

When it comes to any digital platform, an extremely important element is the interface design. In the reading by Ben Shneiderman, her explains the “Eight Golden Rules of Interface Design”. We already know that design is important when it comes to the digital platform of the internet and websites.  Although the interface design of websites is that we will be more focused on in this class, something else I find interesting is the interface design of apps.  In today’s modern world, all of my peers have smartphones that they rely on.  On these smart phones, especially the iPhone, there are built in apps and supplementary apps that can be downloaded.  These apps must be designed to be user friendly and therefore follow the eight golden rules of interface design.

An example of an app that is extremely popular, and therefore must have a good interface design is Instagram.  Almost every person I know has an Instagram, and although I’m sure it can’t account for all of the success, I am sure some of Instagram’s success can be attributed to a successful interface design that is easy for users to operate. The first golden rule is to strive for consistency. An example of a way that Instagram maintains consistency is that all pictures are presented in the same format.  It is very easy to see when a picture was posted, and by who because it is always displayed in the same way. The second is to enable frequent users to use shortcuts. Something that could be considered a shortcut is that instead of looking for a person’s picture on the newsfeed, the user can also type in and search a person’s name if they know it. The third is to offer informative feedback. The main source of feedback is the number of likes and comments which lets a person know how popular their picture is.The fourth is to design dialog to yield closure. The dialog to yield closure is the loading bar and then check mark that signal a photo has been successfully uploaded. The fifth is to offer simple error handling. An example of these simple errors that can be handled are spelling errors that can be corrected with autocheck. If there is a simple spelling mistake in a caption it will often be identified. The sixth is to permit easy reversals of actions. . If something is posted accidently, or the person changes their mind it is very easily to delete pictures or comments from Instagram. The seventh is to support the internal locus of control. The user is the one in control of the actions because they are given the tools to edit the picture and post it how they want it to look. Finally, the eighth is to reduce short-term memory load.  The simple design of Instagram with the one main feed that can be scrolled through is optimal to reduce short term memory load.  Users can open Instagram and just scroll until they reach a picture they have already seen.  Once they reach that picture they will know they have seen all of the new pictures.

http://instagram.com/