Categories
Prototyping Research

Week 13 –

SMART goals for this week

  • First draft Lit Review
  • Start wire framing

What I did this week

Monday

Maybe I could make a GUI creator where people can drag and drop and design their own system that suits them.

I realised while I used Manovich to help describe what GUI looks like. I didn’t look into why they look like that so I’m doing research into contributors to GUI and what theories in cognition influenced them.

As while there are other OS out there they all use the desktop windows set up. There was ZUI by Jeff raskin. But overall no ones really questioned the GUI design.

I’m then going to research what changes in cognition we have found since the 60s-70s. Then use this as the basis to evaluate GUI would look like if we based it on more recent theories.

Computing power has abused the way GUI was first designed. There was also a few things that should be questioned because of biology like how many people we are connected to. The way we connect with them. They were designing for what they knew back then before the world connected.

We should consider a system update as we have to handle more connectivity, load and processing power.

Treat like how ADHD diagnosis is treated anxiety and depression come from symptoms. Point out the symptoms of Smartphones and Desktops.

Technofeudalism Swiss-army device. Want to pacify and enslave a civilisation consider a digital device.

The bastardisation of GUI the monster it has become. Visualise and fictionalise the brain or core of a GUI. Personify it. The constant notifications the anxiety of email. the fast process. pulsating. Must unload masters cognitive load. tabs tabs tabs. More storage more things must have more things.

Humanising the features. Notifications have anxiety. Windows multiple personality. Spatial design ADHD what do I do first so many things to do. Control and Edit narcissism

The tool that outgrew humans

Xerox wanted GUI to mimic a desktop papers sprawled across the table. What if we visualised that. Find out how many documents you can fit with our current storage. Show an overflowing desk, GUI that was supposed to mimic life has now outgrown the metaphor. Or better how many desks are now in one computer. Show that the processing power is no longer equivalent to one person but to multiple people.

Maybe a peppers ghost hologram of all the papers and desks so people can turn it off so they see that by storing all this stuff in a device you don’t see the load you carry. Until you turn your phone off again. We have a spatial memory that’s why they designed things spatially because we’re better at remembering where things are so when you open your phone or laptop your memory is working to remember where everything is. So maybe within the desk or desks there’s easter eggs people can spot

Tuesday

MOSCOW

Must:

  • Explain GUI as of today
    • Spatial design
    • Time optimisation
    • Control

Should

  • It should do so in a way that shows how these things impact the cognition of oneself

Could

  • It could explain that computers aren’t inherently bad it’s that the advancements of processing power and storage have gone well beyond the capacity of a human being.

Will not

  • Explain what GUI would be better suited to today’s technological advancements and understanding of human cognition

GUI was made based on the metaphor of a desktop. While the team understood they were making the GUI with the thought of there would be improvements in hardware and there was commercial interest in their work. They could not have predicted just how much advancement would happen also they were limited to the hardware at the time. They were also basing their work on what they knew about human cognition. While there have been advancements in this field these advancements have been used under the guise of giving the user what it wants however, our cognitive biases are built for survival so giving us what we want does not necessarily respect the user. The centre of humane technology explained in the context of social media that we are more drawn to negativity and tragedy because we have survival instinct to learn about it in order to avoid it, this does not mean the user wants to look at it (explain better by watching the video again ).

I would also like to mention that the smartphone was created to encompass all of life’s tasks onto one device it did not the same start as desktop GUI so it’s harder to visualise. An argument can be made though that the power of hardware has outgrown this dream. Instead of technology trying to match us and relieve cognitive load we have created more load for ourself in order to match the power, mass and speed of our phones. Like a goldfish we are trying to grow to the size of our new environment. It is an environment as most of life is now contained on our devices. Capitalism also aims to create more cognitive load so it can sell the solution to relieve it.

So, today’s GUI is based on something that was created 52 years ago with a few tweaks that don’t respect the user. Using Lev Manovich I have understand that computer can be boiled down into 3 components spatial design, time optimisation and control. These have existed from the first GUI to present. So I will use this framework to show how the desktop GUI has been bastardised by advancements and capitalism and that the level of hardware we have now has outgrown the individual human.

How I will do this is creating 2 desks as this is where it all started. I will create a desk that is based on what the Xerox team had developed. And then another desk that is based on what their GUI has become. I will then layout tasks for people to do. By doing these tasks people should be able to see that GUI is no longer what it was intended to be.

My one concern with this method is people will walk away feeling like there’s nothing they can do. Whereas I hope to make them realise they don’t need to use everything on a device. Maybe doing small things like switching notes to paper or buying an alarm clock instead of using their phone will lessen the involvement of devices in their life which will ultimate improve things. Perhaps after the experience I can provide information that helps them understand further and more practically.

