Portfolio

Languages & skillsgerman (mother tongue)english - good in spoken and written

Advanced: Adobe CreativeSuite, ProEngineer, KeyShot, LaTeX, ANSYS

Efficient: Microsoft Office, SolidWorks

Beginner: Axure, SilverBack, vvvv, Arduino, Fritzing, html, Brackets

Eva Kuehn

Student of M.A. Industrial Design | Interface DesignMuthesius School of Fine Arts and Design Kiel

aboutCurrently I am studying Industrial Design | Interface Design at Muthesius School of Fine Arts and Design in Kiel (Germany) with the aspired degree Master of Arts. During my studies I’ve developed a special interest in graphic design of user interfaces as well as in usability testing.

My education includes a vocational training as Management Assistant in Advertising and a Bachelor degree of Engineering in Material and Product Development at the University of Applied Sciences in Frankfurt am Main (Germany). This enables me to gain insight into the whole product cycle: product development, design and marketing. However, I set particular focus on the interaction with the user.

Parallel to my studies, I have been working as a student assistant at the marketing department of Port of Kiel. In addition to administrative tasks, my duties are the creation of graphs and pictures. Before that I was working at the Institute of Material Science as a scientific assistant. When I was studying my bachelor‘s program I was able to exercise practical activities as a tutor in both the subjects „biomaterials“ and „component optimization“ as well as student assistant at both Saatchi&Saatchi just as Messe Frankfurt am Main.

Before I started my studies in Kiel, I had the chance to do an internship atindustrial partners GmbH, an Industrial Design Agency in Frankfurt am Main. During the six months I worked there, I gain insight into the different activities of an industrial designer as well as this particular design process. I participated in two projects: in the main project, I developed and designed an applicator to medicate skin lesions due to the Herpes Simplex Virus with the chemical diethyl ether. The special challenge was to handle this volatile chemical safely and effectively. My second project, a short term project over three days, was to design three modules for removing retail security.

content1. Persona - a usability technique?

2. Diving into UI/UX

a. Graphical excellency “Desktop“ b. Usability of “PIXUM photobook“ software c. User Experience “Robot“

3. Poetic Apparats - Resonant Interface “Seismograph of Body Movements“

4. Workshop:Light and Colour “Color Perception“

5. Understanding Products “Electric Shaver“

6. Body-Product-Unit “Nutri Lip“

7. Diethyl Ether applicator

8. Pad, Detacher und LightGuide (checkpoint)

Persona - a usability technique?

Semester projectSummer Semester 2015Muthesius University of Fine Arts and DesignTutor: Prof. F. Jacob, J. A. Ewald

Persona and its goalsA Persona is a fictive person. The goal of a Persona is to represent important needs and requirements of future users. That’s why, to create a Persona, the designer has to think about and investigate the user. Personas then consist of common aspects of a specific group of users and form an ‘average user’.To get a detailed picture of this average user, the designer gives a Persona also a face, an age, gender and other demographic factors, a daily routine as well as wishes and goals.This enables the designer to feel like the target group and to create for real persons.

1983 - 2015The design method „Persona“ was introduced by the US-American software designer Alan Cooper. He interviewed seven or eight possible users for a project management program. Kathy, an employee of a marketing company, was one of them with whom he spoke extensively.Afterwards, while programming, he started speaking in a fictive manner with her to create a software that fits her needs. Therefore, she became his first persona.

From 1983 until today, technical devices more and more have entered both domesticand commercial environments. This omnipresence of computer and other

technologies leads to a broad group of users, which is very inhomogeneous in itself. Thus, to provide usable applications it is important to investigate these users. Numerous methods have been generated for this: empirical studies, shadowing, cultural probes, etc. The question is however, how effective are these?

A Persona is created at the very beginning of a design process...

... and used as inspiration and for testing possible design elements.

A persona has a strong influence on the final application...

...and the final application has an influence on the user.

How big is the users influence on the persona and therefore the application?

How to create a persona?

Stereotypes

Empirical studies

Objectivity vs. Subjectivity

How to create personas properly and which difficulties are there?

How personas are often created and which difficulties are there?

Stereotypes

Objectivity vs. Subjectivity

Diving Into UX/UI

Semester ProjectWinter Semester 2014/15Muthesius Univ. of Fine Arts & DesignTutors: Prof. F. Jacob, J. A. Ewald

The project was divided into three tasks:

a. Graphical Excellency “Desktop“b. Usability of “PIXUM photobook“ softwarec. User Experience “Robot“

Graphical Excellence “Desktop“

