ArtSide Process Book

ArtSide Exploring the Beauty in the World Kuo-Wei Lee Master Thesis Project

Spring 2018

School of Arts, Technology , and Emerging Communication The University of Texas at Dallas

Table of Contents I

II

1

ArtSide Overview Project Goals

1

Golden Circle

2

The Design Process of ArtSide

6

Design Process Overview

7

Discover & Define – Research

9

Develop & Deliver – Low to High Fidelity Prototype

17

III

The Story of ArtSide

32

IV

Presentation at a2ru Conference

37

V

Acknowledgements

38

VI

Reference

39

VII

Explore ArtSide for Yourself

40 Kuo-Wei Lee

Spring 2018

ArtSide Overview

Enhancing the Connection Between Cities and Communities

What would life be like without firework displays, puppet parades, sculpture parks, and visionary roadside folk art? These landmarks and special events enhance our experience of a place and our quality of life. Public art creates a sense of pride and community identity. It represents the public history of cities, enriches the culture, and reflects public thinking in society. Public art can create meaningful relationships between cities and their citizens.

ArtSide is a mobile application that enhances the connection between cities & citizen The goal of ArtSide is to enhance the social experience of public art through social and technological means to strengthen the relationship between the city and its community. ArtSide is a mobile application prototype that indicates the location of public art and provides a social platform to interact with others about pieces.

Collage of Dallas area public art Kuo-Wei Lee

Master Thesis Project

ArtSide Overview

1

Golden Circle

“People don’t buy what you do. They buy why you do it.” – Simon Sinek Simon Sinek's Golden Circle is an attempt to explain why some people and organisations are particularly able to inspire others and differentiate themselves successfully. The neuroscience behind the Golden Circle idea is that humans respond best when messages communicate with those parts of their brain that control emotions, behaviour, and decision-making.

Act, Think & Communicate from Inside Out WHY - Purpose Motivation. What do I believe?

WHY

HOW - Process Specific actions taking Why into practice

HOW WHAT Kuo-Wei Lee

Master Thesis Project

WHAT - Result The demonstration of Why ArtSide Overview

2

WHY - Purpose

Motivation. What do I believe?

We believe public art engages the community in civic dialogue and it helps us be conscious of the city culture, city history, and the city itself.

The goal of ArtSide proposal is to enhance the social experience of Public Art through social and technological means to strengthen the relationship between city and its communities.

ArtSide not only provides information about where art is located, but also lets users experience art and share their thoughts. The motivation is to activate the users through the sharing of art, and to connect artists and art lovers together to create a community. Since public art has a wide variety of forms, types, and locations, each individual has their different views on these topics. The meaning of public art, therefore, changes with the passage of time. We gathered opinions from both experts and the general public so that those who use ArtSide would be satisfied and more user friendly.

Kuo-Wei Lee

Master Thesis Project

ArtSide Overview

3

HOW - Process

Specific actions taking Why into practice

Designers have series of repeatable steps that make them true professionals.

We did the research on Public Art and art community to conceive and design a social service to enhance the experience of Public Art. Since I took professor Cassini Nazir’s Infomation Architecture and Design class, I have learned the knowlege of information architecture. Information architecture can be applied to any complicated system. In contrast to popular notion of design, information architecture is concerned with logical information design, not physical, visual, or aesthetic design. It represents the threads of the invisible stitching within a seamless experience.

Discover

Design

Deliver

The design process can be quite messy.

Kuo-Wei Lee

Master Thesis Project

ArtSide Overview

4

WHAT - Result

The demonstration of Why

ArtSide: Enhancing the Connection Between Cities and Communities.

My master thesis project provides a platform that create a bridge between city and its community to share the experience of Public Art. ArtSide is a mobile application that provides a social platform to interaction with others about the pieces.

artside

Exploring the Beauty in the World.

Username

Password

Login

This interactivity engages people of the community to provide input, opinions, experiences, and stories and build meaning and shared memories for their communities.

Kuo-Wei Lee

Master Thesis Project

New Here ? Sign Up !

ArtSide Overview

5

The Design Process of ArtSide An interative process of refined inquiry RESEARCH Uncertainty

INSIGHTS

Innovation

CONCEPT Ideation

PROTOTYPE Clarity/Focus

DESIGN

Design process: From uncertainty to focus

Before I knew what Information Archetecture was, I always had a hard time making myself and my clients feel comfortable with a design process that starts with a big fuzzy mess, not knowing entirely what comes out in the other end. It makes it harder to describe what is the progress actually going on. After all, it is a mess of research, ideas, data, drawing, crafting, testing and failing.

