tag:blogger.com,1999:blog-169347432009-02-21T03:01:23.971-08:00The Ariamedia BlogThe Ariamedia Blog is written by Dallas web design and development firm Ariamedia. Laern more <a href="http://www.ariamedia.com/about/">about us</a>, our services or our innovative <a href="http://www.ariamedia.com/products/touchpoint">forms software</a>, <a href="http://www.ariamedia.com/products/cms">content management system</a> or <a href="http://www.ariamedia.com/products/commerce">shopping cart software</a>.Ryan Thompsonhttp://www.blogger.com/profile/04228388255430480395noreply@blogger.comBlogger28125tag:blogger.com,1999:blog-16934743.post-84410262799788484322008-08-25T12:59:00.001-07:002008-08-25T12:59:01.253-07:00Ariamedia named to Top Dallas Web Design Firms for 4th Consecutive Year<p><img src="http://ll.bizjournals.com/market/dallas/flag.gif" align="right" />Dallas Web Design firm Ariamedia has been named the 12th largest Web Design studio in 2008 by the  Dallas Business Journal, the area's leading weekly publication for business.  </p> <p>Ariamedia revenues grew 19% from 2007 to 2008 placing it in the top 3 fastest growing design firms on the list.  </p> <div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/16934743-8441026279978848432?l=www.ariamedia.com%2Fblog'/></div>Ryan Thompsonhttp://www.blogger.com/profile/04228388255430480395noreply@blogger.com0tag:blogger.com,1999:blog-16934743.post-57909870385204636792008-07-11T08:44:00.000-07:002008-07-15T07:23:17.694-07:00Ariamedia Redesigns the City of Allen's WebsiteThe Dallas Morning News released an article today outlining the efforts the City of Allen and Ariamedia took to launch a brand new (2.0) website. You can visit the site at <a href="http://cityofallen.org/">http://cityofallen.org/</a>, to see it in action.<br /><br />Of note, the article points to a number of features developed by Ariamedia for the City of Allen staff. Utilizing our product <a href="http://ariamedia.com/products/touchpoint/">TouchPoint</a>, which is an online forms builder and advanced analytic and reporting engine, the City of Allen is staying in touch with their visitors and residents in a much more meaningful and interactive way than ever before.<br /><br /><blockquote><p>In addition to aesthetic changes, the site offers a new level of interactivity. Residents can go online to schedule services such as pickup of household hazardous waste and repair of street lights, sidewalks, streets and sewers.<br /><br />Steve Massey, Allen's director of community services, said household hazardous waste pickups have nearly doubled under the new Web site.<br /><br />When citizens use the online forms, they receive an automatic response notifying them that it was received. In addition, the system sends a message to the appropriate city staffer, reducing delays. Another message tells the user when the issue might be resolved.<br /><br />The simplified process also helps to ensure basic information, such as names and telephone numbers, will be accurate, Mr. Massey said.<br /><br />"It takes all the mystery out of the note so we can count the information to be correct," he said.</p></blockquote><br /><br /><p>We are very proud to have been a part of this revolution for the City of Allen, and we are ambitiously looking toward the bright future this relationship holds.</p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/16934743-5790987038520463679?l=www.ariamedia.com%2Fblog'/></div>Jordan Wollmanhttp://www.blogger.com/profile/02517249873729526151noreply@blogger.com0tag:blogger.com,1999:blog-16934743.post-44111244366343895882007-11-28T15:48:00.001-08:002007-11-28T15:50:21.036-08:00Testimonial: TouchPoint has the best interface of any online product<p>I thought I'd share a quick statement I heard today from a sales prospect who will likely be a customer shortly.  Following a demo of Ariamedia's award winning forms software Conductor Touchpoint, this individual stated:</p> <p><font style="background-color: #ffffff"><em>"Let me first say that Conductor TouchPoint has the best interface of any Web 2.0 product I've seen.  Are you sure its not a Windows App?  It performs extremely well for a web application."</em></font></p> <p>Ariamedia Blog readers will know that we invested 14 months in development of the core interface technologies for our 3.0 product line including Conductor TouchPoint.  Needless to say, we love hearing that.  Learn more about our <a href="http://www.ariamedia.com/products/touchpoint/">forms and survey software</a></p> <div class="wlWriterSmartContent" id="scid:0767317B-992E-4b12-91E0-4F059A8CECA8:657ba31b-0109-494d-92bf-39125ffb9716" style="padding-right: 0px; display: inline; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px">Technorati Tags: <a href="http://technorati.com/tags/Conductor%20TouchPoint" rel="tag">Conductor TouchPoint</a>,<a href="http://technorati.com/tags/Usability%20&%20Design" rel="tag">Usability & Design</a></div> <div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/16934743-4411124436634389588?l=www.ariamedia.com%2Fblog'/></div>Ryan Thompsonhttp://www.blogger.com/profile/04228388255430480395noreply@blogger.com0tag:blogger.com,1999:blog-16934743.post-52299018343534533902007-11-28T15:40:00.001-08:002007-11-28T15:40:24.827-08:00Ariamedia named to Top 15 Web Design firms in Dallas<p>For the fourth year in a row, Ariamedia has been named to the Dallas Business Journal's Top 25 list of Web Design companies in Dallas Fort Worth.  We ranked 15th moving up from 22 last year.  This list recognizes the largest and fastest growing web design agencies in the metroplex.  </p> <div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/16934743-5229901834353453390?l=www.ariamedia.com%2Fblog'/></div>Ryan Thompsonhttp://www.blogger.com/profile/04228388255430480395noreply@blogger.com0tag:blogger.com,1999:blog-16934743.post-62184050527217696472007-10-18T14:05:00.000-07:002007-10-18T14:13:44.051-07:00Conductor TouchPoint forms software chosen by Dallas County Community College<a href="http://www.ariamedia.com/blog/uploaded_images/school_logo-782289.gif"><img style="FLOAT: right; MARGIN: 0px 0px 10px 10px; CURSOR: hand" alt="" src="http://www.ariamedia.com/blog/uploaded_images/school_logo-782287.gif" border="0" /></a> Dallas County Community College District has selected Conductor TouchPoint 3.0 for system-wide deployment for online forms and reporting.<br /><br />DCCCD is the largest undergraduate institution in the State of Texas with seven colleges serving tens of thousands of active students in the north Texas area.<br /><div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/16934743-6218405052721769647?l=www.ariamedia.com%2Fblog'/></div>Ryan Thompsonhttp://www.blogger.com/profile/04228388255430480395noreply@blogger.com0tag:blogger.com,1999:blog-16934743.post-37125938958538879562007-10-01T18:13:00.000-07:002007-10-01T18:38:38.487-07:00Focusing on Interface DesignSince the release of our next generation interface framework used currently by Conductor TouchPoint 3.0, our easy to use forms software and analytics platform; clients have been asking almost daily about how long it took to develop the new framework and why we choose to do it now (our 2.0 line of products have great, but older, interfaces as well).<br /><br />I'll first explain what all the noise is about. We spent 14 months developing a new ground-up web application framework for our products. This effort focused extremely heavily on the user interface.<br /><br />Features Include:<br />- Drag and drop visual form editors<br />- Real-time reporting dashboard with draggably subtotals and grouping<br />- Visual templating system<br />- Real-time AJAX profiling and saving<br />- Quick edits using modal DIV (no popups) windows<br /><br />We had several design goals for this framework:<br />- Highly Intuitive = Low or No training required<br />- Simple Clear Buttons = Reduced support questions<br />- Everything you need in the product (Support, Knowledgebase, Forums, My Account etc<br />- Pleasant, enjoyable interface<br />- Fast, Responsive functionality<br /><br /><div align="center"></div><div align="center"><em>Here's the result:</em></div><p align="center"><a href="http://www.ariamedia.com/blog/uploaded_images/Focusing-on-Interface-Design-706855.gif"><img style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://www.ariamedia.com/blog/uploaded_images/Focusing-on-Interface-Design-706852.gif" border="0" /></a><em>Look familiar, it should....somewhat...</em> </p><p>To accomplish this, we heavily reviewed recent operating systems and applications including Vista, OS X, Office 2007 and more. While we distinctly added our influence, we primarily built the interface like applications you know (namely Window's Outlook or Mac's Entourage). This helped accomplish our lower support and training while letting users know where to go out-of-the-box through familiar interfaces. Finally, using AJAX and other sophisticated interface technologies, we accomplished a desktop-like feel with much lower post-backs and screen refreshes. </p><p>Is the investment paying off? Absolutely. Nearly every demo or webinar attendee comments immediately on the beauty and usability of the interface. Most software development companies don't see the importance of the last sentence......<strong>Building products that people WANT to use WILL sell the product for you and build a lot of confidence and credability</strong>. </p><p>Find our more by <a href="http://www.ariamedia.com/products/touchpoint/">seeing Touchpoint</a>, our powerful forms software and analytical engine.<br /></p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/16934743-3712593895853887956?l=www.ariamedia.com%2Fblog'/></div>Ryan Thompsonhttp://www.blogger.com/profile/04228388255430480395noreply@blogger.com0tag:blogger.com,1999:blog-16934743.post-29051924146574130952007-09-28T06:55:00.000-07:002007-09-28T07:02:28.219-07:00Recent Customer TestimonialsWe're always excited to share real feedback we get from user's of our products. Here are a few we've recently heard for Conductor TouchPoint 3.0 - our newest version of our popular web forms software and analytics tool:<br /><br />"This product has the best interface of any web application I've seen."<br /><em><span style="font-size:85%;">David C.<br />Ecommerce Manager</span><br /></em><br />"The ability to branch questions and create paths will revolutionize our field sales reporting functions."<br /><em><span style="font-size:85%;">Steve C.<br />VP, Sales & Marketing</span></em><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/16934743-2905192414657413095?l=www.ariamedia.com%2Fblog'/></div>Ryan Thompsonhttp://www.blogger.com/profile/04228388255430480395noreply@blogger.com0tag:blogger.com,1999:blog-16934743.post-55562827513217345622007-09-25T18:11:00.000-07:002007-09-25T19:22:11.245-07:008 Extremely Valuable features for your Forms SoftwareI've used quite a lot of forms creation software over the years and I thought I'd share some of the biggest features that I (and our customers) have come to expect from tools that let you build online forms.<br /><br /><strong>First, some background....</strong><br />Undoubtedly, the oldest online software tools for websites fall in three categories: Content Management Systems (CMS), Ecommerce and Website Analytics. While these three categories have infinitely matured, a missing piece continued to stay in its adolescence – Forms creation applications.<br /><br />CMS and Ecommerce applications allow you to create pages and products for a broad audience. With these tools, you author content once and through marketing channels, the content is distributed to potentially hundreds of thousands of viewers. But what about customer feedback? What about reversing this concept and allowing the customer to easily provide feedback to you?<br /><br />Sure, building forms on the web has existed almost since day one of the Internet (in fact , a shopping cart is a form itself allowing a visitor to submit an order), but the EASE of form creation is what’s been missing.<br /><br /><strong>Online Forms Software</strong> – a toolset that SHOULD allow you to easily create and distribute forms and report on feedback from you customer.<br /><br /><em>Most forms have the following features:</em><br /><ul><li>Public Interface – the webpage that allows a vistor to submit a form</li><br /><li>Email Functionality – Autorespond to the visitor and send your admin an email</li><br /><li>Database – Receive and store the form submission</li><br /><li>Secure Admin Site – Allow your administrators to login and see submissions</li><br /><li>Reporting – Report, graph and/or Export your submissions</li></ul><p>The requirements above are what has made the form creation process too difficult and advanced in the past. The image below explains this process even more clearly: </p><br /><p align="center"><img style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://www.ariamedia.com/blog/uploaded_images/8-Must-Have---Image-Small-732110.gif" border="0" /><br /><a href="http://www.ariamedia.com/blog/uploaded_images/8-Must-Have---Image-large-773380.gif" target="_blank">Enlarge this Image</a></p><p>Following this 13 step process (and that's with NO revisions or bugs), even the simplest of forms could take 4-8 hours to develop resulting in hundreds of dollars when using a professional web development firm.<br /><br />Luckily there are a number of online forms creation software on the market. Here’s what you should look for:<br /><br /><strong>1. Drag and drop Simplicity</strong> – When you need customer feedback, you need it now. With drag and drop, creating your form should be as easy as pulling fields from a library and dropping on your page.<br /><br /><strong>2. Layouts & Templates</strong> – Forms quickly get complex. You need layout options including multiple columns and rows to create the best user experience. Additionally, branding is always important. Your software must allow for custom templates to 100% accommodate your branding and website design.<br /><br /><strong>3. Branching & Dependencies</strong> – Getting customer feedback must be as simple as possible because often your when your customers want to provide feedback, it may likely be negative. Considering this, why force your customer to drag through a ton of fields that aren’t relevant to them (have you ever seen a field labeled “If yes, please explain……”. Shouldn’t the form KNOW if you said “yes”?)? Branching and dependencies allow you to create customize paths down your form presenting only relevant questions to your visitor.<br /><br /><strong>4. Advanced Functionality</strong> – Forms are commonly more than just textboxes and dropdowns. Sometimes you need to submit hidden field values, show summary data with calculated fields, or hide your submit button until a condition is met. Can your forms software handle your advanced needs?<br /><br /><strong>5. Customizable Email Auto-Responders</strong> – You must be able to design auto-responders for your visitor and your administrator with point and click simplicity. Additionally, you need to be able to personalize these emails to allow you to insert values submitted from the form.<br /><br /><strong>6. APIs & Exports – Getting Data Out </strong>- Most often you will desire to further analyze form submissions in another application such as: Microsoft Excel, your CRM system or similar applications. Can you easily export into a variety of industry standard formats? Better yet, can you have your forms software automatically submit electronic data to other software systems without your manual assistance?<br /><br /><strong>7. Powerful, Flexible Analytics</strong> – Forms submissions are worthless without reporting on and understanding the data. Your forms software must allow you to create dashboard reports to analyze data in real-time in a variety of ways. The best form software will allow real-time drag and drop grouping, subtotaling, dyanmic charting and custom dashboards by each user.<br /><br /><strong>8. Low Learning Curve</strong> – An emerging trend is simplicity in web application design. Out of the box, is your forms software immediately understandable?...Easy and pleasant to use? Can you learn by watching videos rather than reading a 150 page manual? Your forms software shouldn’t require a training manual.<br /><br />I hope these eight features help simplify your evaluation process of your forms software.<br /><br /><em><span style="font-size:78%;">Ariamedia is the creator of Conductor TouchPoint, one of the most powerful forms software applications available. Learn more about Conductor TouchPoint at </span></em><a href="http://www.ariamedia.com/products/touchpoint"><span style="font-size:78%;">http://www.ariamedia.com/products/touchpoint</span></a><span style="font-size:78%;">.</span></p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/16934743-5556282751321734562?l=www.ariamedia.com%2Fblog'/></div>Ryan Thompsonhttp://www.blogger.com/profile/04228388255430480395noreply@blogger.com0tag:blogger.com,1999:blog-16934743.post-84083277307079674682007-09-07T08:20:00.000-07:002007-09-07T08:30:52.689-07:00Aria Media or Ariamedia?<em>Ariamedia or Aria Media - one word or two?</em><br /><br />Sometimes potential clients misspell our name in searches after being referred to our firm. Another european firm exists named Aria Media but we're Ariamedia, the nationally known web design and software development studio located in Dallas, Texas.<br /><br />So, if you're truly looking for Aria Media, the european company......keep searching as I'm sure you'll find them.<br /><br /><strong>We're the guys building application that include:</strong><br />Conductor CMS - Website Content Management<br />Conductor Commerce - Online Shopping Cart and Ecommerce System<br />Condutor TouchPoint - Powerful Forms Builder with Real-time reporting<br /><br /><strong>Plus award winning services including:</strong><br />Brand and Identity design<br />Website Design<br />Motion Graphics and Animation<br />Custom Web Application Development<br /><br />We hope we're the Ariamedia (or Aria Media) you're looking for!<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/16934743-8408327730707967468?l=www.ariamedia.com%2Fblog'/></div>Ryan Thompsonhttp://www.blogger.com/profile/04228388255430480395noreply@blogger.com0tag:blogger.com,1999:blog-16934743.post-31791154723416420792007-06-19T06:34:00.000-07:002007-06-19T06:36:42.427-07:00Conductor TouchPoint 3.0 Released<em>NOTE: This press release was issued Monday 6/18/2007 via various newswires.</em> <br /><br />Ariamedia Corporation, a leading developer of Internet e-business products including content management, e-commerce and web form design software, has announced the immediate availability of Conductor TouchPoint 3.0. <br /><br />Conductor TouchPoint 3.0 is the first business-focused feature-packed form design tool that easily allows non-technical users to create complex multi-page forms and surveys with drag-and-drop simplicity. Combined with the product’s powerful real-time reporting dashboard, business users can rapidly build, deploy and analyze a wide variety customer feedback and direct response systems…..with no programming required. <br /><br />“Until Conductor TouchPoint, business users previously had to outline survey requirements, contact the I.T. department who then tasked a programmer with creating the form, backend database, secure reporting area and email functionality. Even the simplest online customer survey or response form would take hours or days to produce, test and release,” said Ryan Thompson, President & CEO of Ariamedia. “With TouchPoint, all form and report design is 100% visual through our Web 2.0 style drag-and-drop user interface. The learning curve of TouchPoint is measured in minutes. Marketers and other users can deploy customer facing solutions when needed without costly delays and without involving the I.T department.”<br /><br />Conductor TouchPoint 3.0 is built on Ariamedia’s next-generation web application platform and features an extremely intuitive user interface without the slow responsiveness of a typical web application. Drag-and-drop, dynamic charting, multiple page forms and conditional dependencies (branching) are just a few of the significant features of this new release. <br /><br />Thompson continued, “After 14 months of R&D, we’re very excited to introduce this product to market. We believe TouchPoint will have a significant impact for non-technical business users focused on obtaining on demand real-time customer feedback.”<br /><br />Ariamedia is scheduling Webinars and Live Demonstrations of the product. To see TouchPoint, contact <a href="mailto:sales@ariamedia.com">sales@ariamedia.com</a> or visit <a href="http://www.ariamedia.com/products/touchpoint">www.ariamedia.com/products/touchpoint</a>. Conductor TouchPoint is available in three versions: Standard, Business and Enterprise and can be purchase under a Hosted (Software as a Service) or Perpetual license.<br /><br />About Ariamedia<br />Founded in 2000, Ariamedia offers unique products designed to streamline functions surrounding e-business for mid-market customers. Ariamedia offers a suite of products under its Conductor brand including CMS, a content management system; Commerce, an online e-commerce software and TouchPoint, a forms designer with analytical software. Ariamedia also provides implementation services including custom development, product integration and creative design. For over three years, Ariamedia has been named as one the largest web design and software development companies in the Dallas Fort Worth area by the area’s leading weekly business publication, the Dallas Business Journal. <br /><br />For more information, please visit <a href="http://www.ariamedia.com/">www.ariamedia.com</a>.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/16934743-3179115472341642079?l=www.ariamedia.com%2Fblog'/></div>Ryan Thompsonhttp://www.blogger.com/profile/04228388255430480395noreply@blogger.com0tag:blogger.com,1999:blog-16934743.post-66220336006436435412007-04-24T11:24:00.000-07:002007-04-24T11:28:19.795-07:00Ariamedia named to Top 25 list of largest Software Developers in DallasThe Dallas Business Journal has recognized Ariamedia as one of the Top 25 Software Developers in Dallas/Fort Worth.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/16934743-6622033600643643541?l=www.ariamedia.com%2Fblog'/></div>Ryan Thompsonhttp://www.blogger.com/profile/04228388255430480395noreply@blogger.com0tag:blogger.com,1999:blog-16934743.post-37885338588073557282007-02-24T11:16:00.000-08:002007-04-24T11:20:23.894-07:00Ariamedia listed in Top 25 Web Design Agencies in DallasFor the third consecutive year, Ariamedia has made the top list of web design agencies in Dallas Fort Worth. This highly competitive listed is published by the Dallas Business Journal, the leading weekly business publication for the DFW market.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/16934743-3788533858807355728?l=www.ariamedia.com%2Fblog'/></div>Ryan Thompsonhttp://www.blogger.com/profile/04228388255430480395noreply@blogger.com0tag:blogger.com,1999:blog-16934743.post-9730016150821523892006-07-15T11:20:00.000-07:002007-04-24T11:23:39.171-07:00Ariamedia named to Southwest Airlines Top 10 Web Design ListSouthwest Airlines SPIRIT in-flight magazine has recognized Ariamedia as one of the Top 10 Web Design firms in the Southwest. Ariamedia had to meet numerous strict criteria including quality, number of projects, financial stability and employee capabiltities to make the list.<br /><br /><br />SOURCE: SPIRIT Magazine June 2006 list "Top 10 Best Dressed Web Design Firms in the Southwest"<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/16934743-973001615082152389?l=www.ariamedia.com%2Fblog'/></div>Ryan Thompsonhttp://www.blogger.com/profile/04228388255430480395noreply@blogger.com0tag:blogger.com,1999:blog-16934743.post-1146169270177020682006-04-27T13:19:00.000-07:002006-04-27T13:21:10.196-07:00Midago is bornAriamedia, in partnership with The Trade Group Inc., has founded Midago LLC. Midago is an experience design studio based in Dallas focusing on unique, innovate and highly creative interactive experiences. <a href="http://www.midago.com">Learn more by visiting Midago</a>.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/16934743-114616927017702068?l=www.ariamedia.com%2Fblog'/></div>Ryan Thompsonhttp://www.blogger.com/profile/04228388255430480395noreply@blogger.com0tag:blogger.com,1999:blog-16934743.post-1146144533078516522006-04-27T06:25:00.000-07:002006-04-27T06:30:05.420-07:00AJAX StandardizationLooks like the W3C is getting serious about the buzz around AJAX / Atlas. Recently they announced the beginnings of a formal specification for XMLHTTPRequest Object, the foundation of AJAX and Atlas. This is a significant step in AJAX moving from a fad to a mainstream adopted technology. <a href="http://www.devsource.com/article2/0,1895,1953713,00.asp">Read the article on DevSource.com</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/16934743-114614453307851652?l=www.ariamedia.com%2Fblog'/></div>Ryan Thompsonhttp://www.blogger.com/profile/04228388255430480395noreply@blogger.com0tag:blogger.com,1999:blog-16934743.post-1143127476499986232006-03-23T07:21:00.000-08:002006-03-23T07:24:36.553-08:00Quark Round 2A few months ago Quark launched their new logo... which, as it turned out, was extremely similar to a few other well-known logos. The blogosphere churned, a lot of very strong opinions were put out there, and Quark was the bad guy for their apparent lack of research.<br /><br />Looks like they listened. Behold. The new, new, new Quark branding. Looks like it belongs on the hood of a car to me. <a href="http://www.quark.com/">Quark.com</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/16934743-114312747649998623?l=www.ariamedia.com%2Fblog'/></div>Ryan Thompsonhttp://www.blogger.com/profile/04228388255430480395noreply@blogger.com0tag:blogger.com,1999:blog-16934743.post-1139341106607881192006-02-07T11:38:00.000-08:002006-02-07T11:39:12.673-08:00The Web 2.0What the heck is web 2.0? Did Al Gore roll out a new version of the Internet without informing me? Or maybe, did Microsoft buy it and plan on stuffing it inside its long-awaited “VistaHorn” release? Seriously though, web 2.0, as a broad and all-future-possibility-encompassing practice is, well, in practice, a good idea.<br /><br />Personally, I think web 2.0 really means; “We’ve stopped making websites that stagnate and just take up hard disk space with our boring HTML brochure sites.” Web 2.0 websites will feature rich-content in a friendly, usable, interactive way, with accessibility to a plethora of users being one of the main concerns.<br /><br />In the pursuit of end-user happiness, I believe that the big AJAX trend will slowly start to see its end. I know that sounds odd, but I believe AJAX will give way to much more customizable, easier to develop applications on the web, like Flash. Or PDF-Lash, or whatever they’re going to call it now.<br /><br />With the Adobe Macromedia merger, the two giants are bound to create something fresh with the online vector format (or ruin it.) Adobe’s SVG was a good stab at a Flash competitor, and Macromedia’s Flashpaper was a good stab at PDF, but with both companies working toward a single goal, I’m hoping for a universal rich-media, interactive format for the web that’s easy to develop and maintain. I’m also hoping for a format that is as search engine friendly as HTML is.<br /><br />However, web 2.0, or 1.1.1.3.596, or whatever we’re at right now, let’s not wait to begin developing interesting, intriguing, intellectual experiences for our friends, our clients, and our potential clients to start enjoying. The web is capable of handling 2.0, or even 3.0 features today. The only thing holding back the tide is companies slow to adopt new technologies and techniques–companies comfortable in their little web 1.0 boxes.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/16934743-113934110660788119?l=www.ariamedia.com%2Fblog'/></div>Ryan Thompsonhttp://www.blogger.com/profile/04228388255430480395noreply@blogger.com1tag:blogger.com,1999:blog-16934743.post-1136585623947222032006-01-06T14:10:00.000-08:002006-01-06T14:15:31.533-08:00The Box<h3>Boxy Trends</h3>Lately I’ve been seeing a lot of talk about “out of the box” website design. The advent of CSS has given us as designers, developers, advertisers, whatever, wherever, the ability to break out of the grid and really push things to a new level on the web.<br /><br />Since the beginning of the web–well, at least the popularization of the web–we’ve seen people making websites that look the same, act the same, feel the same, and are the same. They all have a product or a service to sell, information to impart, or agenda’s to push. The more and more I think about it, the longer I study the results of “sameness”, the more I am inclined to think that doing things inside the box might not be the way to go.<br /><br /><h3>All In the Grid</h3>In order to be found, navigated, and remarked upon, there are certain inescapable ideas you must include in a website. For instance, you must have a user friendly navigation menu, text readable by computers, easily definable sections, maybe a logo or major header to identify the website or owner of the website, along with a plethora of others. The simple fact is, to an extent, you must follow the rules.<br /><br />The web is full of rules. The W3C dictates how browsers interpret HTML, CSS, XML, etc. and they dictate to us how to code our websites so they act correctly on the browsers. The HTML Schema is a rulebook. We’re in an industry built upon a box, inside a box.<br /><br /><h3>The Truth About Cardboard</h3>Although most boxes designed for shipping are made of cardboard, we know that it is a flexible, easily bendable, but also fragile material. Websites are, in many respects, the same way.<br /><br />Flash gave us animation and rich content, but limited our ability to author entire sites due to incompatibility and SEO deficiencies.<br /><br />Javascript adds a lot of customizability, but is cumbersome, hardly renders correctly cross-browser, and has a fairly steep learning curve for anyone not well versed in programming.<br /><br />With every new technology or media format that emerges, a door slams shut on its wide-spread use before it can really take off.<br /><br /><h3>So, how do we break out of the box with our design efforts?</h3>I think the simple answer is to stop trying to create websites altogether, and start creating unique messages that reside on the web. When you can pull yourself out of the “web designer” mind frame and start looking at what the web for what it is, the largest avenue for delivering your message to the masses the world has ever known, you’ll open yourself up to new ideas.<br /><br />I’m reminded of a recent article featured on A List Apart about <a href="http://www.alistapart.com/articles/redesignrealign/" target="_blank">Redesigning vs. Realigning</a>, in which the author explains the difference between slapping a new skin on your site, and rethinking the way the website works.<br /><br />I want to challenge you to take it one step further and rethink the way the web works. What can you make your website do that nobody else has done? The man behind <a href="http://www.milliondollarhomepage.com/" target="_blank">Million Dollar Homepage</a> had it right. Creating something unique, something memorable isn’t about following the rules. It’s about creating something nobody’s done before.<br /><br /><h3>Easy in theory</h3>Yes it is. Finding your own million dollar idea is a much harder thing to do. Especially in a world built upon a box inside a box. The ideas are out there, be daring enough to try them.<br /><br />Remember that designing a website is not just about the imagery, the typography or the CSS. It’s about the structure, the substance, and even the purpose behind a website. Design something new, something out of the box, and someone will notice.<br />I’m not telling you to throw out the rulebook, just to look beyond the rules and strictures, and create something truly unique.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/16934743-113658562394722203?l=www.ariamedia.com%2Fblog'/></div>Ryan Thompsonhttp://www.blogger.com/profile/04228388255430480395noreply@blogger.com0tag:blogger.com,1999:blog-16934743.post-1131663881518850452005-11-11T15:41:00.000-08:002005-11-11T14:38:53.723-08:00Content to Print II<p>I’ve come across the request to “Make my website look good in print” recently. What exactly that entails differs from one client to the next, and from one website layout to the next. In order to make a website printable, you need to consider a few factors first.</p><p><strong>Layout:</strong> If your website is laid out like a typical blog (nav at top, left or right secondary nav, main content in one big block), creating a print style is a relatively simple matter. But what if you have more than one column of information? Or your site is more horizontal than vertical.</p><p><strong>Colors:</strong> Do you have white text on a dark grey or black background? Is your primary color reverse what it should be for Print? If so, your logo, and all graphical elements are probably going to print in white... On white.</p><p><strong>Content:</strong> What is your reader really interested in. What reason would they have for printing your content?</p><p>Before I start to develop my secondary Print style sheet, I take a close look at the above factors, and start to develop a plan of action.</p><p><br /></p><h3>Cascading? Style Sheets</h3><p>The reason cascading style sheets (css) are called “cascading” is because you can use more than one style, or more than one style sheet to effect an HTML object.</p><blockquote>Example:<br />In global.css I can have a statement like this: <code>h1 { font-size: 14pt; }</code><br />Then in print.css I can say, <code>h1 { color: #333333; }</code></blockquote><p>As long as both style sheets are properly listed in your HTML, you should see all H1 display as 14pt Dark Grey.</p><p>The same thing goes for overwriting styles. If I had used the same parameters, like font-size for instance, and had different values, the style sheet that is lower in the HTML markup will be the dominant one.</p><blockquote>Example:<br />global.css: <code>h1 { font-size: 14pt; }</code><br />print.css: <code>h1 { font-size: 12pt; }</code></blockquote><br /><h3>Style Sheet Media Type</h3><p>HTML offers us the wonderful ability to apply specific style sheets to different media types, i.e. Screen, Print, Mobile, or All. Typically, I create my global style sheet to encompass all of the layout and global HTML styling attributes, and then overwrite them in cascading style sheets to achieve my print/mobile styling.</p><p>Now that we have two different style sheets, with the same font manipulation, we need to apply them to specific media.</p><blockquote><code><link rel="stylesheet" type="text/css" media="all" href="/styles/global.css"></code><br /><code><link rel="stylesheet" type="text/css" media="print" href="/styles/print.css"></code></blockquote><p>Notice the media="" part of the link tag in the above example. By setting global.css to all, and print.css to print, all of the attributes in global.css that are not overwritten in print.css will be applied.</p><br /><h3>Changing Your Tune</h3><p>So, getting back to the theory of print styles, what to include and what to exclude can make or break a print experience. When it comes time to turn off, or hide certain parts of a website, I open up my print.css file, and start attacking the code.</p><p>For the obvious aspects that should leave, like Navigation (who needs to navigate on a piece of paper?), if your web site is laid out semantically, it is simply a matter of adding display:none to your div, ul, or whatever tag is driving your navigation. For me, the easiest way to do so is to simply wrap my navigation in a div, give it a specific ID (like id=”nav_main”).</p><p><br /></p><p>Some other things you may want to consider changing:</p><ul class="bulletlist"><br /><li>Screen fonts, like Arial, Verdana and Helvetica are great for readability on screen, but serif fonts like Times, or Georgia are typically a better choice for your body text.</li><br /><li>If your background is colored, change it to white. If that is going to affect your logo, or any other colors on your website, you need to adjust those to fit.</li><br /><li>The width of your website, whether fluid or fixed, should be set back to 100%. Adding a touch of padding never hurts, but is unnecessary. Most home or office printers won’t let you print outside a specified margin.</li><br /><li>Sidebars, or other information that specifically pertains to navigating further in your website should be hidden. If a user is interested in printing your web page, they are most likely aiming for your content, not your design (they will take a screen shot) and not your HTML layout skills, your nun chuck skills, your... Got off topic a bit there.</li><br /></ul><p>For the most part, I leave my viewers with the company logo, the body of the content, and the footer/copyright. Anything more than that, and the viewer probably will just read your website.</p><p>I hope that this article was helpful... If you want to print it, just hit Print, and you’ll see my methods in action.</p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/16934743-113166388151885045?l=www.ariamedia.com%2Fblog'/></div>Ryan Thompsonhttp://www.blogger.com/profile/04228388255430480395noreply@blogger.com0tag:blogger.com,1999:blog-16934743.post-1129240278027147782005-10-13T14:49:00.000-07:002005-10-13T14:57:41.383-07:007 Bad Usability Practices<p>I browse a lot of websites. I mean a whole lot. Over the past few weeks I’ve really been thinking about user interaction. What things are good, easy, and will keep a user on your site for a while, and what things are bad, difficult and will make your user leave and tell all their friends they hate your website.</p><p>Those things are typically small details, the kind that make people either love you or hate you. Below I’ve outlined 7 things that absolutely drive me nuts when I’m surfing the net.<br /></p><ol style="margin: 0pt 0pt 0pt 3em;"><li>Do not make me wait when I get to your website. If I have to wait through a long load, or an intro with no skip button, I will leave–making your message 100% ineffective.</li><br /><li>Tell me who you are, and what you do immediately. That can be a short paragraph, or even just a single sentence. But however you decide to explain your existence, make it interesting and informative enough to keep me, but short enough so I’m not reading your About Us page.</li><br /><li>Don’t make me search. Give me obvious places to go next. A kind of roadmap or choose your own adventure. Your homepage needs to either have big enough links in your navigation to draw my eye away from the content, or you need to have big shiny buttons on the homepage saying “You can go here and see this, or you can go here and see that!”. Either way, I need to know how to get to the next bit of information you want to feed me.</li><br /><li>Don’t make your links hidden, graphics, or any other absurd thing. When I can’t figure out how to navigate to different sections (and especially the ones I’m looking for) then I’m going to leave without giving it a thought. In the same vain, don’t make your links cutsie names. If you have a portfolio, call it a portfolio, not something like “The Stuff”, or “Mindtease”.</li><br /><li>Making a splash page with a “Click to enter” button makes me want to leave right there. I’m already on your domain, why make me go through another process to get to the information I need. The more clicks I have, the less likely I am to appreciate your concern for users, which happen to be me.</li><br /><li>Full screen, smaller screen, odd-shaped screen... Quit making my browser change sizes. It’s already a great size, and if your site doesn’t fit in my browser, I’ll resize it so I can see the content. I almost always have more than one website open in my browser (the advent of Tabs in Safari made that much easier) and when all of my websites all of a sudden go full screen, it makes me want to close your website and forget I ever clicked on it.</li><br /><li>Popups. I don’t even have to explain this one. They are pretty much universally hated.</li></ol><p><br /></p><p>Well, I hope these 7 tips help you make a more user-friendly website. Think about these and any other usability issues you can in the planning stage of yours or you clients website. If it makes it to Photoshop, it’s typically too late.</p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/16934743-112924027802714778?l=www.ariamedia.com%2Fblog'/></div>Ryan Thompsonhttp://www.blogger.com/profile/04228388255430480395noreply@blogger.com0tag:blogger.com,1999:blog-16934743.post-1129153881133218192005-10-12T14:45:00.000-07:002005-10-13T06:46:56.186-07:00TablesThe $100 question. Tables, or tableless CSS design? It seems like a catch-phrase, the new big kitsch thing, but creating a website without the use of Tables for the structural markup can make a big difference in the usability and even the search viability of your site.<br /><br />The bulk of the Ariamedia site was built without the aid of tables. It is structured 100% through CSS styled DIVs, H1s, Ps, and the like.<br /><br />When we started to develop the idea for the current rendition of our corporate site, we decided that adherence to the <a href="http://www.w3.org/">W3C web standards</a> was going to play a large roll in the decision making influence. Hence the tableless design.<br /><br />Okay, okay, it’s not completely tableless. As in <a href="http://www.ariamedia.com/products/cms/content-management-solution-systemrequirements.htm">this page</a>, the use of tables, while not necessary, was the way to go. Creating tableless code for the sake of conserving code-space, maintaining readability, or just because you want to join in the crowd are all fine and dandy, but that should not stop you from using tables when tables are appropriate.<br /><br />Tables are the way to go when laying out and displaying tabular data. Hence the name “Table”. When and where are up to you, but in our experience going from a table-laden, non-compliant site to our current incarnation, any time you can say the word grid, or cell, it needs to be a table.<br /><br />Styling tables is just as easy as styling DIVs, Spans, or any other HTML tag.<br /><br />We typically start out by defining an ID for the table itself, like #product_table, and then through inheritance, styling it’s child-elements. TH, TD, TR, can all be styled to your liking, and can offer you control over an extremely easy-to-use standard HTML tag.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/16934743-112915388113321819?l=www.ariamedia.com%2Fblog'/></div>Ryan Thompsonhttp://www.blogger.com/profile/04228388255430480395noreply@blogger.com0tag:blogger.com,1999:blog-16934743.post-1128443379319102562005-10-04T09:28:00.000-07:002005-10-04T09:29:39.333-07:00TechnoratiYou can now check out our <a href="http://www.technorati.com/claim/ksdbiycga" rel="me">Technorati Profile</a>!<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/16934743-112844337931910256?l=www.ariamedia.com%2Fblog'/></div>Ryan Thompsonhttp://www.blogger.com/profile/04228388255430480395noreply@blogger.com0tag:blogger.com,1999:blog-16934743.post-1128352751851262462005-10-03T08:15:00.000-07:002005-10-03T08:25:52.290-07:00Browsing Without ColorFor those users who are color blind, surfing the web can be a hassle. Being able to tell what text is a link, and what's not can determine the longevity of a visit. There have been a multitude of articles on developing and testing your website to ensure a color blind user will be able to distinguish the various elements of your site.<br /><br />I came across a nifty little Mac App by Michel Fortin that allows you to take a look at what your site would look like if you were color blind. You can get the donationware application here at his website <a href="http://www.michelf.com/projects/sim-daltonism/" target="_blank">Michelf.com</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/16934743-112835275185126246?l=www.ariamedia.com%2Fblog'/></div>Ryan Thompsonhttp://www.blogger.com/profile/04228388255430480395noreply@blogger.com0tag:blogger.com,1999:blog-16934743.post-1128003113136530312005-09-29T09:11:00.000-07:002005-09-29T07:12:13.266-07:00Google SitemapsGoogle, the big daddy of all the search engines, the prize jewel in the SEO's crown, has offered up a new way to get crawled. Create an XML sitemap, upload it to your server, create an account on Google, tell it where the file is, and you're done.<br /><br /><a href="http://www.google.com/webmasters/sitemaps/">Google Sitemap</a> is a great way to jump-start your next SEO effort.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/16934743-112800311313653031?l=www.ariamedia.com%2Fblog'/></div>Ryan Thompsonhttp://www.blogger.com/profile/04228388255430480395noreply@blogger.com0tag:blogger.com,1999:blog-16934743.post-1128004712912981132005-09-29T07:38:00.000-07:002005-09-29T07:57:50.210-07:00Content to PrintIt seems that more and more people are printing web pages and saving them for later than they are reading everything on screen. I personally have too many websites, blogs, podcasts and news pages than I could possibly get to in one day.<br /><br />When we started planning out the redesign of our site, one of the things we set our sights on was accessibility. Not only making our site accessible to the impaired, but to anyone in any medium. Screen, print, mobile. We wanted you to be able to get to the content that was relevant to you as quickly and easily as possible.<br /><br />Go ahead. Try printing this page. You'll notice that what you get on paper is a bit different than what you get on screen. What we've done is added a print stylesheet that overwrites a lot of the styles defined in our global stylesheet. The Navigation and Header are stripped out. The left (sub) navigation is stripped out. The fonts are changed to a friendlier serif font, and the page width is set to 100%, giving you a better fit on paper.<br /><br />All in all, it looks, and acts, completely different. It's just one of the things we did to make our site more accessible, more usable, and hopefully, more effective.<br /><br />Stay tuned. I will be writing a second part to this article on the technical aspects of defining multiple Cascading Style Sheets for different mediums.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/16934743-112800471291298113?l=www.ariamedia.com%2Fblog'/></div>Ryan Thompsonhttp://www.blogger.com/profile/04228388255430480395noreply@blogger.com0