Category: F2023 – Aya

The reading sheds light on how computer vision has gone through a significant makeover. It used to be this fancy field only accessible to experts in signal processing and AI, mainly serving military and law enforcement needs. But now, thanks to better software tools, open-source communities, faster computers, and cheaper video hardware, even newbie programmers and artists can dive into computer vision experiments. This shift has sparked a creative boom across the board, from cool art projects to smart home gadgets. It’s clear that technology’s become a lot more user-friendly, opening up tons of exciting possibilities.

The reading doesn’t exactly take sides, but you can sense the author’s excitement about this change. They see it as a great thing, how more people can get in on the computer vision action and create new stuff. While it hasn’t changed my mind about things, it does make me wonder about the bigger picture. As computer vision gets even more common in everyday life, what about ethics and privacy? How do we make sure this tech benefits everyone while keeping any potential problems in check? So, this reading isn’t just about fun gadgets; it also makes us think about the bigger issues that come with them.

The article begins by discussing the historical context of computer vision, giving a story of Marvin Minsky’s early attempts in the 1960s to solve the difficult subject of computer vision. It highlights the field’s continuing difficulty, particularly in high-level picture-processing tasks like pattern recognition. Given these difficulties, the text recognizes that low-level computer vision algorithms have been developed and become available to even young programmers.

The article goes on to discuss how digital video lacks fundamental conceptual information and requires computer vision to extract meaning from it. The author then introduces three essential methodologies for computer vision research: frame differencing, background subtraction, and brightness thresholding. He stresses the importance of developing physical conditions in combination with software development for good computer vision. The text points out the need to increase the contrast between objects of interest and their surroundings in the physical environment in order for algorithms like background removal and brightness thresholding to function properly.

The article also emphasizes the significance of the physical environment in computer vision, because algorithm performance is highly dependent on the quality of the incoming video scene. It goes on to predict that as technology advances and software tools improve, computer vision applications will become more common in a variety of areas, particularly media art education and interactive artworks.

I like how the text discusses how computer vision continues to impact the field of interactive media and the tremendous potential computer vision offers for interactive artwork. The artwork Messa di Voce was very interesting to me in this article. I think it was an incredibly exciting idea to have computer graphics (using computer vision) create real-time graphics to interpret the sonic quality of the singers’ voices. I only wish I could have seen this demonstration live!

In his book “The Psychopathology of Everyday Things,” Norman discusses the significance of design in assisting people in comprehending and utilizing objects in daily life. He outlines many psychological concepts that assist us in understanding what makes a design excellent or terrible. He makes much of the possibility that design can be flawed. Even if we are first unaware of it, an object’s attributes refer to the things it can perform or the ways in which it can be used. The cues that explain how to use something are known as signifiers. These cues can be challenging at times.

Norman sincerely desires that designers consider the users of their creations. Even the coolest designs, according to him, don’t always work out since designers occasionally forget about the people. The notion that machines don’t comprehend things the same way people do is a good one. A machine needs to be aware that people can make mistakes in order to be helpful. Additionally, it should not be overly complicated to use and understand. I agree with Norman’s suggestion to build with the user in mind. Everyone can use the items in this way without feeling lost. Technology can occasionally be overly complex, and that is not useful. Designers must ensure that their works are both clever and simple to understand.

In a similar way, my classmate talks about the same ideas. They mention how sometimes, designers forget about what people really need. This is an important reminder for all designers. They also talk about how technology can be both helpful and frustrating, depending on how it’s designed. This shows that good design is really crucial for making technology that works well for everyone.

In his book, The Design of Everyday Things, Don Norman explores our relationship with everyday objects and how the very fundamental concepts of design influence this relationship. He mentions how people tend to blame themselves when they can’t get the hang of an everyday object, the working of which is supposed to be easy to figure out. For example, when freshmen just arrived on campus, even figuring out how the various doors on campus worked was a challenge. When should we push, and when should we pull? It took some time to finally figure it out, but when we hadn’t, even the act of opening and closing doors made some feel inadequate. Norman says that this tendency to feel inadequate for not operating something simple correctly is misguided. Most of the time, it is poor design at fault, and not the user. This leads him into talking about the central theme of the chapter: design flaws in everyday objects are often responsible for user difficulties.

Norman says that merely making something work is not enough; the designer needs to think of the user’s psychology while curating the design. He discusses the importance of designing objects that are intuitive and easy to use without requiring extensive instructions or training. He suggests that design should follow from mental models that simply present what the object should accomplish. He also recommends objects being conversational – they should be able to correct the user and provide feedback on their actions so the user can better understand how to interact with the object effectively.

