Wednesday, February 29, 2012

Scribbit Virtual Pen 1.0

For today's presentation, I thought I'd link to the work I did for my Major Studio class regarding my Virtual Bathroom Stall social network. I wasn't able to build a site, but I did make a fake prototype/mock up of how I imagined it looking. I also made an after effects mock up of how I imagined the scanning software functioning along with the hardware.

Here's a link to follow to my personal blog.

Friday, February 24, 2012

International Picture Language


This BOOK is a great example of a very easy to use, early example use of semiotics in everyday life.
Otto Neurath created this book as presented as part of the Imaginary Museum 

Wednesday, February 22, 2012

http://prettymaps.stamen.com/

Week 4 Presentation

Urbanflow Helsinki from Nordkapp on Vimeo.

Future of Wayfinding

Kurt Perschkes Red-ball-project


This is a great public art project by Kurt Perschkes. I love how inherantly interactive it is and how approachable it is for all the people that see it. What does it say about the environments it is placed in? How do people benefit from this? What do people do with it?

As you all probably know, I'm really interested in the future- more specifically, how people will be interacting within public spaces. This is a quick video by Corning Glass, and if you haven't seen it yet you should take a look.  The concepts in this video may well be on their way to becoming a reality. Enjoy!

Week 4: Inverted Pyramid and Familiarity

History Pin


History Pin of Reading, UK. The community contributed to this interactive google map of the town and its history. 

Reading Museum tells stories of the local historic and natural environment as well as displaying and caring for objects from around the world. Reading was at the centre of early developments in photography and was one of the first places to be recorded by photography. William Henry Fox Talbot, a pioneer of photography, set up one of the world’s first commercial photographic studios in Reading in 1844. The Museum's photo collections include the archives of the Reading Chronicle and Huntley & Palmers biscuit factory. A selection of our images have been uploaded here - see our website for more information.



Mid Term

Mid Term due Wed. March 27. 
Critiques will follow.

Objective: Apply at least 3 design principles to a current or past project of yours. Understand and be able to articulate how the design principles are included in the project, what changes you made and why you made them.

Process: You should explore several different variations while as you incorporate Design principles. All mediums and forms are acceptable. Try new methods of visualizing information that may be unfamiliar to you.

Deliverable: Revised project with all iterations that came before it. Consider the process as important as the outcome. Everyone will present their project in a formal critique to the class. You will present the project in Pecha Kucha style.

Monday, February 20, 2012

week3_presentation

10pt
View more presentations from oakdoor.

week2_Exercise

For the exercise assignment,
I tried to develop the parsons' elevator sign by applying the light system in wholefood.

The developed sign has simpler format and it's easier to read. 
Whenever the elevator comes, the light's blinking on the map, thus it's easier to recognize the current place. Even without the light, the position on map is colored, so it's always recognizable.  

Thursday, February 16, 2012

The Surprising Complex Art of Urban Wayfinding

Here is a great article on Urban Wayfinding Excerpt: " Enter the urban wayfinding expert. This field – also known as environmental graphic design – fits a unique niche somewhere in between two- and three-dimensional design, between building and landscape architecture, between the small scale (street signs) and really large systems (whole cities). “Architectural signage and wayfinding isn’t about building a nicely designed sign,” says Sue Labouvie, one such expert whom we tapped to explain the science of helping us find our way in the city. “It’s about the information content and the analysis of the space or place that you’re trying to move people through, and coming up with a strategy of how you make this big complex thing simple and understandable to the user.” How do you clarify to people what a city is about, how they should move through it and where they can find all the really important stuff? Or, put another way: How does a city do this, all on its own, so that I don’t have to ask a knowledgeable-seeming stranger on the street for directions?" The Atlantic Cities

Better Metro North

This designer found the Metro North train schedule too difficult to navigate. So...he redesigned it!
BetterMetroNorth.com

Guerilla Public Service_ Freeway signs

A great project by Guerilla Public Service in California. If urban wayfinding doesn't work why not fix it yourself!?