Kuo-Wei Lee

Master Thesis Project

The Design Process of ArtSide

6

Design Process Overview

During my graduate studies, I leared about the Double Diamond, which maps the divergent and convergent stages of the design process. It provides a series of steps and procedures that help designers to structure / conduct their research, strategies, and prototypes in effective and logical way instead of a mess.

Kuo-Wei Lee

Master Thesis Project

The Design Process of ArtSide

7

DISCOVER

DEFINE

DEVELOP

DELIVER

EVOLVE

INITIATE

STRATEGIZE

DEVELOP

PRODUCE

LAUNCH+LEARN

Establish project parameters Frame problems

Define strategy Deine design approaches

Further develop ideas Select design direction

Final production Materials for release

Launch product Learn from users

RESEARCH

EXPLORE

REFINE

Clarify objectives and goals Set broad-based requirement

Generate preliminary ideas Evaluate ideas

Approve final design

DISCOVER

DEFINE

DEVELOP

DELIVER

Design Process: Double Diamond Kuo-Wei Lee

Master Thesis Project

The Design Process of ArtSide

8

DISCOVER

DEFINE

INITIATE

STRATEGIZE

Establish project parameters Frame problems

Define strategy Deine design approaches

RESEARCH

EXPLORE

Clarify objectives and goals Set broad-based requirement

Generate preliminary ideas Evaluate ideas

“The practice of information architecture is the effort of organizing and relating information in a way that simplifies how people navigate and use information.” – DSIA Research Initiative Rosenfeld, Morville, and Arango. (2015) Information Architecture for The Web and Beyond.

context City culture & history, public thinking, politics, technology

Looking at the three major components of information architecture: Context, Content, and Users helped me frame problems, conduct research, and build a robust design fundation. In addition, the bridge between research and design is an information architecture strategy. It is critical to think about how to define/strategize a design process and strategy.

Kuo-Wei Lee

Master Thesis Project

Public art, art types, temporary

content

Audience, artists, behavior, needs, experience

users

The Design Process of ArtSide

9

Strategize Research Methods Subject Matter Experts Interview Survey Empathy Map

context Mind Map Literature Review

content Design Workshop

Kuo-Wei Lee

Master Thesis Project

users Usability Testing

The Design Process of ArtSide

10

Survey

c u

A survey given to 80 people of various ages and genders focused on how the public responds when they encounter public art, and what they look for in public art. Information collected from this research helped us to have a clear idea of how potential users of our project will respond to and appreciate an interactive social media dedicated for public art.

Of the participants: • • • •

49% don’t make time to see public art.

45% don’t pay attention to public art.

38% observe and think about the meaning of public art.

79% only read the commentary of the work.

We learned that people think public art should be accessible, meaningful,and interactive.

Kuo-Wei Lee

Master Thesis Project

The Design Process of ArtSide

11

Literature Review & Secondary Research I conducted a literature review and secondary research as my advanced research methods to more deeply understand the core values of public art.

c c Bonnie Pitman. & Ellen Hirzy.

Ignite the Power of Art: Advancing Visitor Engagement in Museums.

What is Public Art? Public art describes artworks commissioned in public spaces to engage people as a part of their daily life. In Dallas you can find public art in many places: libraries, parks, along streets and in public buildings. Public art can celebrate community, enliven the everyday environment, draw attention to places or ideas, or commemorate events. Located in a public place, it is there for everyone to experience.

What are the benefits of Public Art? Public art celebrates our public history, ever changing culture and informs civic memory. Artworks reflect their place and time, revealing elements of our society for public consideration. Given the diversity of our city, there will be a variety of opinions about each work of public art, however the process by which public art is commissioned engages members of the community to provide input and engage in conversations about what is meaningful and valuable about their communities.

Harriet Senie & Sally Webster.

Critical Issues in Public Art : Context and Controversy.

The Office of Cultural Affairs. PUBLIC ART. Retrieved from dallasculture.org/publicart Kuo-Wei Lee

Master Thesis Project

The Design Process of ArtSide

12

Empathy Map (Scenario)

c u

。 Arts come from daily life.

Where’s these public arts?

What can I get by looking at public arts?

。 Enhance the sense of aesthetics. 。 What’s the definition of Public Art?

。 Reactions:

Amazing Lovely

。 What meaning do these public arts want to convey to viewers?

Dusted

Creepy

Think & Feel 。 People are talking about the art. 。 Excuse me. Could you take some pictures for me? 。 Will public arts have sound?

