Archive

Posts Tagged ‘Wireframes’

Creating Wireframes for Smart TV

February 25, 2013 Leave a comment

On this project I will be using Adobe Illustrator CS 5.5 to create the wireframes and Adobe InDesign 5.5 to bring it all together, this is the easiest way to dealing with a wireframe flow presentation.

 

The standard screen for HDTV is 1920 by 1080, which Illustrator has that preset already available under “Document Profile > Video and Film > HDTV 1080”

Capture-001 2-25-2013 4.17.32 PM

Capture-002 2-25-2013 4.27.13 PM

Next step is to create and add the TV remote controls Illustrator file.

Capture-003 2-25-2013 5.16.46 PM

Now we create the wireframes for the first user interaction (After the user logs in the system will remember them), we need to provide the user with a visual keyboard and login fields for visual feedback purposes. We also provide with visual cues on the wireframe screen and remote.

Capture-000 2-27-2013 10.43.56 AM

Next we add the interaction of the face being scanned and recognized.

Capture-001 2-27-2013 10.44.03 AM

Capture-002 2-27-2013 10.44.22 AM

Now the voice interface, triggers and commands

Capture-012 2-27-2013 8.16.06 PM

Capture-010 2-27-2013 8.15.00 PM

The “User Experience Mapping” is an excellent reference point to base our wireframes on.

Capture-001 2-28-2013 10.15.57 AM

And that is all I can reveal for this specific project without getting into NDA trouble. Smile

Advertisements

CBE Mobile, Desktop, Touch and Kiosk Wireframes

February 22, 2013 Leave a comment

Wireframes for cross-media solution redesign project: Mobile, Desktop, Touch Screen, Kiosk and Tablet. See the before images below

 

NTTA Wireframes

December 28, 2012 Leave a comment

CBRE SharePoint 2007 Before and After

December 28, 2012 Leave a comment

The Beauty of Microsoft’s Sketchflow

December 27, 2012 Leave a comment

When it comes to custom fast prototyping I believe Microsoft Blend with Sketchflow is one of the most powerful solutions on the market, the possibilities are endless and you can simulate mobile, surfaces, gestural, voice controlled and many more other interfaces.

%d bloggers like this: