Design exploration

 This is a design exploration on Creaktif's site. In their site they offer a look at their different projects that they have worked on. I played around and navigated through several sites. One that I actually got stock on was the Creakatif site. It's an animation in which you control your character that you choose in the beginning. You can change their outfit and you can choose the character too. You navigate through the site by the arrow keys. And along the way there are these white floaty things that when you run into them they give free downloads to different things like a Photoshop brush upgrade and a Mario Brother short upgrade where your character gets large for five seconds or so. Through this little site you roam round to different areas where you run into a several areas like a "work" section where you can explore their work they have done for their clients. another area is a photo section with a photographers photos that you can check out. The whole site is a cool idea. There is a problem with the part with the videos that re suppose to load up. They don't work. It'll start to load and then it stops and brings you back to the scene. A little glitch in the program. And of course this isn't the only site you can navigate through. I just though this one which is number five by the way, was the most interactive one. There studio has won 9 FWA's. There work on different platforms like HTML, css3, and JS. I also like how when you scroll down the site the images move up and you go down and fold in on one another, I thought that was a nice touch. Cool site site overall.

http://www.creaktif.com/

Design Exploration

Coca Cola has a fun website geared towards the youth to get them hooked on Coke. There are little flash games that are interactive. Some are pretty fun and others are anti climatic. Overall the experience isn't bad. Click on the "EXPLORE the world of ahhh" and your on your way. Bu scrolling over the different images they flip over drawing your eye to the two options for which you have to choose from. You can save it to your play list or play it. Play it! The site has different categories you can choose from in the menu bar. You can sort through popular, new, animals, from fans, and games.
After you choose to play a game the loading icon is a coke bottle spinning around. It's simple a nice. Each of the flash games or interactive mini site has a little drop down display which shows their creator. After you play a game or whatever, it gives you the option to share your results on Face book or Twitter. Each of the mini sites are well done flash projects. They are colorful and well thought out I thought. Overall it's a simple site to navigate through. And it definitely caters to the younger generation.

http://us.coca-cola.com/home/

Design Exploration: WeChooseTheMoon.Org

I found a really neat website that takes you through the Apollo 11 mission to the moon. This is an interactive Flash website that will take you to the NASA experience! It’s put together in flash, and it’s pretty impressive. You can go through the various phases of the mission as the module drifts closer to the moons orbit.  As you move between stages, they have some really neat 3D modeled animations of the rocket taking off, and separating in orbit. When the website has completely loaded, you can hear an astronaut’s voice talking to you. He’s basically orienting you about the status of the launching of the space craft to the moon. You can view real-life photo galleries – the same photos taken during the moon mission. 

When you’re done looking at the photos, it is time for you to hit the launch button and watch the rocket fly to the sky and into the moon. This is truly a unique way to relive the Apollo 11 mission.

We Choose the Moon Website

Five Minutes

FIVE MINUTES is a live action experiences written and directed by Maximilian Niemann and produced by Felix Faißt. It is an interacted film about a Man and his daughter surviving against a zombie attack. 

At random times during the film, it will ask you to do certain motions with your mouse, and if you fail, the character fails. You get three tries, and after the third one the character dies. If you get the motions correct, the story will continue. 

Sometimes it will give you a bunch of different motions you have to do before the time runs out, and the more you mess up the more motions you have to do. In the beginning of the game, you pick a difficulty. The first difficulty is called Tourists, the second is called Moderate, and the third is called Hell. I think this website uses great techniques to keep the viewer involved, and i like how it lets you play games while watching the movie, almost like your actually in it. 

The Vanishing Game Design Exploration

The Vanishing Game 

This interactive reading experience is quite unique and has many aspects that make it interesting to explore. There are visuals, music, background sounds, not to mention that the story is all read out loud. It is quite visually pleasing with many different picture aspects that go along with the story the is being told. With everything together it really is quite a great leap in technology, and even how books are read. It is like watching what is going on in the background and listening to the sounds that you would expect to hear while reading the book.

 

 