Read more here

Guerrilla Wayfinding in Raleigh

Read Full article here

Wednesday, February 15, 2012

Week 3_Presentation (Perception/Discernment, Wayfinding, Information Overload)

Assignment_Week3

Week 3_presentation 2 _joyce

Week 2_Assignment Adam Rodriguez





Learning Style: Visual(through patterns)
Way of retaining information:Mind Mapping

Redesign:
Bad
My redesign featuring the big headings and simple information through an interactive pdf with drop down menus.




WEEK 1_Presentation Adam Rodriguez

Week 3 Presentation - Santiago Peraza

week3 _ Presentation

WEEK 2 ASSIGNMENT - Santiago Peraza

Here are two clear and creative examples of the topics discussed on the second week class

1. learning style
    Kinesthetic / tactile
    Plastiline games - Playdoh



2. Memory retention and organization
    Color grouping

Photography quick guide -  success!

Perception/Discernment, Wayfinding, Info. Overload

"Good" vs. "Bad" Design (Week Two)

Week 3 presentation

View more presentations from amandamaduri.

Perspective and Descretion Pecha Kucha

WEEK 1 Presentation - Santiago Peraza

Thursday, February 9, 2012

YASIV product mapping

http://www.yasiv.com/


Yasiv is a “visual recommendation service” that illustrates the relationships between items in Amazon’s marketplace. Type the name of any given book, CD, or film into the search box. Yasiv will chart the connections to items other customers have purchased.

Wednesday, February 8, 2012

Week 1_Presentation

Week2_Assignment ( Dawa )

Visual Learning style example.
Number Chunking example.


Week1_Presentation(Dawa Dolma)

Type of Learning: School House Rock Videos combine visuals and audio to teach kids about different subjects.



http://www.youtube.com/watch?v=koZFca8AkT0

Method of Retaining Memory:

When recalling order of operations when solving equations a mnemonic that helps one figure out what to do first is

PLEASE (parentheses)
EXCUSE (exponents)
MY (multiplication)
DEAR (division)
AUNT (addition)
SALLY (subtraction)




Week 2_Homework

A few chunking examples.

I found a few examples of long numbers (or sets of numbers) that need to be remembered in my everyday life, and decided to group three of them in order from worst to best from a chunking perspective.


Awful/Nonexistent...

The "we missed you" slip from the mailman. How can he even write all those in a row without losing his place?



Better...

At least this tracking number is divided into smaller groups!



Great!

I heart Ikea. They not only divide their system by aisles and bins, but visually chunk the numbers even more by enclosing them in boxes.




Learning Styles in Action.

I thought these two images of subway platforms were interesting when looked at through the lens of learning styles. By having the universal color for "caution" consistently along the edge of all platforms, this information (to stay away from the edge) is immediately evident to the visual learner. But there's also something in there for the tactile learner with the texture change—it's not just a line or just a color change, but an actual change in material to alert passengers through multiple senses that they should back up.


Subway platform at the Spring St. (6) Station.




Subway platform at Grand Central Station (4/5/6).




Personal Work Reinterpreted.

For this assignment I chose a picture that actually didn't make it into my presentation in this exact form: the New School recycling posters that are around the lab at all the trash can/recycling bin sites.

