ART307 Designed Experience, Part 5: Production Website

After many hours of hard work (seriously), I am truly proud to present the first public iteration (still a work-in-progress!) of the fifth and final phase of my Designed Experience project for my ART307 course: the production of the product and experience that we have designed.  I present to you:

The P.A.C.: “Personal Authentication Camera” Production Website

Check it out and let me know what you think!

One piece that is complete that I am particularly proud of is the P.A.C. Hardware walkthrough page, which features a spiffy image-map, complete with appropriate cursor icons, tooltips, and accompanying descriptions for each component of the P.A.C. device.

Please note that this website is obviously not yet complete.  I have not added all of the content that I have laid out for my product, but the bulk of the work – the layout and most of the visual work – is now complete (and looking pretty nice, if I do say so myself!).

So check it out and let me know what you think!  Hopefully this final project earns me an A in my ART307 class!

ART307 Designed Experience, Part 4: Interface Design

For phase 4 of our Designed Experience project, I am proud to present the preliminary interface design for the PAC website, which I previously had wireframed on paper for phase 3 of this project.  Check it out below!  View the entire story for an explanation of the interface’s components, as well as to see previous iterations of this design.

P.A.C. Website Interface Design

P.A.C. Website Interface Design (Final Draft)

More →

ART307 Designed Experience, Part 3: Information Architecture

*Drum roll please!*  It is with great pride that I present to you the latest information architecture diagram outlining all of the content I will be using for my designed experience project!

My product’s most recent codename?  The Personal Authentication Camera (PAC) device.  (Please see the full version of this diagram if the text is too small in the image’s lightbox viewer.)  NOTE: this diagram has since been updated – all of the yellow boxes have been combined with their children, and the Security & Privacy section has been consolidated onto 1 page, instead of 4 pages.

PAC Information Architecture Diagram

Information Architecture Diagram of the PAC’s content

ART307: An I.A. Diagram of the NLP ATM

If my dream ATM (with my dream ATM experience) existed, it would be the NLP ATM.  Through the use of natural language processing (NLP) technologies, this revolutionary machine is able to rapidly interpret, understand, and respond to human voice — allowing you, the user, to interact with this ATM using only your voice.

This revolutionary machine affords a just as revolutionary new experience for the user, one that is more:

  • Secure:  NLP ATM’s use iris scanning technology to identify users, plus cameras with facial recognition software to ensure that a user’s session is tied directly to their psychical presence at the ATM.
  • Green:  NLP ATM’s offer the ability to email your receipt, and run off of next to no power at all!
  • Sanitary:  No touching needed!
  • Enjoyable:  NLP ATM’s provide an experience like no other — You’ll actually enjoy visiting your ATM!

NLP ATM information architecture diagram (by Jordan Saints)