<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <title>design</title>
  <link rel="alternate" type="text/html" href="http://pingv.com/tag/design"/>
  <link rel="self" type="application/atom+xml" href="http://pingv.com/taxonomy/term/87/atom/feed"/>
  <id>http://pingv.com/taxonomy/term/87/atom/feed</id>
  <updated>2008-01-05T11:23:51-06:00</updated>
  <entry>
    <title>Interactive Designer (Web)</title>
    <link rel="alternate" type="text/html" href="http://pingv.com/careers/4184/interactive-designer-web" />
    <id>http://pingv.com/careers/4184/interactive-designer-web</id>
    <published>2008-10-09T18:46:59-05:00</published>
    <updated>2008-10-10T11:06:42-05:00</updated>
    <author>
      <name>Laura</name>
    </author>
    <category term="Careers" />
    <category term="CSS" />
    <category term="design" />
    <category term="graphic design" />
    <category term="interative design" />
    <content type="html"><![CDATA[ <p><a href="http://pingv.com">pingVision</a> is now accepting applications for the position of <strong>Interactive Designer</strong> for enterprise-level corporate and community websites and web applications.</p>
<p>We're looking for a talented, experienced, detail-oriented person with an understanding of user experience, user interface design and information architecture. Familiarity with the Drupal content management system is desired, but not required.</p>
<p>This is a full-time position. We're looking for people living in the Boulder/Denver area.</p>
     ]]></content>
  </entry>
  <entry>
    <title>DrupalCamp Denver / Boulder / in-between in the works for July</title>
    <link rel="alternate" type="text/html" href="http://pingv.com/blog/laura/2008/drupalcamp-denver-boulder-between-works-july" />
    <id>http://pingv.com/blog/laura/2008/drupalcamp-denver-boulder-between-works-july</id>
    <published>2008-05-13T22:06:52-05:00</published>
    <updated>2008-05-13T22:06:53-05:00</updated>
    <author>
      <name>Laura</name>
    </author>
    <category term="code" />
    <category term="DBUG" />
    <category term="design" />
    <category term="Drupal" />
    <category term="DrupalCamp" />
    <content type="html"><![CDATA[ <p>Expert in Drupal? Totally new to it? Wanting to really dig into Drupal for a day or two?</p>
<p><a href="http://groups.drupal.org/node/11450">A DrupalCamp is being planned</a>. One, maybe two days of code, design, chat, sharing, testing, patching, learning, maybe showing off a little, laughing.</p>
<p>Have a thought on what it should look like? When it should happen? What we might do? <a href="http://groups.drupal.org/node/11447">Edit the wiki</a>!</p>
<p>See you there! (Where ever that might be.)</p>
     ]]></content>
  </entry>
  <entry>
    <title>Adobe&#039;s Creative Suite for Web 1.0</title>
    <link rel="alternate" type="text/html" href="http://pingv.com/blog/laura/200703/adobes-creative-suite-for-web-1-0" />
    <id>http://pingv.com/blog/laura/200703/adobes-creative-suite-for-web-1-0</id>
    <published>2007-03-30T12:09:38-05:00</published>
    <updated>2008-01-05T11:21:34-06:00</updated>
    <author>
      <name>Laura</name>
    </author>
    <category term="Web Design" />
    <category term="Adobe" />
    <category term="best practices" />
    <category term="CSS" />
    <category term="design" />
    <category term="Drupal" />
    <category term="software" />
    <category term="tools" />
    <content type="html"><![CDATA[ <p>There is a horrible disservice being perpetrated on young web designers and web design students: that learning Dreamweaver is anything but irrelevant to your needs. We are in a Web 2.0 world, where semantic CSS and clean xhtml are the standard. And yet university art and design departments continue to push Dreamweaver as some sort of useful skill. We see Dreamweaver knowledge listed at the top of a frighteningly large percentage of applications for web design positions at pingVision. (Personally, I'd rather receive an enthusiastic note about the ideas in <a href="http://www.transcendingcss.com/">Andy Clarke's <i>Transcending CSS</i></a> or <a href="http://www.amazon.com/Universal-Principles-Design-Usability-Perception/dp/1592530079">William Lidwell, Kritina Holden and Jill Butler's <i>Universal Principles of Design</i></a>.)</p>
<p>What's perhaps more disheartening is that we see such backward-looking thinking in the top-line offerings from the king of design software companies, <a href="https://store1.adobe.com/cfusion/store/index.cfm?store=OLS-US&amp;view=ols_prod&amp;category=/Applications/DesignPremium&amp;distributionMethod=FULL&amp;promoid=RWTS&amp;nr=0#view=ols_prod&amp;loc=en_us&amp;store=OLS-US&amp;categoryOID=1641620&amp;distributionOID=103&amp;category=/Applications/DesignPremium&amp;distributionMethod=FULL&amp;promoid=RWTS&amp;nr=0">Adobe</a>.</p>
<p>
<blockquote><b>Adobe Creative Suite 3 Web Standard</b><br />The basic toolkit for web designers and developers, Adobe® Creative Suite® 3 Web Standard software features all-new versions of the fundamental tools for creating and maintaining interactive websites, applications, and mobile device content. Prototype your projects, design assets, and build and maintain professional web experiences. Work on your choice of Mac or Windows®.</p>
<p>Combines Adobe Dreamweaver® CS3, Flash® CS3 Professional, Fireworks® CS3, Contribute® CS3, Bridge CS3, Version Cue® CS3, and Device Central CS3.</p></blockquote>
<p>As a web designer, I look at this offering and shrug with frustration. Aside from Bridge and perhaps Fireworks, I have no use for any of these applications. It's just not relevant to the requirements of web design these days.</p>
<p>When it comes to theming for Drupal or any other content management system or even basic blog system, what you need are decent graphic design tools (such as Photoshop, Illustrator, Fireworks...) and a proper text editor (BBEdit, TextWrangler, TextMate...).</p>
<p>If you're a student or just starting out in web design, my recommendation is to order the Adobe <a href="https://store1.adobe.com/cfusion/store/index.cfm?store=OLS-US&amp;view=ols_prod&amp;category=/Applications/DesignPremium&amp;distributionMethod=FULL&amp;promoid=RWTS&amp;nr=0#view=ols_prod&amp;loc=en_us&amp;store=OLS-US&amp;categoryOID=1641620&amp;distributionOID=103&amp;category=/Applications/DesignPremium&amp;distributionMethod=FULL&amp;promoid=RWTS&amp;nr=0">Creative Suite 3 Design Standard</a>. Unless you're a Flash artist, the "Web Design" packages are just a waste of disk space.</p>
     ]]></content>
  </entry>
  <entry>
    <title>Some modest OSCMS Summit proposals: Theming Drupal, and on building communities</title>
    <link rel="alternate" type="text/html" href="http://pingv.com/blog/laura/200702/some-modest-oscms-summit-proposals-theming-drupal-and-on-building-communities" />
    <id>http://pingv.com/blog/laura/200702/some-modest-oscms-summit-proposals-theming-drupal-and-on-building-communities</id>
    <published>2007-02-14T18:37:34-06:00</published>
    <updated>2008-02-17T14:50:03-06:00</updated>
    <author>
      <name>Laura</name>
    </author>
    <category term="community" />
    <category term="conferences" />
    <category term="design" />
    <category term="Drupal" />
    <category term="Open Source" />
    <category term="OSCMS Summit" />
    <category term="theming" />
    <category term="trends" />
    <category term="usability" />
    <category term="Web 2.0" />
    <category term="Yahoo" />
    <content type="html"><![CDATA[ <p>The other day, I proposed facilitating a discussion at the<a href="http://2007.oscms-summit.org"> Open Source CMS Summit 2007, hosted by Yahoo</a>:</p>
<blockquote><h3><a href="http://2007.oscms-summit.org/node/237">Building community online</a></h3>
<p>Community building is more than just software, and more than just people. The nature of online communities is changing, no longer defined exclusively by bulletin boards or superblogs.</p>
<p>This is a session for everyone where we can discuss what it is that makes for a rich and robust community -- from the perspective of web developer, designer, evangelist, organization, member....</p>
<p>What have you done that has worked well? What have you seen elsewhere that you liked? What are people buzzing about? What Drupal modules (and/or other CMS or social networking tools) have you used in community sites?</p>
<p>Taking a broader approach, what do we mean when we say "community"? Can we even limit the concept to single sites?</p></blockquote>
<p>The idea behind this is obvious to most: If you build it, will they come? And if they do, will they stay <i>and participate</i>?</p>
<p>I'm hoping that, should this proposal be accepted, a lot of people with rich experience in building and/or administering community sites will come and share their insights, especially about where we see things going.</p>
<p>If you're going to the Summit, maybe you'd like to express <a href="http://2007.oscms-summit.org/node/237">whether you're interested</a>?</p>
<p><a href="http://pingv.com/about-us/people">Greg, Ezra</a> and I have also submitted a proposal for a session on theming for Drupal.</p>
<blockquote><h3><a href="http://2007.oscms-summit.org/node/227">Theming Drupal: techniques, approaches, philosophies</a></h3>
<p>A presentation panel on ways to implement web design theming in Drupal.</p>
<p>Drupal and its resplendent contributed modules push content of all kinds out to the web page. This session will start with a run-down on some of the various tags and pre-formatting Drupal generates by default, and easy ways to spruce up what comes "out of the box."</p>
<p>Next will be going over ways to change and customize the content presentation in more aggressive ways, using phpTemplate overrides and CSS. (And Javascript?)</p>
<p>Also addressed will be newer concepts of CSS usage and implementation, including semantic naming conventions, microformats and <a href="http://www.stuffandnonsense.co.uk/archives/and_all_that_transcending_css_malarkey.html">Transcending CSS</a> when facing the challenges of coping with wide varieties of dynamically generated content in a CMS. (E.g., why, when and how to split up your theme into different stylesheets for different browsers and media.)</p>
<p>Finally, we will look to the future and where Drupal 6, 7, etc. are taking us in the next generation of Drupal templating.</p>
<p>The balance of focus between these areas may shift with questions, expressions of interests and levels of expertise in the room.</p>
<p>Related but probably not covered: Usability and Drupal.</p></blockquote>
<p>So far, <a href="http://2007.oscms-summit.org/node/227">the voting on this</a> has been favorable. It's more geeky in focus, which in a way makes me more nervous and yet more excited. I'm truly hoping for some help from others on this, especially when it comes to plans for the Drupal 6+ ways of templating, which I know enough about to be very intrigued but hesitate to speak about in any leadership capacity.</p>
<p>The last note in the description, about usability, really breaks my heart, as it has become a major passion of mine over the past year. Fortunately, theming wizard <a href="http://2007.oscms-summit.org/node/340">Steven Wittens has proposed a session</a> on just design "from a geek perspective," where I can get my fix and we OSCMS geeks can (hopefully) collectively fill the gap in usability coverage.</p>
     ]]></content>
  </entry>
  <entry>
    <title>Designing handheld-friendly websites</title>
    <link rel="alternate" type="text/html" href="http://pingv.com/blog/laura/200611/designing-handheld-friendly-websites" />
    <id>http://pingv.com/blog/laura/200611/designing-handheld-friendly-websites</id>
    <published>2006-11-04T12:07:42-06:00</published>
    <updated>2008-01-05T11:23:51-06:00</updated>
    <author>
      <name>Laura</name>
    </author>
    <category term="Web Design" />
    <category term="accessibility" />
    <category term="best practices" />
    <category term="blogging" />
    <category term="design" />
    <category term="Drupal" />
    <category term="handhelds" />
    <category term="smartphone" />
    <category term="theming" />
    <category term="usability" />
    <content type="html"><![CDATA[ <p>Years ago I had a Palm. Back then I used it pretty much just as an organizer. Now I have replaced my mobile with a <a href="http://www.palm.com/us/products/smartphones/treo700p/">Palm 700p smartphone</a> (which runs on old [deprecated] Palm software but has a very sharp and bright screen) so as to be able to get online while mobile, without having to drag along a laptop computer.</p>
<p>I've spent the last few days browsing the web, and learning some things — mainly that when viewing them on a handheld, the vast majority of websites out there not only look like (excuse me) crap but <i>don't even work</i>! On many sites, I would scroll all the way down through the page to the bottom, and never find the content. It was all off to the side, where (hello, <a href="http://en.wikipedia.org/wiki/Blazer_%28Web_Browser%29">Blazer</a> designers!) the handheld's web browser <i>will not</i> scroll.</p>
<p>For the sites that worked, it was great. <a href="http://news.google.com/news?ned=us&amp;topic=t">Google News</a> and <a href="http://news.yahoo.com/i/1212;_ylt=A0SOwmXly0xFeTQBBw8jtBAF;_ylu=X3oDMTA0cDJlYmhvBHNlYwM-">Yahoo! News</a> are absolute delights on handhelds — tops on usability. </p>
<p>Ironically, very cumbersome were sites devoted to handheld applications downloads. Even <a href="http://www.palm.com/us/support/downloads/">Palm's own website</a> was cluttered to the point of being utterly unusable. I can say with full authority now that it's very easy to get lost on a single web page with dozens of links filling the top of a page viewed on a handheld. The <a href="http://www.sciam.com/article.cfm?articleID=00048144-10D2-1C70-84A9809EC588EF21&amp;pageNumber=1&amp;catID=2">"semantic web"</a> this ain't.</p>
<p>Yes, and I am certainly very late to the party on this one. Yes, I've heard the hype about handhelds and read the articles about handhelds.  Leave it to some hard first-hand lessons in handheld web browsing to get the message through my (some would say "thick") head: for each website, be sure to create alternate page designs for handhelds! There's just no excuse not to these days.</p>
<p>So how to do it? Some Googling pulled up <a href="http://www.alistapart.com/articles/pocket/">this great article on A List Apart</a> from more than two years ago. In this how-to, Elika Etemad and Jorunn D. Newth give a brief run-down on some simple stylesheet best practices towards having a very presentable website for site visitors using handhelds.</p>
<ul>
<li>Minimize horizontal spacing, and use <code>em</code>s and percentages, not pixels....</li>
<li>Avoid floats....</li>
<li>Minimize decorative images....</li>
<li>Avoid depending upon plug-ins....</li>
<li>Turn off display of non-essential elements....</li>
</ul>
<p>But I would go further.</p>
<ol>
<li>Content needs to load first. Yes, include a small logo for those folks who are loading images. Yes, perhaps offer up your main navigation of 4 or 5 links. But that's it. Don't load your mission statement. Don't make visitors crawl down through your sidebar content before getting to your article(s) or blog post(s). It's just too much to plow through. Put the content up top.</li>
<li>Minimize the ads or leave them out altogether. Make sure they're clearly marked as ads. And forget display ads.</li>
<li>CSS-only layout is essential. Yes, you can <code>display: block;</code> your table cells, but you can't change their order. Only with CSS-only layouts can you get your main content to the top of the page load for all of your various page designs.</li>
</ol>
<p>Of course, while it's relatively easy to keep design for handhelds in mind for new websites, new Drupal themes and new page templates, it's not so easy for existing sites. After all, when remediation involves not just an added stylesheet but also refactoring the page templates themselves, we're talking a bit of time and effort. (Handheld site visitors who are reading this article at the time of publication will note that this site itself is not very handheld-friendly. We're in the midst of doing a redesign, and plan to have an improved handheld experience here on pingv.com in the coming weeks.)</p>
<p>The additional upside of designing for handhelds is that accessibility is also improved.</p>
<p>The handheld explosion is happening on the web. It's time to design for them, even if you're creating your designs on the <a href="http://store.apple.com/1-800-MY-APPLE/WebObjects/AppleStore?family=AppleDisplays">Mac 30-inch cinema screen</a>.</p>
     ]]></content>
  </entry>
</feed>