There are several elements that I really like about this poster. The use of icons in general, to simplify the amount of cognitive processing the user has to perform to recognize the objects being described, is very clean and well done. In addition, the way that all the objects are similar but grouped by type through the use of color is also quite nice, and establishes a hierarchy without much extra labeling. (It is clear that these are all "waste items" but that within there we have three different categories. I also like the use of spatial grouping on top of the color differentiation to create more of a divide between the types of items.

I wanted to apply this example to my own thesis work, so decided to take a crack at my last prototype for a lacrosse scorekeeping application that allows you to count various stats and mark the location of goals on a field. The first version (below) had been done quickly with the functionality, not design, in mind, and as such needed a makeover.



Before.

The buttons for logging statistics were all kind of the same looking and in a row without any type of grouping (other than by team) and were wasting a lot of space by having arrow keys that would rarely be used. In addition, there was really only words and buttons—I hadn't made use of the types of icons that make information so easy to grasp quickly.

I also had made a grey out screen for when the clock is paused to ensure that nobody would start logging stats without remembering to turn the clock back on, but it looked washed out and I felt like I was missing an opportunity to display SOME information while the game is paused.




After.

In order to make the stats easier to locate and find intuitively, I grouped them into sub-categories (defensive and offensive), and then sub-categories within THOSE (passes vs an unrelated statistic, and good vs bad statistics, respectively.) The way the stats worked out in groups then dictated the orientation of the entire screen, leading me to turn everything into profile orientation to make the best use of the space. I also made icons for various parts of the interface to help the user quckly recognize different parts of the application and to give it a cleaner look.

To address the pause screen issue, I made the field still dim down and have a warning indicator that the clock is stopped, but still allowed the user to see the score and time on the clock easily, and without visual obstructions. I also made more use of the space by converting the stat "dashboard" into a location to display and record time outs for both teams, making use of a space that I have previously been wasting.

There's obviously a lot more to go as far as developing the entire app, but I was really excited to see how quickly and effectively the simple principles we've been discussing the last two weeks has been able to improve my thesis prototypes!

License Plate and Stage Theory, Week Two

Here is an example of a piece of information design that harnesses the stage theory model of cognitive learning. By grouping letters and numbers together in the format of "Miller's Magic Number," the license plate parses out units of information so that the brain may process them efficiently, organize them cognitively, and convert them into a form of memory. This method allows for ease of storage, retention, and recall, both short-term and, perhaps for some depending upon their brain's preferred style of learning, long-term.


Another example of textual "chunking" of information would exist in the realm of presenting dates of birth. The day, month, and year of a person's date of birth provide three layers of information that, when placed together, provide very specific meaning. This also fits the stage theory model of learning and memory creation, as the format for a DOB is accessible and ready for recall. Instead of 07311987, the information is displayed: 07/31/1987. By separating the number into smaller modules of information, it is easier to read, write, recall, and memorize.

Week 2_Homework

1. Cuisenaire Rods - Visual method of learning to count.



2. The Typeface Memory Game.

Week 1_Presentation

Week 2 Homework

1. Visual way of learning math for children.




2. Number Chunking- Social Security Card

Week 2 Homework


Muzzy is a children's language show that helps kids learn different languages through visualizations. These videos helped kids learn how to speak multiple languages by utilizing repetition.

Legos have been proven to be really effective for tactile learners. As Legos are hands on, they allow learners to constantly build and create new objects with the blocks of items in front of them.

Week1_Presentation

Presentation

Week2_images

1. Visual Learning: The NYC map

2. Number Chunking: The date

Tuesday, February 7, 2012

Week 2 images

Tactile learning:
The Bodies Exhibit successfully caters to many learning styles. When I visited it, one particular feature had always stuck with me. There was a section at the end that featured organs out of the cases and available for you to touch. Our exhibit had a smoker's lung, here in this picture is a heart that they allow you to examine and retain knowledge by touching.


Stage Theory Model, infants learning hand coordination and memory through wooden toys

Week 1 presentation

WEEK 2_Sara Chou

Visual learning style


Solving a Rubik's cube involves retaining information through memory.


WEEK 1_Presentation_Sara Chou

week2_images


1.Tactile learning style

Playing piano is like sensing where you touch and make sounds.
People even can play a piece without looking at music since their fingers are already used to all those positions and remember where to move next.

Performing music can not be a system, but a piano and its keyboards system is a great example of very friendly tactile learning style around us.


 2. Mines Game

This traditional Mine game has a super simple logic. 
The only way to find all the hidden mines is to retrace your memory.

Week 2 Homework

Different learning methods














Number Chunking (color coding?)













Good vs Bad Design Presentation