This is the first page that is split up in eight different parts of the story all connected but each can be accessed separately. Even the first page is very appeasing to the senses and draws the reader in to the story.

 

This show the page with one of the books and some of the text. In the side bar you can pause the story, mute the music, and there are also links to many different social media sites for the book. The visuals in the website match very well with the story that is being told.

Well Storied

There is a link on the book website that is marked #wellstoried that links to this interactive website that show stories and pictures from all across the globe. There are many different words that can show different stories based on different topics.

This shows the map and you can see all the different countries with further exploration. It also show all the different places you can click on to see stories or pictures.

This shows a picture from California, that shows the area that the link was marked. This whole website was very interactive and is a great way to see things from all around the world with just a few clicks of a button. It is quite a unique website that is fun to explore for hours on end.

 

Design Exploration: The Bare Bones

http://www.captainforever.com/captainforever.php

   







     Captain Forever is an amazing example of what flash and code knowledge is capable of. This small indie game manages to create a deep and fun experience with minimal animation and programming.
     The games simple mechanics make it one of the most intuitive games I've played to date. You move with WASD, shoot with space-bar, and collect parts and customize your ship by clicking and dragging.
     There's not much to say about this game, only that its fun and simple.


http://htwins.net/scale2/

     I present to you a slider that lets you observe the string the dictate the laws of the universe to the farthest reaches of space. The integration of flash and science is perfect. Flash lets you learn and understand the makeup the universe with a very simple interface. You move the slider from left to right or use your scroll wheel to zoom in and out of the the different levels of life. The design of the overall experience is simple and clean. No fancy art or fancy effects, just good old fashioned text and vector art. Even the music is simple, but it communicates a message that the universe is almost magical. This small but huge project is a beautiful representation of life through digital art.

Design Exploration

Design Exploration

by Tyler Soule

BLABLA

It took me a while to find an interactive website that I could get lost in and enjoy as much as I did with BlaBla. I love the bold images and interesting art work. I've played with the site about five times now and still find new interactions each time. The music and soundscape integrates itself perfectly with the visual aspect, creating a fascinating experience for the user.

The site was created by Vincent Morisset. Vincent set out to develop an interactive tale that represents human interaction. The user becomes an integral part of the characters purpose, without the user the characters would simply be stationary and would have no story to tell. He wanted to create moods and generate emotions while simultaneously designing clean and uncluttered scenes.

Beatbox Academy

Being a drummer, I was drawn to the initial interface. Beatbox Academy is an interactive website with the purpose of selling products that could potentially help aspiring beatboxers learn new skills. When you enter the site, you are introduced to three drums and a cymbal. They give you simple directions on how to play the drums using your key pad. They also give you a few different "kits" to choose from. I like the simplicity and the parallax scrolling which gives it depth. I wish it had more sounds to chose from because I started to get bored after a few minutes.

Beatbox Academy offers DVD's, books and posters to try to entice the user to become a customer. They give you a little history about beatboxing and foreshadow what beatboxers might someday achieve. I really like the layout that chose and the images they used, however I feel like they could have incorporated more interaction within the sight. I wish you could click on the different instruments to hear what sounds they make. Or maybe click on the guy beatboxing for a sample of what you could learn. Its a fun concept but lacks some creativity. 

Design Exploration: Waterlife & Titanic Interactive

I have discovered two examples of effective multimedia design, both developed with Flash.  I chose these two examples because they demonstrate a contrast in how a design can be both dramatic or simple, yet still be effective by covering basic design principals. 

Design #1: Waterlife

