Monday, June 27, 2016

Overview of Research

1.0- Essay Choice 

2.0- Fictional Movies that Explore the Future Communication Technologies


2.1- Breakdown of Research Domain 


2.2- Communication Technologies in the movie 'Her'

  • idea behind the envisioned technology 
  • user interface design in the movie
3.0- Communication Technologies in Reality
  • artificial intelligence tools developed
  • relationship of social media and user interface

3.1- Communication Technologies in Reality

  • the gap between fiction & reality

4.0- Transition of graphic design to digital age

  • the position of graphic design in user interface


1) Essay choice (/)
2) Identification of keywords and experts (/)
3) Breakdown of the research domain and subtopics (/)
4) Generation of related questions and short answers (/)
5) Identification of some assumptions and biases ()
6) Reviewing of the research literature ()
7) Experimental /creative exploration of the question ( )
8) Relate the question to other lecture topics or courses (/)
9) Exploring possible thesis statements (/)
10) Strategizing the essay structure or outline (/)
11) Work schedule ( )
12) Reflections on or tutorial sessions, etc. ()
13) Summary of blog entries (/)

4.0- Transition of graphic design to digital age

In this digital world where technology greatly evolved, where does graphic design stand?

In the case of 'Her', graphic design sets the theme for the user interface.

Upon researching on this topic, I stumbled upon the term graphical user interface (GUI). The GUI  includes elements such as windows, pull-down menus, buttons, scroll bars and iconic images . Before the existence of GUI, interactive user interface in computers consisted solely of text aka command-line interface (CLI) (TechTarget.com, 2006).

 CLI

As new technologies surface, the field of design has been broken down into more specific categories. DesignationBlog (2015) refers user interface design (UI), user experience design (UX) and graphic design (GD) as three similar but different kinds of design. UI design pertains to the design of interactive elements, and as such lives almost exclusively in digital media, such as on a computer, tablet or smartphone. While UX designers perform usability/pain point analysis to determine if the product is producing the desired result. If not, refinements and revisions are made based on user data to make the end result better and more efficient. GD on the other hand concerns more about aesthetics (colour, images, logo). They might looks pretty different from one another after thorough dissection in definition, but the common point they all share is solving problem using visual communication.

Below are some example that shows how the principles in GD are intertwined with UI design:

 
(Fadeyev, D. 2008)
The usage of colour to navigate user's attention.





(Fadeyev, D. 2008)
 The usage of contrast to manage focus on a website.
  
 
Possible thesis statement: 
  1. Graphic design is not completely obsolete in the digital world.
  2. Graphic design can relate to user interface.



References:

DesignationBlog, (2015). UX vs. UI vs. Graphic Design: Three Different Kinds of Design. [online] Available at: http://designation.io/blog/ux-vs-ui-vs-graphic-design-three-different-kinds-of-design/ [Accessed 28 June 2016]

TechTarget.com, (2006). GUI (Graphical user interface). [online] Available at: http://searchwindevelopment.techtarget.com/definition/GUI [Accessed 28 June 2016]

Fadeyev, D. (2008). 10 Useful Techniques To Improve Your User Interface Designs. [image] Available at: https://www.smashingmagazine.com/2008/12/10-useful-techniques-to-improve-your-user-interface-designs/ [Accessed 28 June 2016]

3.1- Communication Technologies in Reality

The gap between fiction and reality:

How advance can our technology evolve? I personally think that something like J.A.R.V.I.S. system and customized interface experience according to user preferences that McFetridge envisions is quite possible to happen in future. This is because where we are at right now looks pretty promising. An interaction designer has come out with a prototype called SpaceTop- a desktop redefined as a portal that can be reached into to manipulate objects.

 
(Youtube, 2013)
SpaceTop that fuses 2D and spatial 3D interactions in a single desktop workspace.

If this invention is perfected to suit real life application, I believe it will benefit fields such as architecture and biomedical engineering where 3D modelling is needed to construct an item.

However, I do not think that technology will be able to replace human being in terms of giving emotional support.
 
(Youtube, 2013)
Robot baby seal 'Paro' helps dementia elderly in Hong Kong

Technology like Paro might be able to give comfort to people to certain extent, it is still far from the experience of having real human interaction. 



References:

Youtube, (2013). SpaceTop 3D interface lets you reach inside your computer screen. [video] Available at: https://www.youtube.com/watch?v=FQnongiycns [Accessed 27 June 2016]

Youtube, (2013). Robotic seal brings Xmas cheer to Hong Kong nursing home. [video] Available at: https://www.youtube.com/watch?v=h5g3YyVYd8Q [Accessed 27 June 2016]

3.0- Communication Technologies in Reality

Artificial intelligence tools developed:

Currently, Samantha's technology still lies beyond our reach. The closest technology we have would be Google Now and Amazon Echo. These two technologies are almost identical in concept- an intelligent personal assistant with natural language user interface (LUI or NLUI). NLUI are a type of computer human interface where linguistic phenomena such as verbs, phrases and clauses act as user interface controls for creating, selecting and modifying data in software applications (Wikipedia, 2016).

 
(Youtube, 2012)
 Introductory video about Google Now. It provides information based on search habit.


 (Youtube, 2014)

Amazon Echo, personal assistant and control hub for all smartphone devices.

Just recently, Google also announced another upgraded version of Google Now on Google I/O which can engage in a two-way dialogue with user- the Google Assistant. This means that it is more similar to Samantha which is more sentient. But how sentient it is is the question we would not be able to know yet as everything is still under development.

(Youtube, 2016)  
CEO Sundar Pichai talks about Google Assistant which enables users a two-way conversation with their smartphone, tablet and watch.


A more realistic communication technology where people actually communicate with people, not operating system, is social media. I think the social media is slowly changing the way people interact and receive information. Facebook made information so fluid with just one share button. Popular platforms like Instagram and Twitter advocate the idea of instant and concise. One photo at one time instead of album and word limit on post are evidences. People in this digital age demands something that is instant and convenient which shed a light on how designer should design user interface. 




References:

Wikipedia, (2016). Natural language user interface. [online] Available at: https://en.wikipedia.org/wiki/Natural_language_user_interface [Accessed 27 June 2016]

Youtube, (2012). Introducing Google Now. [video] Available at: https://www.youtube.com/watch?v=pPqliPzHYyc [Accessed 27 June 2016]

Youtube, (2014). Introducing Amazon Echo. [video] Available at: https://www.youtube.com/watch?v=KkOCeAtKHIc [Accessed 27 June 2016]

Youtube, (2016). Google refreshes Now with conversational Google Assistant. [video] Available at: https://www.youtube.com/watch?v=mTsamz7cn6A [Accessed 27 June 2016]

Sunday, June 26, 2016

2.2- Communication Technologies in the movie 'Her'

In the movie 'Her', the technologies were used to narrate the fragile relationships between humans. From what I observed, only an earpiece and a small device that looks like a vintage cigarette case to show images or video are seen to be always carried around by Theodore (the main character). They mainly operate on voice command that allows characters to send emails, book a restaurant or make a call. Desktops in the movie are pretty much similar to what we have now but without the mouse and keyboard because they are controlled by touch and voice recognition. Video games are also holographic. A single operating system seems to power all the devices from earpiece, work desktop, home desktop and video game (the holographic avatar can see images from email & can communicate with the operating system Samantha). Although Samantha is an operating system based on algorithms, it is so advanced that it is like a virtual human being with emotions. It never delivers any Siri-level answers that give itself away as a programmed system.



  
 (Her, 2013)
Snippet from 'Her' that shows the operating system that links all devices


“The ideas behind the design were that we were trying to create a world where everything felt warm, and comfortable, easy, accessible, but even in a world where you seemingly have everything you’d want, there’s still loneliness and longing and the need to connect. That seems like a particularly contemporary form of melancholy,” (Walker, A. and McFetridge, G. 2014)


Some interesting point of view on the technologies in 'Her' by columnist Kyle Vanhemert from Wired:
  • Technology is invisible in this movie because it has dissolved into daily lives. Theodore still sits at a desktop computer at work, but otherwise he rarely has his face in a screen.
  • Technology is there but not there because it is more people-centric. The people seem to have accepted that technology is not an end in itself– that it is the real world that is supposed to be in touch with.
  • Can our current technology be considered as advance? In Theodore's house, lights turn on and off as he moves from room to room without the use of app or control panel attached somewhere. Our current technology(smartphone) requires too much attention that hinders us to be free. (Vanhemert, K. 2014)


Graphic Design in the User Interface:

At first I thought IMD would be more relevant in designing user interface and graphic design is pretty obsolete in the world of augmented reality. But the interview with graphic designer, Geoff McFetridge who designed the hand-writing application Theodore uses to write letters, the subway map he passes by and the logos and packaging for the operating system changes my whole perspective. He did not have experience designing user interfaces but he started with an idea rather than an aesthetic just as how Spike Jonze (director) emphasized the operating system should be about user experience rather than decorative. He is more suggestive on flat design than skeuomorphic design that Apple once used to hold on to. Skeuomorphism is the design concept of making items represented resemble their real-world counterparts. Skeuomorphism is commonly used in many design fields, including user interface (UI) and Web design, architecture, ceramics and interior design. (TechTarget.com, 2013)