The design of the application icons is based on both the standard logo and the color of the respective application. If an application is running, a white frame appears around the icon.

After performing a research about graphical excellence my task was to design a desktop view of an operating system. The desktop view I created has a reduced system area to one task bar at the bottom of the display. This task bar contains the most important short cuts and system icons as well as date

The system folder “programs“ can be sorted by topic. Often used programs appear in the preview of the respective system folder. To see all programs of one topic, the area widens by clicking in the grey space between the icons.

and time. This task bar can be personalized. Additional the taskbar offers an icon to open the system area. Aligned on the left side this area contains all applications installed on the computer, system properties, files and drives; on the right side next to others the shut down botton.

Usability of “PIXUM photobook“ software

Seite 1 Seite 2 + 3 Seite 4 + 5 Seite 6 + 7

Warenkorb

40,67€

DrehenBearbeiten Anordnen Fotos suchenFotos Größe und Qualität

Foto Layout Text Hintergrund Gra�k Effekte

... / Pictures

The “PIXUM photobook“ software was tested on its usability through the following steps:

new concept of the software

1/ expert review2/ usability testing3/ new concept4/ usability testing of the new concept

1/ expert review At first a peer review on the basis of the dialog principles was conducted. With a self-made rating system, the seven principles were assessed. So difficulties in handling the software were made visible. When creating a new concept, special attention was payed on the principles

Conformity with the User Expectation

Controllability

Suitability to the Task

Self-Descriptiveness

Error Tolerance

Suitability for Individualization

Suitability for Learning

with the lowest score: controllability, self-descriptiveness, suitability for individualization and suitability for learning.

Usability TestingThe software was evaluated by testing it on seven users. This testing focused on verifying the results of the previous expert peer. The probands were confronted with three tasks with respectively two or three subtasks. With this tasks especially controllability, self-descriptiveness and

suitability for learning were targeted. The test was moderated. While solving the tasks, the test persons were observed. Important observations were noted so the test results and interaction could be analysed thoroughly.

2/

New conceptual designThe new concept is based on the redesign of the wireframe to give the user a better overview. The itmes and icons rearranged in order to improve the controllability as well as self-descriptiveness.

To allow an intuitive handing, the elements and new arrangement were based on the design of known software such as Microsoft Office.

3/

A paper prototype was created in order to test the new concept. To be able to compare the test results of the original and the new concept of the software, the same test persons were confronted with similar

tasks. After the test, it was obvious that the usability of the software was improved. The tasks were resolved completely in less time.

4/Usability Testing the new concept

user experience “Robot“

A robots navigation is based on four techniques. On the one hand, it is possible to program a map of the environment into the robots memory or to let him learn the environment by exploring it. On the other hand, a route planner enables the robot to move through the environment savely. This rout planner uses a compass for indentifying the direction the robot is heading as well als GPS data to determine the exact location of the robot. Equipped with these technical devices, the robot is able to calculate the shortest route to a desired place. While steering through the environment, distance sensors allow the robot to avoid collisions with obstacles.

The human being‘s navigation relies on knowledge of the places, experiences how to reach a desired place and human perception. To simulate the robot‘s navigation on a person, every possibility to self-navigate needs to be taken away. The blindfold takes away the visual perception, an unknown course the possibility to rely on know how. Distance sensors give a signal when navigating towards an obstacle. The user is lead through the course with four rudder-lines attached.

Sichtschutz

Steuerleinen

Abstandssensoren

actuator,control unit in y direction

actuatorcontrol unit in y direction

actuator,control unit in x direction

actuator,control unit in x direction obstacle

course

robot

Poetic Apparats - Resonant Interfacing “Seismograph of Body Movements“Semester ProjectWinter Semester 2014/15Muthesius University of Fine Arts and DesignTutor: J. A. Ewald

The “Seismograph of Body Movements“ is a apparat that amplifies conscious and un-conscious body movements and displays them just like a seismo-graph does with the movement of the earth.

The seminar “Poetic Apparats“ was about getting new perspectives on technical concepts. It is to deal with and think into electronical devices, physical phenomena and technical processes of communication with a special focus on moments, situations as well as their facets and characteristics less noted.

The seminar‘s topic was phenomenon of resonance. The starting point was the concept of “Resonant Bits“ by Peter Bennett, et al.

I explored the conscious and unconscious body movements of people. The apparat I developed shows these movements by drawing a line on paper formed through the microscopic movements in the user‘s body while standing. According to Pohlscher resonator, the design is built with a spiral spring and actuating levers to transfer the movements directly from the users‘ hand to pen drawing the seismographic line.