The tool that outgrew humans

Essentially I am pointing that we are still using a system from 50 years ago that no longer fits our current world. If people can learn this. It shows people that system that carry in the pockets in their bags does not work for them and that they should be demanding something better something more humane. But they also walk away knowing that they can still have agency over this inhumane design by knowing the specifics and take control over a technology and turn it back into the tool it started as while we wait for the next evolution

Here are the specifics of this desktop design, Here’s how it’s been abused, By being able to walk away from the installation one could also walk away from the technology being forced upon us or we could use a part of the system(do a few tasks) and then opt out when we want to.

2 versions need to be created one without ending it ends with just showing the current design of computers and one with an ending and see which one people prefer

Maybe ending could be another set of tasks but instead it teaches people how to return the computer back to a tool. Or just a link to resources about using the technology we have to today in a better way. But also anticipate and look for change. I want people to be able to survive in the technofeudalism world while the tech world battles it out for better tech for people. I believe this can be done through knowledge.

People who are organising for change are those who have worked in the tech industry at the highest levels. Those who are developing new systems are those who understand tech on a technical level. This is all great but we are leaving ordinary people behind we are not preparing them for change we are not helping them out of the system even though we need their support the most and we’re doing this for them. We know what we know because of our knowledge this needs to be shared with them.

Desk 1 Macintosh

Your data was carried on a disk that you held onto. So you could take to other computers

Desk 2 Today

  • Read 10 letters dump any that are spam
  • Listen to 3 songs
  • Make a drawing (pay a £5 subscription to complete this task)
  • Find this document titled thisfileislostforever

Desk 3 Tomorrow

Hardware has mutated GUI so it’s outgrown our daily tasks

Desktop metaphor GUI was misdesigned in the first place add to this the extreme power of hardware today. You get a tool that negatively stimulates our cognitive biases. In order to survive against this we must limit ourselves.

Wednesday

So I realised that I’ve been focusing too much on the why and not the what. I started out with looking into physically representing the digital world which is exactly what the desk idea does. So, now that I’ve remembered what I’m actually doing and that my thesis was never about the why.

In short I’m going to make 2 desks physical representations of the first GUI personal computer System 1 Macintosh and MacOS Sequoia. As GUI is a metaphorical representation of a desk. There will be a list of tasks to do at these desks. But the audience should get the idea visually that the hardware capabilities of computers have turned this metaphor into a hellscape.

I’ve been doing research into System 1 Macintosh and MacOS Sequoia and listing out all of it’s features. I’m then going to try and match to the real life action.

I’ve had a lot of personal stuff going on so I got really muddled up in my own thoughts and curiosity about the topic. But talking with family has made me get back on track on what I’m trying to do.

Thursday

I carried on making the list of features for MacOS Sequoia.

I also had a thought while recording that the tasks list can be visually impacting. If the old desk is a really short list and the new desk has a really long list like really long comically long.

Categories
Uncategorised

Week 12 – Introduction & Literature Review

SMART goals for this week

  • Finish first draft of Intro and Literature Review
  • Finish How I Experience the Web Parody
  • Start Wire framing and iterating designs for project

What I did this week

Monday

I’m hardcoding this at the moment as it’s just a draft and not what I intend for the final project. I’m doing this to just help me figure out how I want people to interact with the diegetic prototypes.

I also did some more writing.

Tuesday

I think I have unconfused myself after talking it out with other people. Careless People by Sarah Wynn Williams was recommended to me to look at it. It made me realise I need to use what she said about Meta actively analysing users in detail for the benefit of advertisers and profit as an example of technofeudalism. However, Meta and advertisers can only do this by making the app addictive and seemingly safe by using UX design in order to gain access to the users in the first place. Then the only reason we are so open to these apps is because they live on our devices. So, how we interact with our device in the first place will give us more control over the apps on it. But this also isn’t a big nefarious plan. It’s because of the history of devices that has made them a perfect tool which Cloudalists have taken advantage of. Also that UX principles have been based on the user being in the cog in the machine for a company to make money rather than the the user being the end goal. This has happened to due to the fact that within the product we are already sold the computer the phone there’s a secondary product that needs to be sold to us so the design of the device has to also turn how the user interacts with the device as a marketing tool to sell the secondary product.

Wednesday-Sunday

I did some work for the Open Source class and had my grandfather’s memorial over the weekend. So I’ve done a rough draft of my intro but no my lit review. I had someone read my intro and got some feedback that the technofeudalism part was well explained but the parts after need more clarification.