Waterlife is a multimedia interface created by the National Film Board of Canada (https://www.nfb.ca/). The site raises awareness about the degrading ecology and pollution of the Great Lakes of North America.  This site is extremely effective at engaging the user emotionally. The design is stunning. It's clean, balanced and thematically coherent and rich in content. It uses a dynamic combination of audio, video, graphics, animation and links to engage the user and really suck them in to an interactive experience, not just a presentation. The navigation takes a little getting used to, but after some experimentation the user can navigate easily a few ways. It has linear navigation using the timeline at the bottom and there is drop-down tab menu on the top left. Finally, the user can jump around using the main interface screen which consists of photos compiled in a mosaic-type structure on which the user can click to go to a certain part of the site.

Here is an example:

Overall, Waterlife effectively follows the basic design principals of an effective design. It is profoundly dramatic and engages the user's emotions and provides an immersive, interactive and informative user experience.

Design #2: Titanic Interactive

Titanic Interactive is a multimedia Flash presentation created by the History Channel (http://www.history.com/) that allows the user to explore the Titantic from the time of  it's construction until after its disastrous sinking.  This is an example of a Flash design that is simple, effective and educational. It is easy to navigate because the design uses balance, repetition and consistency. the user can scroll over the three main navigation areas, "1909," "1912," and "1913."  These areas are animated provide short description of what information they contain. Once inside of of these areas there are photo galleries, scrolling written content, animations, interactive maps, etc... contained inside a linear navigation menu. There are also sound effects when an area is clicked. This helps the user feel more interactive with the design. My favorite part of the design is the "Ship Cutaway" and "Tour" inside the "1909" menu.  Although this design is smaller in screen area it is very educational and informative due to it's clear organization, easy navigability, consistency and quality content.

Examples of Mesmerizing Interactive Design

Solar System Scope

When your site visitors get completely lost in the experience and forget how much time they've spent there, I think that's a sign you're doing Flash right. Every time I thought I had discovered everything about this site, I found something else that added a whole new layer of complexity. 

First off, it's a map of the Solar System which you can explore by clicking and dragging, or using the scroll wheel to zoom. You can access the different planets and moons, and even see the anticipated trajectories of comets and zoom back in forth in time to see, for example, how Jupiter's moons orbit around it. There's also an option to check out fascinating facts.

In addition, you can access a map of the constellations visible from your area, which yeah, there's all kinds of sites that do that, but this one includes the Moon, which makes it a helluva lot easier to orient yourself when you're trying to figure out which stars are which constellation. 

National Museum of Natural History Tour

This site allows you to experience the Smithsonian right from your computer. Since the museum is empty in the interactive tour, you get it all to yourself, without having to fly to D.C., look for parking, wade through tourists, or pay a ticket. 

I think the navigation is fairly effective and intuitive. You can use the scroll wheel to zoom in and out and click the arrows on the ground to move, or you can use the navigation buttons at the bottom for zooming and moving. There's a limit to the zoom, which might drive you insane if you're the type of person who likes to read EVERY title card and description, but if you mostly just want to browse and admire some awesome dinosaur bones, then this site is perfect. 

There's also this cool map (accessible from the top right) that you can use to quickly escape to other areas if you get bored. 

                       

Design exploration

Zdzisław Beksiński's Official Website: http://www.beksinski.pl/

Zdzisław Beksiński (1929-2005) was a Polish   fine artist specializing in the field of fantastic realism. Influenced by his early memories from WW2, Z.B. created hunting art works that are both eerie and awe inspiring.

It is rare to find a website that with its design and functionality describes the style and mood of an artist’s work. Most of the portfolios I come across have a simple generic interface,which is great for showcasing images, but sometimes it provides nothing but a boring experience. This website on the other hand, preserves the criteria of a functional website with an intuitive navigation, but it also contains fun interactive elements. My favorite one is the navigation menu that a user can pull around and a mini decorative animations embedded in every page. Even the soundtrack contributes to the overall ethereal mood.

Presented by:  Belvedere Gallery

Created by: http://www.kubicki.info/index_beks.html

Music by: Zbigniew Preisner

Jim Carrey's official website: http://www.jimcarrey.com/index_jc.html

JC has had a long successful acting career that encompasses a wide range of roles form silly slapstick comedies to serious drama movies. His official website  represents this eclectic career with quirky interactive collaged images that provide an exciting user experience.

Browsing through the website really makes you feel like you are riding the roller-coaster, while simultaneously looking through the kaleidoscope (especially during the animated transitions between the pages).

Created by: 65Media 

Design Exploration by KW

the future - what will be - 

Technology is all around us.  How are those technologies making the world a better place.  Who wants to find out….

http://www.cesweb.org/Register-Plan/Register-Now.aspx

The International CES is a global consumer electronics and consumer technology tradeshow that takes place every January in Las Vegas, Nevada.

Enter : http://www.cesweb.org/

This last January conference showed many technology advancements.  Here are some of my favorites:

Cars that drive themselves

READ: Forget Buttons: Volkswagen’s Upcoming Golf Lets You Control Everything via Gestures and Touchscreen

“And let’s not forget the slew of self-driving vehicles from BMW, Mercedes, and Audi. Not only can those automakers’ cars drive on their own — Audi drove one of its cars from San Francisco to Las Vegas without a driver — they can also be summoned via a smartwatch app. Based on what we’ve seen, the future of transportation is arriving right about now.” - Daniel Howley

Now a car ride can be a relaxing thing.  I have been dreaming of this since I was 10.  How productive would this be – maybe safer than planes.  No getting padded down by disgruntled employees and the ability to keep your clean socks clean – because they are still in your shoes.  This is the life for me.  Next flying cars.. That would be great.

TVs and selfies

https://www.yahoo.com/tech/what-to-expect-from-technology-in-2015-based-on-107559843764.html

Smart Beds and Wired Babies

https://www.yahoo.com/tech/tagged/ces-2015

The future is here now.  Awesome new technology unveiled at the consumer electronics show.

The Consumer Electronics Association can keep you up-to-date in between conferences.  Like them on Facebook: https://www.facebook.com/ConsumerElectronicsAssociation

These subjects are trending now:

------------------------------------------------------------

Women innovators

http://www.ce.org/i3/Move/2014/November-December/Leading-Women-in-Technology.aspx

http://www.ce.org/i3/Move/2015/Leading-Women-in-Technology-Part-II

Infographics

http://www.ce.org/Blog/Articles/2015/January/INFOGRAPHICS-The-World-Mentioned-CES-Over-1-Millio.aspx

Robots

http://www.ce.org/Blog/Articles/2015/February/Korea-Bets-on-Robotics-for-the-Elderly

Music

http://www.ce.org/Blog/Articles/2015/February/Neil-Young-Wants-You-to-Hear-Music-in-a-New-Way

We are at the brink of something big.  Ideas - technology all rushing us toward the next revolution – or evolution in society.  Keep those ideas coming.

Interactive Movies: Zombies or Robbing?

Zombies.  They are all the rage.  But why just watch a horror movie, or zombie movie, when you can take part in how it actually plays out?  Chose your sides, you are PART OF THE MOVIE.  What you do will affect the outcome.  Will your survive or will you die?   THE OUTBREAK is a interactive media website.  Your choices determine the outcome. 

Get ready - the end is here and the outbreak is among us - it's time to take charge and make a choice.

 CAN YOU SURVIVE THE OUTBREAK? 

Are zombies not your thing?  Don't worry.  How about a bank robbery?  The thrill of the chase and danger more your thing?   

WELCOME TO BANK RUN!

A bit more vigorous and violent than THE OUTBREAK.  Bank run is more than just making choices, it is a game and a movie in one.  Using your keypad you have ques to run, advance, fight, move and more.  What type of trouble did you get in and can you get out?  BANK RUN....someone has to play.  It start on your computer but travels to your phone.  Can you survive part one?  How about part two?  Take back what is yours!  Run for your life, fight to survive, and get the hell out of there! 

Disclaimer:  This interactive media includes violence, weapons, blood, gore and strong language.