Disgusting Fantastic

。 The shapes / color / texture of public art.

Ivy Hear

Ugly

。 The surrending environment.

Female 24

。 People share their experience with their friends.

See Graduate Student Uses Social Networks A Lot

。 People are discussing the public art. 。 People are taking some pictures. 。 People just go through it.

What will you do/think when you see public art?

Understanding behaviors, concerns, and aspirations helps build better experiences. The empathy map describes a college student who loves using social network services.

I displayed her various feelings while experiencing public art.

Kuo-Wei Lee

Master Thesis Project

Say & Do 。 Ask my friends “ What is that?!”

。 Walk closer to look clearly at it.

。 Share exp. with my friends. (in person / post some pictures to the social media)

Pain

。 Some people damage the 。 Didn’t pay attention to arts environment / arts. and just go through

。 Walk away.

。 Using Internet to search the history of public arts / artists.

Gain

。 Ehance the sense of aesthetics.

。 Collect my thoughts

。 Be familiar with the art history. 。 Be interested in public arts

The Design Process of ArtSide

13

Subject Matter Experts Interview I interviewed eight subject matter experts who provided their professional insights and expertise about public art and how technology can be used to enhance the experience of public art, and let me better understand context, content and users.

Mihai Nadin

Richard Brettell Bonnie Pitman Maximilan Schich

c

“Public Art, they are all stories about how civilizations changed and how they want to communicate to the past, to the present and to the future about their roles.”

– Bonnie Pitman “The whole city is a public art. Public Art is not a decorations in the city, it should have some interactions between art pieces and community / art pieces and environment.”

– Mihai Nadin

Andrew Scott

Paul Fishwick

John Cole

Greg Metz

“The attitudes of the people experiencing the arts will be different depending on their backgrounds.”

– Maximilan Schich

Link to SME interviews videos: goo.gl/2YSAKM Kuo-Wei Lee

Master Thesis Project

The Design Process of ArtSide

14

Mind Mapping

c c u

A mind map helped visualize potential directions of our public art project by specifying its purpose, enhancement, definition, and function.

Kuo-Wei Lee

Master Thesis Project

The Design Process of ArtSide

15

Public art engages civic dialogue and community. It helps us be conscious of the city culture, city history and city itself. However, there are few environments where people regularly share their thoughts of public art. Therefore, I would like to create a social service to build the community for appreciating public art. The ultimate goal is to build the ArtSide ecology to let people share their civic experience from all over the world.

ArtSide Community Building Process

INDIVIDUAL

Kuo-Wei Lee

Master Thesis Project

COMMUNITY

ECOLOGY

The Design Process of ArtSide

16

Putting design strategy into practice makes ideas manifest. After uncovering insights from research. I created prototypes for interaction.

DEVELOP

DELIVER

EVOLVE

DEVELOP

PRODUCE

LAUNCH+LEARN

Further develop ideas Select design direction

Final production Materials for release

Launch product Learn from users

REFINE Approve final design

Practice : Public Artwalk Dallas!

At the suggestion of Professor Bonnie Pitman, a former director of the Dallas Museum of Art, we walked through Public ArtWalk Dallas!

It is a free, self-guided art walk, promoting a healthy lifestyle through increased awareness and appreciation of public art in downtown Dallas.

We have to immerse ourself closely to the experience of public art to better understand our art community.

The Public Artwalk goes through the near of the downtown Dallas.

Kuo-Wei Lee

Master Thesis Project

The Design Process of ArtSide

17

Kuo-Wei Lee

Master Thesis Project

The Design Process of ArtSide

18

Sitemap Sitemaps show the relationships between information elements such as pages and other content components, and can be used to portray organization, navigation, and labeling systems.

What’s New NewsFeed

Search Share/Communicate

Subscribe Artists

Journal Overview

Article Review

Write Articles

Tutorial

Journal What’s Public Art ArtSide

Structure Stories

Tutorial Identify Public Art

Make Friends Friends Search

Public Art Info Main Pages Secondary Pages Page Components Subpages

Kuo-Wei Lee

Master Thesis Project

Find Arts

Search Guest Reivew

The Design Process of ArtSide

19

Low Fidelity Prototype Low fidelity prototypes, usually simple sketches of an app done in pen and pencil, were used in some usability tests. The benefit is less time to prepare a delicate prototype, more time to work on design. We can make design changes more easily afterward.

Interactive Prototype Tool: Marvel

ArtSide Wireframe Sketches