I had to explain my thesis a lot of the weekend and it made me realise that the idea may be too surface level and focused on the concept of design rather than impact of design. Not that I have to come up with something new but maybe something to consider in the next iteration.

Categories
Research Supervisor Meetings

Week 11 – Last Week Before Easter Break

SMART goals for this week

  • Finish writing Lit review and Intro
  • Presentation for Formative

What I did this week

I started writing my introduction and planned out my literature review. As now that I have the idea to iterate I need to finish the writing before I start working on the project because I will not prioritise the writing as I struggle with it the most.

I thought I found a good structure for my writing and then realised it wasn’t very clear. To be honest I have spent this week mainly feeling very confused and mixed up my thoughts so not much got done this week. I was also very busy with other commitments.

I talked with Agnes who gave me some references to look at and also helped me pick out some physical computing stuff to play with over the break. I also attended her soldering workshop so, I should be well prepared when I come back.

I realised that I missed some stuff out that I need to add to my intro and lit review like

  • Explaining how the current GUI design is based around a capitalist framework
  • Looking at esoteric and artworks that question the design of Operating Systems
Categories
Class notes

Class Week 5 – Methodology & Conclusion

Methodology

enquiry and process

Structure

  • Intro
    • brief overview of methods used
    • justification
  • Research approach
  • Data collection approach
  • Data analysis techniques
  • ethical consideration
  • limitations of the study
  • summary
  • Research
    • scientific methods to answer questions
    • inquiry directed at increasing knowledge establishing the truth
  • Evaluation
    • judging the merit or worth of something
  • Evaluation research

Why evalusate

  • Improve existing programs
  • Measure

Evaluation tests

  • Usuabilty

Goals of Evaluation

  • Asses extent
    • Measure the level of system functionality, usability
  • Assess effect
  • Identify problems

What to evaluate

  • Usability specifications at all lifecycles stages
  • Initial designs
    • partial integrated

Evaluation approaches and methods

Types

  • Qualitative – quantitive
  • secondary – primary
  • survey – experiment
  • internal – external
  • who

Expert evaluation

  • cognitive walkthrough
  • heuristic
    • Nielsen and Molich
    • usability criteria
    • designs examined by experts
    • 10 rules

Qualitative research

  • gather in depth understanding of human behaviour and the reasons that govern such behaviour
    • Why and how of decision making

Data analysis

  • Open coding
    • Nvivo
  • Systematic coding
    • categories from existing literature
    • affinity diagramming

Empirical Evaluation

  • quantitative
    • numerical
    • R SPSS
  • methods
    • observatory
      • think aloud
      • cooperative
  • Query techniques

Conclusion

realisation, communication and knowledge

Intro 5-10%

body 80-90%

conclusion 5-10

  • Reiteration of question
    • remind the reader of what you’re attempting
  • summary of main points raised
    • Identify all points highlight most important point, balance of evidence falls
  • conclusion
    • Make sure question is answered
    • Highlight using the words from the question
    • justify your answer with evidence
  • closing statement
    • what has been learned as a result of conduction research
    • Indicate what still needs further research or unresolved questions
    • identify most important point (beyond the scope of this thesis)
Categories
Class notes

Class Week 4 – Development & Implementation

realisation, process and knowledge

Put D&I after methodology

Should include:

  • Programming dev process
    • Justification for programming languages and frameworks
      • Code structure, modular design and algorithmic complexity
        • snippets
        • Version control strategies
    • Debugging
      • not a part of the criteria but it’s important
      • debugging tools, error handling techniques and optimisation
  • Concept dev and artistic vision (diagram)
    • Inspiration, creative methodologies and theoretical frameworks
    • Mood boards, design iterations and conceptual (make sure it’s industry standard way of presenting)
  • Materials and Media (Schema might be a good way of showing)
    • Choice of digital and physical materials (3D models, generative art, installations)
    • Integration of interactive technologies (motion sensors, VR/AR, projection mapping)
    • justifications (literature)
      • Everything method, materials needs to be backed by research
    • video link for installation
  • Production Process and Workflow
    • software tools used for creation (Adobe Suite, Blender, Houdini, TouchDesigner)
    • physical production (fabrication, digital printing, multimedia installation)
    • Iterative design methodology prototyping and testing
    • Agile development (SCRUM & Kanban)
  • User interaction & experience
    • Audience engagement strategies and interactive design principles
  • Sustainability
    • Eco conscious production methods
    • Energy efficient computing practices
    • Sustainable UX/UI design principles
    • Clear documentation for future use
