|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/davidbacker/clients/ |
Upload File : |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
<html lang="EN">
<HEAD>
<TITLE>user interface design - and evaluation - client projects - the new studio - designing the interactive experience</TITLE>
<!-- last updated 09/23/08 DSB -->
<link rel="stylesheet" href="http://www.newstudio.com/css/TNSpages.css" type="text/css" >
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" >
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<META name="description" content="the new studio - over twenty-five years designing the interactive experience for custom software and web applications, usability testing, and creative illustration and collage">
<META name="keywords" content="the new studio, custom software, website creation, usability testing, designers, web design, applications, development, David Backer, Alyce Kaprow, Designing Technology show, SIGGRAPH, HTML coding, WebReady training course, market research, developer, webmaster, training, website, IE, Internet Explorer, Netscape Navigator, MIT, Massachusetts Institute of Technology, Media Laboratory, Movie Manual, Newton, Massachusetts, new studio, Bob Mallary">
<!-- ImageReady Preload Script (projects.psd) -->
<SCRIPT TYPE="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
projects_02_over = newImage("images/projects_02-over.gif");
projects_04_over = newImage("images/projects_04-over.gif");
projects_05_over = newImage("images/projects_05-over.gif");
projects_06_projects_04_over = newImage("images/projects_06-projects_04_ove.gif");
projects_07_over = newImage("images/projects_07-over.gif");
projects_08_over = newImage("images/projects_08-over.gif");
projects_09_over = newImage("images/projects_09-over.jpg");
projects_12_projects_14_over = newImage("images/projects_12-projects_14_ove.gif");
projects_14_over = newImage("images/projects_14-over.gif");
projects_15_over = newImage("images/projects_15-over.gif");
projects_16_over = newImage("images/projects_16-over.gif");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
</HEAD>
<BODY BGCOLOR="#FFFFFF" LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0" ONLOAD="preloadImages();">
<a name="TOP"></a>
<!-- ImageReady Slices (projects.psd) -->
<TABLE WIDTH=790 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/projects_01.gif" WIDTH=159 HEIGHT=94 ALT=""></TD>
<TD COLSPAN=9><A HREF="../index.html"
ONMOUSEOVER="changeImages('projects_02', 'images/projects_02-over.gif'); return true;"
ONMOUSEOUT="changeImages('projects_02', 'images/projects_02.gif'); return true;"><IMG NAME="projects_02" SRC="images/projects_02.gif" WIDTH=631 HEIGHT=71 BORDER=0 ALT="Home"></A></TD>
</TR>
<TR>
<TD COLSPAN=2><IMG SRC="images/projects_03.gif" WIDTH=76 HEIGHT=23 ALT=""></TD>
<TD><A HREF="../portfolio/index.html"
ONMOUSEOVER="changeImages('projects_04', 'images/projects_04-over.gif', 'projects_06', 'images/projects_06-projects_04_ove.gif'); return true;"
ONMOUSEOUT="changeImages('projects_04', 'images/projects_04.gif', 'projects_06', 'images/projects_06.gif'); return true;"><IMG NAME="projects_04" SRC="images/projects_04.gif" WIDTH=70 HEIGHT=23 BORDER=0 ALT="portfolio"></A></TD>
<TD>
<A HREF="../services/index.html"
ONMOUSEOVER="changeImages('projects_05', 'images/projects_05-over.gif', 'projects_06', 'images/projects_06-projects_04_ove.gif'); return true;"
ONMOUSEOUT="changeImages('projects_05', 'images/projects_05.gif', 'projects_06', 'images/projects_06.gif'); return true;"><IMG NAME="projects_05" SRC="images/projects_05.gif" WIDTH=65 HEIGHT=23 BORDER=0 ALT="services"></A></TD>
<TD><IMG NAME="projects_06" SRC="images/projects_06.gif" WIDTH=97 HEIGHT=23 ALT="client projects"></TD>
<TD><A HREF="../about/index.html"
ONMOUSEOVER="changeImages('projects_06', 'images/projects_06-projects_04_ove.gif', 'projects_07', 'images/projects_07-over.gif'); return true;"
ONMOUSEOUT="changeImages('projects_06', 'images/projects_06.gif', 'projects_07', 'images/projects_07.gif'); return true;"><IMG NAME="projects_07" SRC="images/projects_07.gif" WIDTH=68 HEIGHT=23 BORDER=0 ALT="about us"></A></TD>
<TD><A HREF="../contact/index.html"
ONMOUSEOVER="changeImages('projects_06', 'images/projects_06-projects_04_ove.gif', 'projects_08', 'images/projects_08-over.gif'); return true;"
ONMOUSEOUT="changeImages('projects_06', 'images/projects_06.gif', 'projects_08', 'images/projects_08.gif'); return true;"><IMG NAME="projects_08" SRC="images/projects_08.gif" WIDTH=64 HEIGHT=23 BORDER=0 ALT="contact us"></A></TD>
<TD><A HREF="../accessibility/index.html"
ONMOUSEOVER="changeImages('projects_06', 'images/projects_06-projects_04_ove.gif', 'projects_09', 'images/projects_09-over.jpg'); return true;"
ONMOUSEOUT="changeImages('projects_06', 'images/projects_06.gif', 'projects_09', 'images/projects_09.jpg'); return true;"><IMG NAME="projects_09" SRC="images/projects_09.jpg" WIDTH=83 HEIGHT=23 BORDER=0 ALT="accessibility"></A></TD>
<TD><IMG SRC="images/projects_10.gif" WIDTH=108 HEIGHT=23 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=4>
<IMG SRC="images/projects_11.gif" WIDTH=159 HEIGHT=58 ALT=""></TD>
<TD COLSPAN=5>
<!-- link to interactive media design page for client projects -->
<a HREF="index.html"
ONMOUSEOVER="changeImages('projects_12', 'images/projects_12.gif', 'projects_14', 'images/projects_14.gif'); return true;"
ONMOUSEOUT="changeImages('projects_12', 'images/projects_12-projects_14_ove.gif', 'projects_14', 'images/projects_14-over.gif'); return true;">
<IMG NAME="projects_12" SRC="images/projects_12-projects_14_ove.gif" WIDTH=308 HEIGHT=17 ALT="interactive media design" BORDER="0"></A></TD>
<TD COLSPAN=4 ROWSPAN=4>
<IMG SRC="images/projects_13.gif" WIDTH=323 HEIGHT=58 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5><IMG NAME="projects_14" SRC="images/projects_14-over.gif" WIDTH=308 HEIGHT=14 BORDER=0 ALT="user interface design and evaluation"></TD>
</TR>
<TR>
<TD COLSPAN=5><A HREF="training.html"
ONMOUSEOVER="changeImages( 'projects_14', 'images/projects_14.gif', 'projects_15', 'images/projects_15-over.gif'); return true;"
ONMOUSEOUT="changeImages('projects_14', 'images/projects_14-over.gif', 'projects_15', 'images/projects_15.gif'); return true;"><IMG NAME="projects_15" SRC="images/projects_15.gif" WIDTH=308 HEIGHT=12 BORDER=0 ALT="training and workshops"></A></TD>
</TR>
<TR>
<TD COLSPAN=5><A HREF="techmktg.html"
ONMOUSEOVER="changeImages('projects_14', 'images/projects_14.gif', 'projects_16', 'images/projects_16-over.gif'); return true;"
ONMOUSEOUT="changeImages('projects_14', 'images/projects_14-over.gif', 'projects_16', 'images/projects_16.gif'); return true;"><IMG NAME="projects_16" SRC="images/projects_16.gif" WIDTH=308 HEIGHT=15 BORDER=0 ALT="technology consulting and market research"></A></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/projects_17.gif" WIDTH=159 HEIGHT=408 ALT=""></TD>
<TD>
<IMG SRC="images/projects_18.gif" WIDTH=11 HEIGHT=408 ALT=""></TD>
<!-- ***** Main content area ***** -->
<TD COLSPAN=8 valign="top"><!--IMG SRC="images/projects_19.gif" WIDTH=620 HEIGHT=408 ALT=""-->
<br><br>
<IMG SRC="images/uidesign.gif" WIDTH="400" HEIGHT="30" ALT="user interface design and evaluation"><br>
<TABLE WIDTH="100%" BORDER=0 CELLPADDING="2" CELLSPACING="4">
<!-- Row 22: -->
<TR>
<!-- same col width as SSC gif in int med des -->
<TD VALIGN="TOP" ALIGN="RIGHT" WIDTH="164">
<IMG SRC="images/toplayer.gif" WIDTH="62" HEIGHT="46" ALT="TopLayer Inc." ></TD>
<TD WIDTH="10" > </TD>
<TD VALIGN="TOP" WIDTH="400" >
<B>TopLayer Inc.</B><BR><FONT SIZE="2" >
TopLayer Inc., formerly Blaze-Net, asked <B>the new studio</B> to join its design team to develop the user interface for its innovative "AppSwitch 2000" product, which manages data traffic on a network based on the applications creating the traffic. The interface for the AppSwitch allows customers to use a highly graphical approach to create, extend, and manage complex networks, all based on Web browser and Java technologies.
<P>
TopLayer's product was voted "Best of Show" when it debuted at the Networld/InterOp Spring 1999 conference.</FONT><BR><BR></TD>
<TD WIDTH="10"VALIGN=TOP > </TD>
</TR>
<!-- Row 22b: -->
<TR>
<TD VALIGN="TOP" ALIGN="RIGHT" >
<IMG SRC="images/kodaklogo.gif" WIDTH="54" HEIGHT="46" ALT="Kodak" ></TD>
<TD WIDTH="10" > </TD>
<TD VALIGN="TOP" WIDTH="400" >
<B>Kodak</B><BR><FONT SIZE="2" >
<B>the new studio</B> evaluated the user interfaces for two software packages that Kodak was developing for the management and manipulation of digital photographic images.
<P>
These Windows- and Macintosh-based programs required testing of multiple users and analysis in terms of usability, functionality, and overall acceptability. Over a dozen users were tested for each program. The subsequent analyses were based on the programs' appeal and consistency in user interface. Kodak used the recommendations to guide the revisions to the software.</FONT><BR><BR></TD>
<TD WIDTH="10"VALIGN=TOP > </TD>
</TR>
<!-- Row 11: Ziff-Davis from projects.htm -->
<TR>
<TD VALIGN="TOP" ALIGN="RIGHT" >
<IMG SRC="images/zdnet.gif" WIDTH="62" HEIGHT="41" ALT="Ziff-Davis" BORDER="0"></TD>
<TD WIDTH="10" > </TD>
<TD VALIGN="TOP" WIDTH="400" ><A NAME="zdnet"></A>
<B>Ziff-Davis Interactive Media & Development</B><BR><FONT SIZE="2" ><B>the new studio</B> developed new organization and user interface for the Ziff-Davis "Netbuyer" Website, a service which allows users to search for, compare, and buy computer products from over 100 vendors. Ziff-Davis has since performed further revisions on the site.</FONT><BR><BR></TD>
<TD WIDTH="10"VALIGN=TOP > </TD>
</TR>
<!-- Row 23: -->
<TR>
<TD VALIGN="TOP" ALIGN="RIGHT" >
<IMG SRC="images/Delrina.gif" ALT="Delrina Corp." ><BR><IMG SRC="onepixel.gif" HEIGHT="6" WIDTH="1"><BR><IMG SRC="images/Symtc.gif" ALT="Semantec" ></TD>
<TD WIDTH="10" > </TD>
<TD VALIGN="TOP" WIDTH="400" >
<B>Delrina Corporation (Symantec Corporation)</B><BR><FONT SIZE="2" >The upgrade of Delrina's critically acclaimed CommSuite Communications software package to Windows '95 required the integration of three separate applications into one seamless package. <B>the new studio</B> provided critical analysis, planning, and design for how the three packages should appear and work together as one program linked under the title of CommSuite95.</FONT><BR><BR></TD>
<TD WIDTH="10"VALIGN=TOP > </TD>
</TR>
<!-- ColorGen 2 -->
<!-- Row 24: -->
<TR>
<TD VALIGN="TOP" ALIGN="RIGHT" >
<IMG SRC="images/scitex.gif" WIDTH="50" HEIGHT="43" ALT="Scitex Corp." BORDER="0"></TD>
<TD WIDTH="10" > </TD>
<TD VALIGN="TOP" WIDTH="400" >
<B>Scitex Corporation / Unda</B><BR><FONT SIZE="2" ><B>the new studio</B> helped Unda Oy, a Scitex company, design and test the user interface to its powerful system for advanced processing of color print materials.</FONT><BR><BR></TD>
<TD WIDTH="10"VALIGN=TOP > </TD>
</TR>
<!-- Row 20: vertical spacer between category blocks -->
<TR>
<TD COLSPAN="5" > </TD>
</TR>
<!-- Row 20: vertical spacer between category blocks -->
<TR>
<TD COLSPAN="5" > </TD>
</TR>
</TABLE>
<!-- ***** end Main content area ***** -->
</TD>
</TR>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=159 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=65 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=70 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=65 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=97 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=68 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=64 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=83 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=108 HEIGHT=1 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
<br>
<!-- text links -->
<div align="center"><p class="textlinks"><A HREF="../index.html">home</a> | <A HREF="../portfolio/index.html">portfolio</a> | <A HREF="../services/index.html">services</a> | <A HREF="../clients/index.html">client projects</a> | <A HREF="../about/index.html">about us</a> | <A HREF="../contact/index.html">contact</a> | <A HREF="../accessibility/index.html">accessibility</a></p>
<p class="textlinks">
(c) Copyright the new studio 1995 - 2008</p></div>
</BODY>
</HTML>