(Carr, A. 2012)
An example of skeuomorphic interface.



(Walker, A. 2014) 
One of the icons McFetridge designed for 'Her'.

He looked at monitors as a frame and the interface within it as a work of art. The columns of color indicate hierarchy, prompting the priority task to the center.

(Walker, A. 2014)

The reason he used handwritten typefaces on certain parts is not only because of his style that is gravitated towards the hand-drawn, but also to align with the overall objectives for the movie's look as the production was a highly tactile near-future, with wood-grain monitors and textured walls, according to the command by Jonze. (Walker, A. and McFetridge, G. 2014)



References:

Her, (2013). [film] America: Spike Jonze.

Walker, A. and McFetridge, G. (2014) An Interview With Geoff McFetridge On The Interfaces From Her.

Vanhemert, K. (2014). Why Will Her Dominate UI Design Even More Than Minority Report. [online] Wired. Available at: http://www.wired.com/2014/01/will-influential-ui-design-minority-report/ [Accessed 26 June 2016]

TechTarget.com, (2013). Skeuomorphism. [online] Available at: http://whatis.techtarget.com/definition/skeuomorphism [Accessed 26 June 2016]

Carr, A. (2012). Will Apple's Tacky Software-Design Philosophy Cause A Revolt? [Image] Available at: http://www.fastcodesign.com/1670760/will-apples-tacky-software-design-philosophy-cause-a-revolt [Accessed 26 June 2016]

Walker, A. (2014) An Interview With Geoff McFetridge On The Interfaces From Her. [Image] Available at: http://gizmodo.com/an-interview-with-geoff-mcfetridge-on-the-interfaces-fr-1526237090 [Accessed 26 June 2016]

Sunday, June 19, 2016

2.1 Breakdown of Research Domain

Some insights given by lecturer in tutorial about this topic:
  • better to have a main movie, can have multiple movies discussed and compared
  • look at how communication technologies or multilingualism is used in reality
  • the gap between fiction and reality
  • identify the issues that experts talk about
  • the functional relationship of communication technologies- social media
  • graphic element of user interface (calligraphy, lettering)
  • transition of graphic design to digital age 

 Based on the comments, I hereby breakdown my research into domains as below:
  • 1.0- Essay Choice
  • 2.0- Fictional Movies that Explore the Future Communication Technologies
  • 2.1- Breakdown of Research Domain
  • 2.2- Communication Technologies in the movie 'Her'
  • 3.0- Communication Technologies in Reality- artificial intelligence tools developed, functional relationship of social media
  • 3.1- Communication Technologies in Reality- the gap between fiction & reality
  • 4.0- Transition of graphic design to digital age- graphic element of user interface
At the same time weave in issues that experts talk about into the domains above.

2.0- Fictional Movies that Explore the Future Communication Technologies

According to TechTarget.com (2005), ICT (information and communications technology) is an umbrella term that includes any communication device or application, encompassing: radio, television, cellular phones, computer and network hardware and software, satellite systems and so on, as well as the various services and applications associated with them, such as videoconferencing and distance learning.

Some movies that explore the future of communication technologies:
  • The movie Total Recall portrays communication technology in an omnipresent way. It has holographic technology(life-size 3D moving image of another person) and when characters place their hands on certain solid surfaces, such as a glass window, it transforms into a display screen.
  • The J.A.R.V.I.S computer system that can be seen in Iron Man is most notable for its hand gesture manipulation and nonexistent computer screen.This communication technology is portrayed to be convenient, intelligent (to sensory and audio) and requires minimal use of physical device.
  • As for the movie sequel- The Matrixology, it narrates a dystopian future caused by technology taking over mankind.
The pros that these advance communication technologies share in the movies are they seem to aid efficiency and convenience in human life. The cons or dystopian consequences are communication technologies seem to be too advanced that human are slowly losing humanity (Her, The Matrixology) and too powerful that it can invade human privacy (dream recording device and implanted memories to manipulate character in Total Recall).



References:

TechTarget.com, (2005). ICT (information and communications technologies- or technology). [online] Available at: http://searchcio.techtarget.com/definition/ICT-information-and-communications-technology-or-technologies [Accessed 19 June 2016]