|
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/services/ |
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>services - the new studio - designing the interactive experience</TITLE>
<!-- last updated 03/20/2005 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 (SERVICES.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) {
SERVICES_02_over = newImage("images/SERVICES_02-over.gif");
SERVICES_04_over = newImage("images/SERVICES_04-over.gif");
SERVICES_05_SERVICES_04_over = newImage("images/SERVICES_05-SERVICES_04_ove.gif");
SERVICES_06_over = newImage("images/SERVICES_06-over.gif");
SERVICES_07_over = newImage("images/SERVICES_07-over.gif");
SERVICES_08_over = newImage("images/SERVICES_08-over.gif");
SERVICES_09_over = newImage("images/SERVICES_09-over.jpg");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">
<!-- ImageReady Slices (SERVICES.psd) -->
<TABLE WIDTH=790 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD ROWSPAN=4>
<IMG SRC="images/SERVICES_01.gif" WIDTH=159 HEIGHT=210 ALT=""></TD>
<TD COLSPAN=11><A HREF="../index.html"
ONMOUSEOVER="changeImages('SERVICES_02', 'images/SERVICES_02-over.gif'); return true;"
ONMOUSEOUT="changeImages('SERVICES_02', 'images/SERVICES_02.gif'); return true;"><IMG NAME="SERVICES_02" SRC="images/SERVICES_02.gif" WIDTH=631 HEIGHT=71 BORDER=0 ALT="Home"></A></TD>
</TR>
<TR>
<TD COLSPAN=4><IMG SRC="images/SERVICES_03.gif" WIDTH=76 HEIGHT=23 ALT=""></TD>
<TD><A HREF="../portfolio/index.html"
ONMOUSEOVER="changeImages('SERVICES_04', 'images/SERVICES_04-over.gif', 'SERVICES_05', 'images/SERVICES_05-SERVICES_04_ove.gif'); return true;"
ONMOUSEOUT="changeImages('SERVICES_04', 'images/SERVICES_04.gif', 'SERVICES_05', 'images/SERVICES_05.gif'); return true;"><IMG NAME="SERVICES_04" SRC="images/SERVICES_04.gif" WIDTH=70 HEIGHT=23 BORDER=0 ALT="portfolio"></A></TD>
<TD><IMG NAME="SERVICES_05" SRC="images/SERVICES_05.gif" WIDTH=65 HEIGHT=23 ALT="services"></TD>
<TD><A HREF="../clients/index.html"
ONMOUSEOVER="changeImages('SERVICES_05', 'images/SERVICES_05-SERVICES_04_ove.gif', 'SERVICES_06', 'images/SERVICES_06-over.gif'); return true;"
ONMOUSEOUT="changeImages('SERVICES_05', 'images/SERVICES_05.gif', 'SERVICES_06', 'images/SERVICES_06.gif'); return true;"><IMG NAME="SERVICES_06" SRC="images/SERVICES_06.gif" WIDTH=97 HEIGHT=23 BORDER=0 ALT="client projects"></A></TD>
<TD><A HREF="../about/index.html"
ONMOUSEOVER="changeImages('SERVICES_05', 'images/SERVICES_05-SERVICES_04_ove.gif', 'SERVICES_07', 'images/SERVICES_07-over.gif'); return true;"
ONMOUSEOUT="changeImages('SERVICES_05', 'images/SERVICES_05.gif', 'SERVICES_07', 'images/SERVICES_07.gif'); return true;"><IMG NAME="SERVICES_07" SRC="images/SERVICES_07.gif" WIDTH=68 HEIGHT=23 BORDER=0 ALT="about us"></A></TD>
<TD><A HREF="../contact/index.html"
ONMOUSEOVER="changeImages('SERVICES_05', 'images/SERVICES_05-SERVICES_04_ove.gif', 'SERVICES_08', 'images/SERVICES_08-over.gif'); return true;"
ONMOUSEOUT="changeImages('SERVICES_05', 'images/SERVICES_05.gif', 'SERVICES_08', 'images/SERVICES_08.gif'); return true;"><IMG NAME="SERVICES_08" SRC="images/SERVICES_08.gif" WIDTH=64 HEIGHT=23 BORDER=0 ALT="contact us"></A></TD>
<TD><A HREF="../accessibility/index.html"
ONMOUSEOVER="changeImages('SERVICES_05', 'images/SERVICES_05-SERVICES_04_ove.gif', 'SERVICES_09', 'images/SERVICES_09-over.jpg'); return true;"
ONMOUSEOUT="changeImages('SERVICES_05', 'images/SERVICES_05.gif', 'SERVICES_09', 'images/SERVICES_09.jpg'); return true;"><IMG NAME="SERVICES_09" SRC="images/SERVICES_09.jpg" WIDTH=83 HEIGHT=23 BORDER=0 ALT="accessibility"></A></TD>
<TD>
<IMG SRC="images/SERVICES_10.gif" WIDTH=108 HEIGHT=23 ALT=""></TD>
</TR>
<TR>
<TD><IMG SRC="images/SERVICES_11.gif" WIDTH=21 HEIGHT=41 ALT=""></TD>
<TD COLSPAN=10><IMG SRC="images/SERVICES_12.gif" WIDTH=610 HEIGHT=41 ALT="We believe there is no substitute for good design"></TD>
</TR>
<TR>
<TD COLSPAN=3><IMG SRC="images/SERVICES_13.gif" WIDTH=54 HEIGHT=75 ALT=""></TD>
<TD COLSPAN=8><IMG SRC="images/SERVICES_14.gif" WIDTH=577 HEIGHT=75 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3 VALIGN="top"><IMG SRC="images/SERVICES_18.gif" WIDTH=199 HEIGHT=37 ALT=""></TD>
<!-- ROWSPAN=9-->
<TD ><!--IMG SRC="images/SERVICES_16.gif" WIDTH=14 HEIGHT=350 ALT=""--><IMG SRC="../images/onepixel.gif" WIDTH=14 HEIGHT=1 ALT="" ></TD>
<!-- main content column -->
<!-- ROWSPAN=9-->
<TD COLSPAN=8 VALIGN="top"><!--IMG SRC="images/SERVICES_17.gif" WIDTH=577 HEIGHT=350 ALT=""-->
<b>INTERACTIVE MEDIA DESIGN</b><br>
<p class="main"> We have helped many clients create powerful interactive products, from stand-alone software packages, to Web-based applications. We provide strategic planning, design, and development. Our services include analysis of requirements , writing specifications, prototyping, implementation, and usability testing. <a href="../clients/index.html">See client examples</a></p>
</td>
</tr>
<tr><td colspan="12"><IMG SRC="images/SERVICES_25.gif" WIDTH=199 HEIGHT=11 ALT=""></td>
</tr>
<TR>
<TD COLSPAN=3 VALIGN="top"><IMG SRC="images/SERVICES_20.gif" WIDTH=199 HEIGHT=16 ALT=""></TD>
<td> </td>
<td colspan="8" VALIGN="top">
<b>USER INTERFACE DESIGN AND EVALUATION</b><br>
<p class="main"> We design a clear, usable interface by "getting inside the head of the user" to define what the user knows and what the user wants to do. We organize information to support easy navigation, and we create the look-and-feel of the application. We also evaluate the usability of existing interfaces, and recommend changes or additions to improve ease of use or clarity. <a href="../clients/uidesign.html">See client examples</a></p></td>
</TR>
<tr><td colspan="12"><IMG SRC="images/SERVICES_25.gif" WIDTH=199 HEIGHT=11 ALT=""></td>
</tr>
<TR>
<TD COLSPAN=3 VALIGN="top"><IMG SRC="images/SERVICES_22.gif" WIDTH=199 HEIGHT=37 ALT=""></TD>
<td> </td>
<td colspan="8" VALIGN="top">
<b>TRAINING AND WORKSHOPS</b><br>
<p class="main"> We plan, develop, and deliver training on products and technologies. This includes defining the learning objectives with our client, developing the instructional materials, and organizing and presenting the classes to the learners. Examples of training include how to design interactive media applications, web development and applications, graphic arts and reproduction techniques, and digital half-toning. <a href="../clients/training.html">See client examples</a></p>
</td>
</TR>
<tr><td colspan="12"><IMG SRC="images/SERVICES_25.gif" WIDTH=199 HEIGHT=11 ALT=""></td>
</tr>
<TR>
<TD COLSPAN=3 VALIGN="top"><IMG SRC="images/SERVICES_24.gif" WIDTH=199 HEIGHT=55 ALT=""></TD>
<td> </td>
<td colspan="8" VALIGN="top">
<b>TECHNOLOGY CONSULTING AND MARKET RESEARCH</b><br>
<p class="main"> Some clients want advice about new technologies or products so that they can develop or refine their business strategy. We investigate and evaluate products and services, and make recommendations based on the results. <a href="../clients/techmktg.html">See client examples</a></p>
</td>
</TR>
<!--TR>
<TD COLSPAN=3>
<IMG SRC="images/SERVICES_21.gif" WIDTH=199 HEIGHT=64 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/SERVICES_22.gif" WIDTH=199 HEIGHT=37 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/SERVICES_23.gif" WIDTH=199 HEIGHT=68 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/SERVICES_24.gif" WIDTH=199 HEIGHT=55 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/SERVICES_25.gif" WIDTH=199 HEIGHT=11 ALT=""></TD>
</TR -->
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=159 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=21 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=19 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=14 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=22 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><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 - 2005</p></div>
</BODY>
</HTML>