Personally, I agree with Norman’s view. There is no need to over-complicate what can be done using simple sequences. Design should always be user-centered, perhaps with the exception of objects that are more artistic than functional.

Concept:

It’s that time of the year where you decide whether your dream of seeing NYC is urgent enough for you to consider going there in the dead of winter where temperatures hide beneath zero (Celsius for the Americans). I’ve looked at infographics that have proven to me that I would become a popsicle a minute after leaving the gates of JFK if I decide to take a January Term in NYC, considering I’ve never spent a minute in sub-zero temperatures. And the snow! Whole other coin. But then I thought why trust the internet? So I set out to make my own infographic on the climate of NYC to determine the best time to take a J-Term there.

Sketch:

Highlight:

// Displaying bars to show monthly precipitation

  let transparency = 0;

  for (i = 0; i < rowNum; i++) {
    noStroke();
    if (i % 2 == 0) {
      //for every non-odd index i.e. 0, 2, 4, etc.
      transparency = 150; //changing the transparency of alternate bars
    } else {
      transparency = 100;
    }
    fill(0, 50, 220, transparency);
    rect(40 + 40 * i, 500, 40, -mPrecipitation[i] / 3);

This piece of code alternates between the bars to change their opacity. It uses the modulus function to determine whether the bar is even or odd and then changes the value in the variable transparency which updates the opacity after the conditional statement.

Reflection:

I would like to change the line drawing to make the corners smooth, and maybe add a pointer where it shows you instantaneous information on the lines on the graph in a text box. Overall I am quite happy with the result! (Even though it does confirm that I’ll become a human popsicle in NYC…)

Norman’s book, “The Psychopathology of Everyday Things,” explores the significance of design in facilitating communication between users and objects or services. Written by a cognitive scientist, the book delves into different psychological theories and concepts that determine good and bad design. Norman focuses on discussing design principles that become apparent when a design malfunctions.

Norman introduces the concepts of affordances and signifiers, which play a crucial role in creating a user-centered design experience. Affordances refer to the perceived or unperceived capabilities of objects we interact with daily, while signifiers aid in facilitating the user experience by providing clear communication of purpose and structure. Despite their importance, signifiers can sometimes be misleading. Mapping and feedback are also vital factors in creating a cohesive user experience. Mapping deals with the connection and correspondence between different elements within a design, while feedback ensures that users receive adequate and vivid information about the results of their actions.

Norman’s analysis emphasizes the key design concepts and elements needed for a productive user experience. It highlights the importance of considering psychology, ergonomics, and design principles in basic object design.

The Psychopathology of Everyday Things

The chapter talks about the different factors that are crucial for a design to be practical. The author stresses on the importance of two main factors of discoverability (which enables the user to identify the actions that can be performed) and understanding (which allows the user to figure out the use).

The author throughout the chapter, argues that engineers and designers often overlook the needs of the people which dissolves the purpose of the design no matter how unique it may look.

An interesting viewpoint is put forward, that machines can not have a shared understanding as they lack the experiences possessed by people. Hence, for a mchine to be efficient it would have to take into consideration the possible human errors and strike a balance between being understandable and enjoyable.

I completely agree with the author’s opinion on the need for a shift to more human centered design which would enable an inclusive environment for all users and would eliminate the need for a high level of logic to operate a simple machine.

The paradox of technology, is indeed a reality with technology having the capacity to make things easier or complex depending on its design. Thus a good design ought to take into consideration the multiple disciplines that would make it useful for the user.

In reflecting on the reading by Don Norman, several key points resonate with my experiences and beliefs about design and human interaction with technology.

Firstly, the notion of increasing complexity leading to frustration and errors in everyday technology is something I can readily relate to. The author’s examples of intricate car dashboards and home automation systems align with my own encounters with technology. It’s evident from user complaints and product reviews that many people share this frustration when faced with overly complex interfaces or systems.

Norman’s emphasis on human-centered design (HCD) makes complete sense to me. It’s evident that products and services designed with a deep understanding of human needs and behaviors tend to be more successful and user-friendly.

Regarding bias, while Norman’s perspective leans toward user-centered design principles, I view this as a positive bias. Prioritizing user needs in design is fundamental to creating products and services that genuinely serve their intended audience. It aligns with my belief that technology should adapt to human needs, not the other way around.

In terms of changing beliefs, this reading reinforces my conviction that technology should be user-friendly. It reminds me of the importance of designers striking a balance between innovation and usability, especially in today’s fast-paced tech environment. The reading raises questions about how designers can keep pace with emerging technologies while ensuring that these technologies remain accessible and intuitive for users.

I was talking to a friend the other day who quoted Sartre: “Hell is other people.” Kanye summed it up when he said, “If you hang around people who act like you aren’t who you are, then you forget who you are.” We can’t control how we’re perceived, or force people to see us as we see ourselves. Consequently, a bit of ourselves is compromised in our interactions. You are who you’re perceived as as well as who you are. Isn’t that awful. So I wrote a fake-deep meme-inspired code about social awkwardness. To be honest, I’m not sure if the meaning translates.

I’ve attached a bit of my code below:

if (mouseIsPressed) {
   noFill();
   stroke(2277,28,121);
   strokeWeight(1);
   translate(390,125);
   
   for(var i = -150; i < 200; i ++) {
     push();
     
     rotate(sin(frameCount + i)*100);
     rect(0,0,600-i*3,600-i*3,200-i);
     pop();
   }
   
   stroke(0);
   strokeWeight(12);
   fill(255);
   text('GET ME OUT',-300,330);

The objective for this assignment was to write text, so I loaded the font I wanted (Impact) at the beginning, established the size and font in the set up, and then finally got it to show in the draw function after pressing my mouse.

I learned how to load the stock image watching this. It was very easy to follow and I know I’ll be using it a lot in the future. I learned how to make the lines here. However, you’ll notice after clicking on the video that the lines in my project look quite different from what the video shows. This is because I tried to speed up the movement of the object and my computer crashed. After getting P5JS up and running, I rewrote the code and these spiky bezier-like lines are what came out and, frankly, I have no idea why. I’m not complaining because they’re the coolest part of my project. But they’re the coolest part of my project-by far-and I have no idea how it’s happening. Yeah.

This is one of those projects where the more you look at it, the worse it gets. I really felt that the lines needed to be hot pink. It reminds me of a meme I’ve attached below:

I’m going to set aside time this long weekend to make some things that I’m genuinely proud of/think are cool. I should be doing this everyday given my computational limitations. It’s a daily pressure on my mind. I want to create a project using data visualization as well, since I didn’t explore it for this assignment. It’s more difficult than simply loading a font. I’m going to ask Professor Riad how the lines function and update the post with my personal explanation later, to prove that I know. You know, when you’re starting from the beginning, it’s so easy to get overwhelmed because you know how much there is to do. You question your motivations. Do you really love what you say you love? Hemming and hawing. Twiddling thumbs.

Concept:

I wanted to challenge myself a bit and do a data visualization sketch. I had to do a lot of research on which type of data I wanted to use since most of the data I found was quite boring. That is why I chose a topic that greatly interested me. I decided to create a data visualization of the most streamed Spotify songs in 2023.  I, like everyone else, enjoy listening to music on Spotify, so this type of data was really exciting to work with!

 

 

fill(50);
      textSize(9);
      text("Lucid Dreams", 5, 575);
      text("Dont Start Now", 50, 550);
      text("Watermelon Sugar", 85, 525);
      text("Lovely", 155, 500);
      text("Say You Wont Let Go", 160, 475);
      text("Se��o", 225, 450);
      text("As It Was", 275, 430);
      text("Heat Waves", 310, 450);
      text("Perfect", 363, 420);
      text("Starboy", 405, 410);
      text("Closer", 450, 400);
      text("Believer", 485, 385);
      text("STAY", 535, 418);
      text("One Dance", 560, 395);
      text("Sunflower", 610, 375);
      text("Dance Monkey", 640, 355);
      text("Shape of you", 685, 180);
      text("Blinding Lights", 725, 130);

This portion of my code was used for placing the text over the bars. I thought that I could maybe create a loop so I wouldn’t have to write the same lines over and over again, but there was so much variation in the placements of the text that I ended up doing it the old fashion way!

I was really amazed that I was able to find the Spotify logo and text for FREE?! It looks so good!

Of course for the design, I included the infamous #1DB954 color and incorporated some blacks and whites to fit the companies branding.

If I had more time, I definitely would make my design a bit more elaborate and maybe even rebrand it (the colors,font,etc..). For this assignment though, I wanted to keep it a bit more straight to the point and simple.

Blinding lights continues to lead the way with (as of today) 3.76 billion streams!! GO ABEL (:::::