Categories
Design Process Supervisor Meetings

Week 10 – I’ve got an Idea

SMART goals for this week

  • Look at examples
  • Structure for literature review
  • Prototyping and mockup

What I did this week

I really like How I Experience the Web Today it’s a very clear piece that shows how web articles work. As an exercise and thought process I tried to mimic this piece with what I’m looking at.

Ideas

Sci fi human computer hybrid symbiote. Showing the evolution of human if we continue to “improve” time optimisation, spatial design and control. How would this domesticated creature exist on earth without technology. Digital isn’t forever it could be gone there’s many places around the world that have to load shed. Even now I’ve seen lockers that use keycards break and trap people’s belongings and people struggle to open it.

How could this be shown

  • D&D boardgame make it computational digital
  • A punch and judy play with robotic puppets with interaction
  • Parody Star Trek or Doctor Who

I realised that I was trying to make the project interesting for me to make and not actually focusing on the fact that what I’m saying is essentially time optimisation, spatial design and control make life short, boring and stressful. So, making it interesting goes against that

  • Surround audience with tasks that they can complete and will autocomplete after every few clicks the installation will ask what will you do with your free time? This would make people think about how even with all this optimisation and efficiency the free time technology promises is very rarely achieved
  • sliders https://londondesignbiennale.com/pavilions/2023/mudac
  • Three sliders time optimise, spatial design and control. Use these controls to show animation that shows what life looks like with different levels.
    • This is gonna be difficult as I don’t have much experience with animation so to animate multiple different possibilities would probably be out of my time and skill scope. It’s a good idea but not worth it for a poor execution. I mean I could limit the options

How I experience the web Exercise

I haven’t finished the exercise yet but it made me think that maybe I could expand on this format. As I realise that the previous ideas were missing the implication that time optimisation, spatial design and control is a computer design not computers themselves. So in order to show that is just a design I could design a bunch of diegetic prototypes they don’t have to be better than what we currently have they just have to show that there’s so many different ways we could explore. It also shows the influence a design can have especially with products that are ingrained in our lives in multiple ways rather than a tool for 1 or a couple of things.

This concept I really like, I show time optimisation, spatial design and control; I show that these things are just a design and not the computer; The audience can interact with it closely and immerse themselves without me having to try and personalise it to them.

This also feels very doable, I’m the most confident in HTML and javascript. It’s interesting for me to make. I could even add more to the immersion and installation part I could set it up like tech departments in stores where they have all the different types of computers everywhere but instead of marketing different hardware I’m marketing different OS.

https://uxdesign.cc/the-worst-volume-control-ui-in-the-world-60713dc86950

Categories
Design Process Refining Idea Supervisor Meetings

Week 9 – Refined Idea & Literature Review Structure

SMART goals for this week

  • Literature Review and Introduction
    • Finish structure
    • Bullet point
    • Gather list of citations needed
  • Start design process
    • Have a first iteration of the piece by the end of the week

What I did this week

Exploring ideas

1 Mail, message, folders etc all lined up for you, You can jump between these different things

2 While we plan our physical spaces in a certain way for example schools being close to residential areas etc. The digital version of our buildings (clothes store, grocery store, hospital) all exist in the same area you don’t have to travel to get from place to another. You can have 3 different tabs open zara, sainsburys, call with doctor

3 Is this how we lose our sense of time in the digital space? because we don’t have to travel a distance it feels like everything is done so quickly. (Look into humans and productivity is it important that we are always doing something? Time and mental health?)

4 instagram is a grid format you could 5 posts about each day of your holiday. Friends can jump between the different days look at them in a different order as opposed to listening to you tell the story in a particular order

5a linear internet

MOSCOW Prioritisation

There was something off with the ideas I was coming up with. Which I have now realised is because I have drifted from wanting the audience to realise that the way a computer is designed in its function influences how we perceive reality and how it can change their behaviour. So, I used MOSCOW to help make sure I keep to that

  • Must have: Show spatialisation computer designs effect on human perception of time
  • Should have: Use a new skill I have to learn and an old skill I want to develop
  • Could have: A comparison of the current design and a potential design
  • Won’t have: a simulation won’t have time to make a simulation that would work for a variety of people

This has really helped me organise and make my thinking clearer.

Visualising the foundation of my idea

Add other images

Categories
Class notes

Class Week 3 – Ideation and Conceptual Design + Ethics Application

Realisation, Enquiry, Process, Communication, Knowledge

User Research – Personas – Scenarios – Ideation

Foundational theories

  • Cognitive load theory
  • Activity theory
  • Emotional Design