Light and Color“Color Perception“WorkshopOctober 2013Muthesius University of Fine Arts and DesignLehrender: E. W. Bendin

During the workshop I explored the subject of the development of color intensities. The ba-sis was the law descibing the perception of the steps of color changing by Theodor Fechner.

The Fechner law describes the relation between a physically measurable stimulation of sensory organs and its mental experience. It declares that the organ‘s stimulation has a

E ... intensity of sensationk ... constant pending on repsective sensory modalityR ... intensity of stimulationf ... constant / liminal stimulus

E = k * log R + f

logarithmic rate in relation to the intensity of sensation (E), while this perception increases arithmetically in the organ.

One may conclude that to generate a linear perception the stimulus needs to have a exponential trend. Thus, I had a closer look to exponential functions as well as the Fibonacci sequence. The Fibonacci numbers approximate to the course of a exponential function.

Empfindung

Reiz

Fechner Gesetztlineare Reizwahrnehmung

Exponentialfunktion

Fibonacci-Folge

1

1 Fechner law2 linear perception3 exponentioal function4 Fibonacci sequence

2

34

The Fibonacci sequence is an infinite sequence of natural numbers. They are called Fibonacci numbers. Every Fibonacci number is the sum of both previous numbers.

ƒn = ƒn - 1 + ƒn - 2

for n > 2 with original value ƒ0 = ƒ1 = 1

nƒ

The Fibonacci sequence bears analogy to the golden section. Every numerical proportion of two sequent Fibonacci numbers matches the golden section, 1.618. The golden section is known to be harmonic. For this reason, I supposed a development of color based on the Fibonacci sequence is perceived as harmonic as well.

Three series below show different developments of color-light output. These developments are based on the mathematic functions above.

Which of the following sequences shows a continuous trend in increasing color-light output?

1. linear2. exponential 3. Fibonacci sequence

Body-Product-Unit “Nutri Lip“

Semester ProjectWinter Semester 2013/14Muthesius University of Fine Arts and DesignTutor: Prof. D. Rhein

The main task of this project was to choose a body part to which a product should dock to symbiotically and be removed easily. The function of this product ought to be fictional.

The body part I examined was the mouth. The concept was to develop a product that creates gustatory as well as olfactory perceptions; in other words to taste and smell food without eating it. This adaption is attached to the lower lip by clamping. The

structure of the product therefore needs to be as moveable as the lip itself so that facial expressions are possible while wearing it.

Storyboard

1 Apply Nutri Lip. 2 Photograph the desired object with the smartphone.

3 Send picture to Nutri Lip. 4 Experience taste.

Understanding Products “Electric Shaver“Semester ProjectWinter Semester 2013/14Muthesius University of Fine Arts and DesignTutor: Prof. D. Rhein

After choosing an electic device, the task was a close investigation of this device. This investigation needed to be realized by first disassembling the device and second creating a 3D-reconstruction on a computer. This should enable a deep understanding of production and components by sorting these components into subassemblies and identifying materials as well as the connecti-on between every component.

3D-reconstruction

Diethyl Ether Applicator

Project of InternshipMarch 2013 - August 2013industrialpartners GmbHAdvisor: J. Arend

The project included the development and design of an applicator to medicate skin lesions due to Herpes Sim-plex Virus with the chemical diethyl ether.

One of the characteristics of diethyl ether is to dissolve fat. That is why diethy ether is able to move through the epidermis into lower skin layers and to dissolve the Herpes Simplex Virus‘ lipid cyst. After dissolving the cyst it is impossible for the virus to cause

skin lesions. As soon as the virus is unable to in proliferate it, moves back into the neural node Gasser‘s ganglion. There, it sits latent waiting for the next possibility to cause skin lesions.

Virus moving along nerve pathways from Gasser‘s ganglion to nerve endings in the lip tissue.

Apply diethyl ether on the affected region. Dissolve and wash away the lipids between horn cells in the epidermis.

Inactivating the virus by dissolving the virus‘ lipid cyst.

Inactivated virus by dissolved cyst.Retrieval of inactive viruses back to Gaser‘s ganglion along nerve pathways.

1/

6/

2/

5/

3/

4/

Diethyl ether is a chemical that is highliy volatile. It is necessary to create a room to concentrate the substance onto the required location. This room is created to enclose the

skin lesion completely as well as to allow an appropriate dosage of diethyl ether.

checkpointPad, Detacher und LightGuideproject of internship - short term projectmarch 2013 - august 2013industrialpartners GmbHadvisor: J. Arend

Design of the modules Pad, Detacher and LightGuide for the tags of the company checkpoint.