Kuo-Wei Lee

Master Thesis Project

The Design Process of ArtSide

20

User Interface Kit Colour Swatches PANTONE®

Black

#00000 SharkSkin 17-3914

#848587

Kuo-Wei Lee

White

#ffffff

Riverside 17-4028

#4a678e

Aurora Red Spicy 18-1550 Mustard 14-0952

#bf3930

Master Thesis Project

#d1a949

Airy Blue 14-4122

#91b2ce

Typography

Sofia Pro — Headline / Title

a b cd e fg h i j k l m n o p q rs t u v w x y z A B C D E FG H I J K L M N O P Q R ST U V W X Y Z 0 1 2 3 4 5 6 78 9 Skolar Sans Latin — Body

a b cd e fg h i j k l m n o p q rs t u v w x y z A B C D E FG H I J K L M N O P Q R ST U V W X Y Z 0123456789

The Design Process of ArtSide

21

Icons

Normal User

Kuo-Wei Lee

Master Thesis Project

Artist

The Design Process of ArtSide

22

Input / Buttons Inactive

Active

Search

Love Jack UTD

Username

Kuo-Wei, Lee OK

Login

Login

What’s on your mind?

Share something!

Camera

Photo

Username Adress, City, State Check In

Username Adress, City, State

Fugiat nulla pariatur.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.Lorem ipsum dolor sit amet, at sed sensibus accusamus dissentiunt, ei usu possit convenire.

Camera

Kuo-Wei Lee

Master Thesis Project

Photo

OK

Fugiat nulla pariatur.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.Lorem ipsum dolor sit amet, at sed sensibus accusamus dissentiunt, ei usu possit convenire.

1248+1

236

Check In

The Design Process of ArtSide

23

Hi-Fi Wireframes

Kuo-Wei Lee

Master Thesis Project

The Design Process of ArtSide

24

Kuo-Wei Lee

Master Thesis Project

The Design Process of ArtSide

25

Kuo-Wei Lee

Master Thesis Project

The Design Process of ArtSide

26

Usability Testing

u

Usability testing evaluates an application by testing its functionality with potential users. It helps us see how users understand and navigate through a prototype of the app.

I learned that the journal feature was confusing. People could not tell whether the journals they saw were their own or somebody else's. I found that a sense of personal connection to the journal has to be improved.

Kuo-Wei Lee

Master Thesis Project

The Design Process of ArtSide

27

Kuo-Wei Lee

Master Thesis Project

Usability tests in various settings.

The Design Process of ArtSide

28

Design Workshop

u

Three one-hour interactive workshops allowed participants to share their personal insights into public art and perspectives about how technology can be used to enhance the experience of public art. The sessions engaged participants to provide opinions, experiences, and stories. We gathered the artifacts produced during the workshops to provoke creative possibilties for ArtSide – Visual Poetry.

Instructions of Visual Poetry Layout Elements

Lesson from Classic Poetry Couplet 2 lines poem The couplet, two successive lines of poetry, usually rhymed (aa), has been an elemental stanzaic unit —a couple, a pairing— as long as there has been written rhyming poetry Had we but world enough, and time, This coyness, Lady, were no crime.

Haiku 3 lines poem

Title

Text (Suggested Patterns)

A traditional Japanese haiku is a three lines poem with seventeen syllables, written in a 5/7/5 syllable count.

An old pond!

A frog jumps in— the sound of water.

Quatrain 4 lines poem

(Suggested Patterns)

Quatrain poetry is a poem of four lines that alternate in rhyme.

The quatrain poem can be written with two different rhythms, either 1,2,1,2 or as 1,1,2,2.

Vertical Pics

I lay staring up at the sky, Not a cloud in sight, Then a kite flew right on by, And gave me a fright.

(Suggested Patterns)

Horizontal Pics

Workshops Instructions

Kuo-Wei Lee

Master Thesis Project

The Design Process of ArtSide

29

Kuo-Wei Lee

Master Thesis Project

The Design Process of ArtSide

30

High Fidelity Prototype After testing out the flow, we developed a design language to unify the experience as demonstrated in this hi-fi prototype. Hi-fi interactive prototypes are made as close to the real graphical representation of the products as we can. They allow thorough testing on all the detailed aspects,including user interface components, colors, layout, the information hierarchy, and other interactions.

In Adobe XD prototype showing 44 pages and the interactions between them.

Kuo-Wei Lee

Master Thesis Project

The Design Process of ArtSide

31

The Story of ArtSide Exploring the Beauty in the World