Usability

  • Effectivieness
  • Efficiency
  • Satisfaction

User centred design

  • Agile UX
  • Empathy Mapping
  • Iterative Design

Principles

  • Early focus on users
  • Empirical measurements
  • iterative designs

Steps

Put in methodology

  • Needs analysis
  • User & Task analysis
  • function analysis
  • prototyping
  • iterative testing

User Journey Mapping

SCAMPER

  • Substitute, combine, adapt, modify, eliminate, reverse

Artistic Projects

  • Expressive and conceptual ideation
  • Aesthetic and experiential design
  • Emphasis on storytelling and engagement

Categories
Refining Idea Supervisor Meetings

Week 8 – Experimentation

Goals for this week

  • Finish with The Language of New Media
  • Start experimenting with specific ideas that come up from the reading
  • Start recording references
  • Make Project Plan

What I did this week

Understanding Postmodernism

I’ve understood that postmodernism is a rejection of modernism which focuses on simplicity and usefulness. I searched for postmodernism computing and came across a talk from Larry Wall about Pearl and its connection to postmodernism.

I think in order to refine the idea and start playing around with the idea is to define these to use as a framework and guideline

  • What is postmodernism
  • What is modernism
  • What is spatialisation

Experimentation

After looking at Perl I realised that I wanted my piece to be understood by a non tech savvy audience. Perl isn’t a commonly used language amongst coders so, it’s less likely to be known by non coders.

I booked out a projector and have been learning to use MadMapper.

First time projection mapping
projecting photontide image on radiator

What aspect of spatialisation do I want to show?

  • Daily life comparison
    • Show how we think about time linearly but we display time spatially on computers
      • We wake up, go to the bathroom, eat, shower, check mail routine
      • Mail, message, folders etc all lined up for you, You can jump between these different things
    • While we plan our physical spaces in a certain way for example schools being close to residential areas etc. The digital version of our buildings (clothes store, grocery store, hospital) all exist in the same area you don’t have to travel to get from place to another. You can have 3 different tabs open zara, sainsburys, call with doctor
      • Is this how we lose our sense of time in the digital space? because we don’t have to travel a distance it feels like everything is done so quickly. (Look into humans and productivity is it important that we are always doing something? Time and mental health?)
      • Could you create an interface that has that injection of distance and travel.
      • What would a linear computer look like?
  • Media specific
    • instagram is a grid format you could 5 posts about each day of your holiday. Friends can jump between the different days look at them in a different order as opposed to listening to you tell the story in a particular order
      • Linear thinking with a spatial interface. Everything is laid out in front of us all the time. With linear thinking there will always be the next thing.
    • Wikipedia you can jump through the web page find the specific thing and jump elsewhere.
    • Drawing depending on medium you can’t erase what you do but digitally you can jump between layers adjust something you did it at the beginning of the piece right at the end
  • Our strong tie to technology is through media. Media will morph to the new technology. Are computers different? computers are a flexible technology we could use computers in a different way to how we do now. Is optimisation and simplicity the best way to design is this a modernistic view that postmodernism rejects? Odd contrast of computers being designed spatially not linearly which is a postmodernist effect but we want to make things as simple and optimised which is modernist view. Oxymoron?
  • Different parts of life to look at spatialisation to see the digital version of it
    • Geography, urban planning
    • Sociology, social structures
    • Philosophy
    • Time, History
    • Economics
Categories
Class notes

Class Week 2 – Literature review & Project Planning

Literature Review

Objectives: realisation and enquiry

What is it?

critical synthesis of academic and industry research, identifying gaps, challenges and opportunities

Purpose: build a foundation for your project understanding the field and identifying area of your contribution

Art example

interactive art installation would examine theories of sensory experience in public art and case studies

Structure

  • define focus
  • thematic organisation: group research key themes technology, audience engagement, interactivity
  • critical analysis: highlight gaps and compare findings
  • conclusion: how does it inform your project

Concept Framework

  • Intro : describe your artistic themes
  • relevant theories and movements
  • existing projects
  • synthesis: Connect to project direction

Writing style

Artistic: reflective language to connect theme to practice

  • Over summarising: Avoid describing analyse them critically
  • Lack of focus: Stick to themes
  • Insufficient citations

Project Plannning

Objectives: Process

SMART Goals

  • Specific
  • Measurable
  • Achievable
  • Relevant
  • Time-bound

You can use this to aid in the GANTT Chart

MOSCOW Prioritisation

  • Must have: essential
  • Should have: important not critical
  • Could have: nice if time allows
  • Won’t have: out of scope

GANTT Chart

Put into thesis