What would life be like without firework displays, puppet parades, sculpture parks, and visionary roadside folk art? These landmarks and special events enhance our experience of a place and our quality of life. Public art creates a sense of pride and community identity. It represents the public history of cities, enriches the culture, and reflects public thinking in society. Public art can create meaningful relationships between cities and their citizens.

“ArtSide as a mobile application for enhancing the connection between cities & citizenship and community-building platform” The goal of ArtSide is to enhance the social experience of public art through social and technological means to strengthen the relationship between city and its community. ArtSide is a mobile application prototype that indicates the location of public art and provides a social platform to interact with others about pieces.

Kuo-Wei Lee

Master Thesis Project

The Story of ArtSide

32

Design & User Experience Carrier

NewsFeed

9:41 AM

42%

What A Fantastic Place!

I went to visit Thanks-Giving Square, there are no words to express what I feel!

The ArtSide newsfeed shows updates from the people and pages that user follows on ArtSide.

The news feed is a key feature in ArtSide that keeps the app both dynamic and interactive. As a user's friends or following post updates or content, this is reflected in the news feed so that each time a user returns to ArtSide, users are likely to be presented with fresh content.

Kuo-Wei Lee

Master Thesis Project

Highly recommend y’all to

The Story of ArtSide

33

Journal ArtSide provides a new, poetic way to help users write their journal articles, which encourages users to compose visual poetry to enhance their social and personal experience.

Users are able to create their own “Double J” — Journey and Journal. By taking advantage of technologies and emerging communications, people can share their personal stories and narratives to become a part of city’s history and deepen the relationship between their city and their community.

Kuo-Wei Lee

Master Thesis Project

The Story of ArtSide

34

Carrier

9:41 AM

42%

Friends ArtSide takes advantages of technologies allowing people to share their personal stories and narratives.

Artists can gather the general public’s thoughts.

Through communication, we are able to realize the city’s culture and become a part of city’s history.

Users can send messages and exchange photos, videos, audio, and files, as well as react to other users' messages and interact with bots. The service also supports voice and video calling.

Kuo-Wei Lee

Master Thesis Project

The Story of ArtSide

35

Carrier

9:41 AM

42%

Find Art The Find Art feature allows the user to get an overview of the entire tour. They can also zoom to specific points on the map to get more detailed information.

ArtSide utilizes Global Positioning System (GPS) information to indicate location of artworks and provides a social platform to interaction with others about the pieces.

Kuo-Wei Lee

Master Thesis Project

The Story of ArtSide

36

Presentation at a2ru Conference Kuo-Wei Lee, a M.A. student in Arts and Technology, Shruthy Sreepathy, a M.S. student in Applied Cognition and Neuroscience, and Cassini Nazir, ArtSciLab director of design and research, presented ArtSide: Enhancing the Connection Between Cities and Communities. Students and faculty from the UT Dallas ArtSciLab presented their project – ArtSide, at the Alliance for the Arts in Research Universities (a2ru) 5th annual national conference at Northeastern University in November 2017.

5th Annual National Conference Arts in The Public Sphere: Civility, Advocacy, and Engagement

Kuo-Wei Lee

Master Thesis Project

Conference

37

Acknowledgements Many thanks to Cassini Nazir, Roger Malina, Greg Metz, Vic Simon, Joyce Hong, Shruthy Sreepathy, Yusra Khan, the faculty of The University of Texas at Dallas, and the members of ArtSciLab. artscilab.utdallas.edu

Kuo-Wei Lee

Master Thesis Project

Acknowledgments

38

Reference Harriet Senie & Sally Webster. (1992). Critical Issues in Public Art : Context and Controversy. New York, NY: Harper Collins.

Bonnie Pitman. & Ellen Hirzy. (2010). Ignite the Power of Art: Advancing Visitor Engagement in Museums. Dallas, TX: Lincoln Press.

Terry Lee Stone. (2010). Managing the Design Process Implementing Design An Essential Manual for Working Designer. Beverly, MA: Rockport.

Bella Martin & Bruce Hanington. (2012). Universal Methods of Design. Beverly, MA: Rockport.

Louis Rosenfeld & Peter Morville, & Jorge Arango. (2015) Information Architecture for The Web and Beyond 4th Edition. Sebastopol, CA: O'Reilly Media.

Kuo-Wei Lee

Master Thesis Project

Reference

39

Explore ArtSide for Yourself

Summer Edition Kuo-Wei Lee

Master Thesis Project

Spring Edition Explore ArtSide for YourSelf

40