<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
    <title type="text">The Adventures of Cindy Li</title>
    <subtitle type="text">The Adventures of Cindy Li:</subtitle>
    <link rel="alternate" type="text/html" href="http://www.cindyli.com/" />
    <link rel="self" type="application/atom+xml" href="http://www.cindyli.com/site/atom/" />
    <updated>2011-12-11T23:03:15Z</updated>
    <rights>Copyright (c) 2011, Cindy</rights>
    <generator uri="http://www.expressionengine.com/" version="1.6.8">ExpressionEngine</generator>
    <id>tag:cindyli.com,2011:09:21</id>

    <entry>
      <title>My visit to the Pentagon</title>
      <link rel="alternate" type="text/html" href="http://www.cindyli.com/site/my_visit_to_the_pentagon/" />
      <id>tag:cindyli.com,2011:/1.349</id>
      <published>2011-09-21T18:44:00Z</published>
      <updated>2011-09-21T20:44:02Z</updated>
      <author>
        <name>Cindy</name>
        <uri>http://www.cindyli.com</uri>      </author>

      <content type="html"><![CDATA[
        <h3>Once upon a time&#8230;</h3><p>
<a href="http://themattharris.com" title="Matt">Matt</a> and I were in Washington DC area to attend to my townhouse. I signed us up for a White House tour (a couple of months in advance on a very early sunday morning via our <a href="https://pelosi.house.gov" title="State Senator Pelosi ">State Senator Pelosi </a>and our friend <a href="https://twitter.com/#!/jfc3" title="John Croston III">John Croston III</a> saw our tweets about it. He invited us to visit the Pentagon. We had a great time walking around on the morning of August 22. It was strange seeing the walls that had been mended post 9-11. It was the 10th anniversary this year. John was a great tour guide but he had one request, his boss asked if Matt and I could be introduced to the Social Media team.&nbsp; 
</p> <h3>Social Media team for Army.mil</h3><p>
We met Major Juanita Chang, the Director of the Online and Social Media division office of the Chief of Public Affairs, Dale Sweetnam, SSG, and the rest of her team. Major Chang made me laugh when she asked me to write down the list of things she was concerned with by handing me a notebook with the U.S. Army on it. I told her if we can&#8217;t support our troops fighting for our freedom who should we support? ;) We had some interesting conversations and tried to help her team use <a href="http://twitter.com" title="Twitter">Twitter</a> (where Matt works) and <a href="http://flickr.com" title="Flickr">Flickr</a> (where I am working).</p>

<p>Here&#8217;s the Army notebook she handed me for my notes. :D
</p><p class="centered"><a href="http://www.flickr.com/photos/cindyli/6080245589/" title="Pentagon visit: Army notebook by cindyli, on Flickr"><img src="http://farm7.static.flickr.com/6190/6080245589_3f4586dc79_m.jpg" width="179" height="240" alt="Pentagon visit: Army notebook"></a></p>

<p class="centered"><a href="http://www.flickr.com/photos/cindyli/6073877222/" title="The Pentagon visit: Social media team they use flickr! :) by cindyli, on Flickr"><img src="http://farm7.static.flickr.com/6075/6073877222_9d614f780c_m.jpg" width="240" height="179" alt="The Pentagon visit: Social media team they use flickr! :)"></a></p>

<p><br></p>

<h3>The U.S. Army on Flickr and Yahoo! Mail</h3><p>
<a href="http://www.flickr.com/photos/soldiersmediacenter/" title="The Army has an account on flickr">The Army has an account on flickr</a> and it&#8217;s quite active. SSG Sweetnam is in charge of that. I worked on the Yahoo! Mail project previously and thought it would be great with their permission of course to create a few Yahoo! Mail themes to promote our troops. </p>

<h3>Army.mil&#8217;s Flickr photostream</h3><p>
I searched through the photostream and had a few to retouch because of the background would repeat. I tried to find photos that would represent the best of our Army troops and would also work in a horizontal crop.</p>

<p>These are the original photos:</p>

<p>This photo is a photo of troops running in the morning. I loved the color and light.</p>

<p class="centered"><a href="http://www.flickr.com/photos/soldiersmediacenter/4711686704/" title="Sunrise run by The U.S. Army, on Flickr"><img src="http://farm5.static.flickr.com/4054/4711686704_cb51274f03_m.jpg" width="240" height="160" alt="Sunrise run"></a></p>

<p><br />
The photo is of the Airborne division boarding for a jump.
</p><p class="centered"><a href="http://www.flickr.com/photos/soldiersmediacenter/5908384111/" title="Morning boarding by The U.S. Army, on Flickr"><img src="http://farm7.static.flickr.com/6016/5908384111_0acb522588_m.jpg" width="240" height="160" alt="Morning boarding"></a></p>

<p>The photo contain two helicopters in the sky. It was a bit tricky because when it&#8217;s cropped the helicopter on the left looked like it had blown something else so I used the right helicopter.
</p><p class="centered"><a href="http://www.flickr.com/photos/soldiersmediacenter/5249000598/" title="Sunset flight by The U.S. Army, on Flickr"><img src="http://farm6.static.flickr.com/5250/5249000598_4ec383dfd8_m.jpg" width="240" height="160" alt="Sunset flight"></a></p>

<p>&nbsp;</p>

<h3>Here&#8217;s the three that I created</h3>
<p class="centered"><a href="http://www.flickr.com/photos/cindyli/6170202580/" title="Yahoo! Mail theme: Army.mil Runners: picker by cindyli, on Flickr"><img src="http://farm7.static.flickr.com/6156/6170202580_ed90e90334_m.jpg" width="240" height="210" alt="Yahoo! Mail theme: Army.mil Runners: picker"></a></p>

<p class="centered"><a href="http://www.flickr.com/photos/cindyli/6170202516/" title="Yahoo! Mail theme: Army.mil Airborne: picker by cindyli, on Flickr"><img src="http://farm7.static.flickr.com/6178/6170202516_65456fb830_m.jpg" width="240" height="210" alt="Yahoo! Mail theme: Army.mil Airborne: picker"></a></p>

<p class="centered"><a href="http://www.flickr.com/photos/cindyli/6170202446/" title="Yahoo! Mail theme:Army.mil Helicopter: picker by cindyli, on Flickr"><img src="http://farm7.static.flickr.com/6176/6170202446_c17a77fe9c_m.jpg" width="240" height="210" alt="Yahoo! Mail theme:Army.mil Helicopter: picker"></a>
</p>

<h3> How to get your very own Army.mil theme!</h3><p>
Sign in to your Yahoo! Mail account and go to the <a href="http://us.mg999.mail.yahoo.com/neo/launch?.rand=ats3bp6rhkue1" title="Yahoo! Mail themes page.">Yahoo! Mail themes page.</a></p>

<p>Hope you like them!
</p><p class="centered"><a href="http://www.flickr.com/photos/cindyli/6073337775/" title="The Pentagon visit by cindyli, on Flickr"><img src="http://farm7.static.flickr.com/6074/6073337775_8e66ba29ae_m.jpg" width="179" height="240" alt="The Pentagon visit"></a>
</p>
      ]]></content>
    </entry>

    <entry>
      <title>Who is in your &#8220;house&#8221;</title>
      <link rel="alternate" type="text/html" href="http://www.cindyli.com/site/who_is_in_your_house/" />
      <id>tag:cindyli.com,2011:/1.348</id>
      <published>2011-04-28T16:09:15Z</published>
      <updated>2011-10-28T17:55:16Z</updated>
      <author>
        <name>Cindy</name>
        <uri>http://www.cindyli.com</uri>      </author>

      <content type="html"><![CDATA[
        <h3>Once upon a time&#8230;</h3>
<p>I was in elementary school and we had a special guest in our class, Officer Friendly, an ambassador for the police department who attends classes to teach students personal safety lessons such as not talking to strangers and how to protect ourselves when we were lost or hurt but especially not to allow people we didn&#8217;t know into our house. Being a latchkey kid and older sister I paid attention. The lessons that Officer Friendly taught are still relevant today. I am a product designer; It is my duty to protect and inform my users to guide them through the web and the products I design. </p> <h3>One example came up in 2008&#8230;</h3><p>
It was around the time Obama won the election for President and in California <a href="http://en.wikipedia.org/wiki/California_Proposition_8_(2008)" title="Prop 8">Prop 8</a> retracted the ability for people of the same sex to be married. I live in San Francisco, this was a hot topic and my gay friends were paying attention to this proposition.The project I was working on at the time was proposing the feature to update your <a href="http://en.wikipedia.org/wiki/Yahoo!_Buzz" title="Yahoo! Buzz">Yahoo! Buzz</a> activity into your Messenger status, that seems harmless right? This is what my project manager thought. Promotion through your networks was a great idea for viral activity, it&#8217;s a big win for the business side.They get more users, I get that. It made total sense until, I started asking him when was the last time he curated his Messenger buddy list? Did he know what settings he had for his privacy; did our users?</p>

<h3>You are not all your users</h3><p>
He didn&#8217;t understand why I was so concerned. I know that there has been a surge of I&#8217;m designing for me, I&#8217;m the user. You aren&#8217;t. People all over the globe are using your products. You cannot be the only point of view. I gave him a scenario, let&#8217;s say you are: gay and in the closet, a lawyer in Alabama. You just &#8220;Buzzed up&#8221; a Prop 8 story and didn&#8217;t realize it showed up in your Messenger status update. The term &#8220;Buzzed up&#8221; is a positive term, depending on the context of the story: may have just outed the Lawyer, gotten him beaten up or killed.</p>

<p>Again, my PM didn&#8217;t see what the concern was. He is a San Franciscan and I reminded him that he is not thinking outside of his own social circle, the rest of the United States is not as tolerant or liberal. I grew up in the south. I have some emotional scars from that time which prepared me to be empathetic to others and apply it to my designs. I have friends who are different than me. They live in many parts of the world. I learn something from each of them. These are the people that I design for and protect.</p>

<p>Protecting users and their data has been on my mind lately because there are so many connected applications being connected to Facebook and Twitter. As a designer, I am interested in all sorts of products and applications others design, testing them, and to see what the excitement is all about. One product that popped up in my radar was <a href="http://www.pixable.com/" title="Pixable">Pixable</a>, they designed a suite of photo sharing applications, they have been getting a lot of press and being an avid <a href="http://flickr.com" title="Flickr photo sharing website">Flickr</a> user I was curious. I downloaded Pixable and I started setting up my account.</p>

<p><a href="http://www.flickr.com/photos/cindyli/5654203889/" title="Pixable:Facebook access by cindyli, on Flickr"><img src="http://farm6.static.flickr.com/5029/5654203889_6540a7874e_m.jpg" width="240" height="163" alt="Pixable:Facebook access"></a></p>

<p>If you take a look at the screen it gives them access to everything even when you aren&#8217;t logged in. This is not a slam on Pixable. They want access so it is the best experience for their product to work. This is where the level of access to my data concerns me. We are doing a disservice to users when we have screens such as this. <a href="https://www.facebook.com/" title="Facebook">Facebook</a> is allowing some context of each level of access by having a description below each of the levels of access. Does this appear harmless to you? I suppose it isn&#8217;t a big deal otherwise their product wouldn&#8217;t have been featured by so many sites right? </p>

<p>Think about it this way, when you meet someone for the first time do you give them the keys to your house and your ATM pin code before even having a cup of coffee? If you do you are very trusting. In most relationships trust is built over time. Why is access to your Facebook any different? This model of all or nothing hasn&#8217;t matured yet. We need to collectively take a good hard look at how we can improve the experience.</p>

<h3>Design levels of sharing</h3><p>
These ideas have been running around in my brain. 
</p><p>
<ul>
<li>Tiered access: entry level to get your foot in the door, that you can increase over time as your trust and use increases.</li>
<li>This one is a slight deviation on the one above. An ability to cherry pick which you the user are comfortable with. The all or nothing access to an application is too extreme. </li>
<li>A reminder set for you to check if you still want this application to have access. A Yahoo product called <a href="http://fireeagle.yahoo.net/" title="Fire Eagle">Fire Eagle</a> used to remind you to update your preference on location data every week, month, 6 months, year, or the end of time.</li>
</ul></p>

<p>Relationships change over time and that awareness should be applied to applications that we allow our data. Design a way to give users the ability to control and remind them where and how to revoke access to applications.</p>

<p>I&#8217;ve been on <a href="http://twitter.com/" title="Twitter">Twitter</a> since November 2006, over the years I&#8217;ve allowed applications access to my account because I wanted something like the &#8220;<a href="http://friendorfollow.com/" title="friend or follow website using your twitter information for relationships on your audience">friend or follow</a>&#8221; that uses your twitter information to surface relationships with my audience to me or a feature that many applications such as <a href="https://posterous.com/" title="Posterous publishing platform for social">Posterous</a> to give me the ability to post to Facebook, Flickr and Twitter at the same time. </p>

<p>Disconnecting the relationship between applications is just like breaking up with someone we have been dating or are friends with. The vast majority of us are horrible at it. Applications allow you to &#8220;break up&#8221; your relationship but there is a lingering &#8220;they will come back to me&#8221; screen. Just because you disconnected it in one application doesn&#8217;t necessarily mean you&#8217;ve removed them. Remember, there was an authentication screen allowing an application, or promotion such as Macy&#8217;s Christmas 2010, or an American Express contest access to your Twitter/Facebook page. Twitter has it in their documentation to point users to that page but normally we are designing products to entice our audiences not think about how to make it easy for them to leave.</p>

<h3>How to revoke access for applications to Twitter:</h3>
<p>
<ol>
<li>Sign in to your <a href="https://twitter.com/" title="Twitter homepage">Twitter account</a></li>
<li>It is in your <a href="https://twitter.com/settings/connections" title="twitter settings page. ">twitter settings page. </a></li>
</ol>
</p>
<p>
<a href="http://www.flickr.com/photos/cindyli/5664727323/" title="Twitter: Revoke access page by cindyli, on Flickr"><img src="http://farm6.static.flickr.com/5223/5664727323_0b78f72d29_m.jpg" width="240" height="183" alt="Twitter: Revoke access page"></a></p>

<p><br>
</p><h3>How to remove applications from Facebook</h3><p>
This took me about 5 minutes to find this page.
</p><p>
<ol>
<li>Sign in to your <a href="https://www.facebook.com/" title="Facebook account">Facebook account</a>.</li>
<li>Then go to <a href="https://www.facebook.com/settings/?tab=applications" title="your settings' applications page">your settings&#8217; applications page</a>.</li>
<li>Take a look at the screens and start spring cleaning through applications that you no longer use.</li>
</ol>
</p>
<p>
<a href="http://www.flickr.com/photos/cindyli/5664727251/" title="Facebook: Remove applications by cindyli, on Flickr"><img src="http://farm6.static.flickr.com/5104/5664727251_52a55a3c48_m.jpg" width="240" height="163" alt="Facebook: Remove applications"></a></p>

<p>Please continue to question who you&#8217;ve allowed in and who still is in &#8220;your house.&#8221;</p>

<p>&nbsp;</p>
      ]]></content>
    </entry>

    <entry>
      <title>Second opinion</title>
      <link rel="alternate" type="text/html" href="http://www.cindyli.com/site/second_opinion/" />
      <id>tag:cindyli.com,2011:/1.347</id>
      <published>2011-03-25T14:54:08Z</published>
      <updated>2011-03-25T15:00:09Z</updated>
      <author>
        <name>Cindy</name>
        <uri>http://www.cindyli.com</uri>      </author>

      <content type="html"><![CDATA[
        <h3>Once upon a time&#8230; </h3><p>
I was in the midst of planning my wed 2.0 for all of the friends and family that have supported Matt and I in our lives.</p>

<p>In the midst of the craziness, I got a call from my childhood friend, a woman I had known since I was 12. She couldn&#8217;t attend the wedding.We haven&#8217;t lived in the same state since we graduated college but we always catch up on the phone and it is one of the friendships where no time passes. I cherish her and am partly afraid because she knows my deepest darkest secrets. ;)
</p> <p>She had been having pain (over a couple of weeks) and I kept urging her to get a second opinion, something just wasn&#8217;t right. <br />
I told her a mantra a friend of mine has: </p>

<ol>
<li>1. Keep all the blood inside of you.</li>
<li>Have as many orgasms as possible.</li>
</ol>

<p><br><br />
She laughed. Who can argue with that?</p>

<p>She finally went to another doctor, I think because of my nagging. (I&#8217;m flexing out my future Asian mom skills.) She called me at work and I knew it was bad. I ran to the hallway.</p>

<p>She had cancer.</p>

<p>I started crying in the hallway at work.<br />
A freight train had just run me over in daylight and I couldn&#8217;t stop it. I had just lost a friend the year before due to another type of cancer and I was terrified for her.</p>

<p>I just couldn&#8217;t have prevented this. <br />
Right? </p>

<p><strong>So I am pleading with you go get a checkup. Listen to the voice that something isn&#8217;t right and get it checked out. If your doctor doesn&#8217;t believe you, go find another doctor.</strong></p>

<p>Now this is not for the squeamish and this is more of a wakeup call. Ladies, go get your physical. Gentlemen, go get your physical too. Seriously, your loved ones do not want/need the stress of you getting cancer. With all the technology we have and inventions in the world, bad things still happen. Ignorance is not a luxury we can afford.</p>

<p>If you have health care you really have no excuse.If you don&#8217;t, get it even if it is the one that only covers you in case of some major illnesses. We spend so much on our tech toys but I know of freelancers that don&#8217;t think insurance is important. It is and I will not fundraiser for you because you aren&#8217;t responsible. :P </p>

<p>Sorry, that&#8217;s the end of my soapbox.</p>

<p>During my wedding, I was stressed out trying to make sure our families got along, friends were having a good time and meanwhile I was praying that my friend would be ok. It was just a party. It kept things in check when hotels were over booked, and jewelry went missing. My friend was fighting for her life and making really hard choices. I&#8217;m sparing you the details and giving her privacy.</p>

<p>I cracked my tooth because I was grinding my teeth at night worrying thank god for dental insurance. ;)</p>

<p>My friend over a few months went through chemo, and many, many tests. I sent her care packages.</p>

<p>She wasn&#8217;t hungry. </p>

<p>She couldn&#8217;t sleep.</p>

<p>She was exhausted.</p>

<p>And I couldn&#8217;t help from the west coast.</p>

<p>I would call to check up on her and she was weak, and nauseous for the majority of the time. I sent her a knit hat I modified for her to be a mohawk to keep her warm and to make her laugh when she complained about her thinning hair. She called me crazy but that meant her spirits were up.</p>

<p>Her chemo ended and she is back at work now.I keep calling her to make sure she is ok and she sounds like herself again.</p>

<p>The good news is she just called to let me know she is cancer free and I just started to tear up on the shuttle to work. I&#8217;m praying the check up in three months is the same.</p>

<p>Amen.</p>

<p>&nbsp;</p>

<p>&nbsp;</p>
      ]]></content>
    </entry>

    <entry>
      <title>iPad was announced today</title>
      <link rel="alternate" type="text/html" href="http://www.cindyli.com/site/ipad_was_announced_today/" />
      <id>tag:cindyli.com,2010:/1.346</id>
      <published>2010-01-28T00:44:59Z</published>
      <updated>2011-03-25T17:09:00Z</updated>
      <author>
        <name>Cindy</name>
        <uri>http://www.cindyli.com</uri>      </author>

      <category term="Geeking"
        scheme="http://www.cindyli.com/site/category/Geeking/"
        label="Geeking" />
      <category term="Technology"
        scheme="http://www.cindyli.com/site/category/Technology/"
        label="Technology" />
      <content type="html"><![CDATA[
        <h3>Once upon a time</h3><p>
Apple announced the <a href="http://www.apple.com/ipad/" title="iPad">iPad</a>. The wi-fi model won&#8217;t ship til late March according to the apple website and the 3G in April pending approval from the FCC. I love my laptop so am I the audience for this? Possibly. I need something with a lot more power like my Macbook Pro, which I inevitably need a new one every two years. I can see myself using it sitting on the couch surfing or even to pull up recipes in the kitchen. It lasts 10hrs on battery life and its in color so &#8220;IF&#8221; I would choose to read books on the iPad ($499.00 base model) vs the Kindle (price $489 for the 9.7 screen). I would choose the iPad. I love my tech toys but I can think of two people in my life that would actually use it more than I.</p>

 <h3>User #1:Accessible for Vision Impaired</h3><p>
My mother for one, who would love my iPhone (but loves her Verizon old school non-smart phone with the big buttons) she&#8217;s got <a href="http://en.wikipedia.org/wiki/Macular_degeneration" title="macular degeneration">macular degeneration</a> so the accessibility of an iPhone is an issue. She can&#8217;t see the little buttons that are the applications on the iPhone.<br />
I think the iPad would be a great alternative for her to play the iPhone apps I&#8217;ve been telling her were wonderful without her magnifying glass.</p>

<h3>User #2: Snow Bird</h3><p>
The other person I would suggest this device to is my friend Julie&#8217;s mother. Which I did shortly after<a href="http://www.engadget.com/2010/01/27/live-from-the-apple-tablet-latest-creation-event/?sort=newest&amp;refresh=0" title=" engadget finished their live coverage on the iPa"> engadget finished their live coverage on the iPa</a>d via my iPhone. ;)<br />
Her mother is a snow bird. She lives in Michigan and during the winter she travels to FL. She doesn&#8217;t want to lug around a ton of gear and she wants wifi in the condo she rents. The iPad is 1.5lbs and its a 9.7 inch IPS display. That&#8217;s pretty techy. Plus the contract that AT&amp;T is proposing she can cancel the 3G contract when she&#8217;s not down in FL. Love that! </p>

<p>The contract plan that the iPad with AT&amp;T says it will be:
</p><ul>
<li>$14.99 for up to 250 MB</li>
<li>$29.99 for unlimited data</li>
<li>Free use of AT&amp;T wifi spots</li>
<li>No contract - Cancel anytime</li>
</ul>

<h3>User #3: traveler</h3><p>
The other person that I could see using this would be the friends that travel on a plane. Everyone complains about the lack of leg room on planes  and if you just wanted something to store your photos while your away on vacation (it&#8217;s light and has a way to store your photos via usb card reader) and could use to surf the web/email its a great gadget to have. </p>

<p>Maybe I&#8217;ll come up with more reasons to buy it but for now&#8230;<br />
I&#8217;ll wait to fall in love with it after I get my grubby little hands on it so that I too can be like Captain Picard.
</p>
      ]]></content>
    </entry>

    <entry>
      <title>Facebook is breaking my heart</title>
      <link rel="alternate" type="text/html" href="http://www.cindyli.com/site/facebook_is_breaking_my_heart/" />
      <id>tag:cindyli.com,2009:/1.345</id>
      <published>2009-11-23T07:29:55Z</published>
      <updated>2009-11-23T08:00:56Z</updated>
      <author>
        <name>Cindy</name>
        <uri>http://www.cindyli.com</uri>      </author>

      <content type="html"><![CDATA[
        <h3>Once upon a time</h3><p>
I logged into my <a href="http://www.facebook.com/" title="Facebook">Facebook</a> account this evening. I do my usual update status but on the right rail of the page is this message under the heading &#8220;Suggestions: Philip Kim, You haven&#8217;t talked on Facebook lately.&#8221; Now like most people I get a bit busy in my day to day life and yes I forget to speak to friends but this one is one that breaks my heart. My friend passed away earlier this year from cancer, his birthday is coming up in about a week and I still haven&#8217;t been able to remove him from my IM list because it makes me feel like he&#8217;s there still. Silly to most probably but I&#8217;m a bit of a soft center (ok maybe more than a soft center). So why does Facebook&#8217;s suggestions feature have to be such a nag?</p>

<p><img src="/img/Screen_shot_2009-11-22_at_11.31_.22_PM_.png" width="400" height="137" /></p>

<p><br />
Facebook, please remove this feature or give me an easy way to take this out completely. It&#8217;s one thing for you to surface me ads so you can make money. It is another to torture me about relationships I haven&#8217;t actively participated in. Stop making me sad and quit guilting me into talking to friends. I hate your suggestions feature. Relationships are complicated and no one likes forced conversation even if the idea was to get people to talk to each other because we are too busy. Stop it. Please dear God take that feature down.</p>

<h3>What to do if your friend or family is deceased in Facebook</h3><p>
I got this tip from my friend, <a href="http://twitter.com/michaelclawson" title="Michael via twitter">Michael via twitter</a><br />
You can submit their FB page to be memorialized by completing the <a href="http://www.facebook.com/help/contact.php?show_form=deceased" title="Facebook form">Facebook form</a>. </p>

<p>Facebook please stop reminding us. Sometimes we want a little memory loss to dull the pain of loosing someone. Let us grieve in our own way. 
</p> 
      ]]></content>
    </entry>

    <entry>
      <title>Ma.gnolia.com vs Magnolia CMS</title>
      <link rel="alternate" type="text/html" href="http://www.cindyli.com/site/ma.gnolia.com_vs_magnolia_cms/" />
      <id>tag:cindyli.com,2009:/1.344</id>
      <published>2009-09-29T20:16:35Z</published>
      <updated>2011-12-11T23:02:36Z</updated>
      <author>
        <name>Cindy</name>
        <uri>http://www.cindyli.com</uri>      </author>

      <category term="Geeking"
        scheme="http://www.cindyli.com/site/category/Geeking/"
        label="Geeking" />
      <content type="html"><![CDATA[
        <h3> Once upon a time</h3><p>
I got an informed that <a href="http://ma.gnolia.com/" title="Ma.gnolia.com">Ma.gnolia.com</a> got a cease and desist order from <a href="http://www.magnolia-cms.com/home.html" title="Magnolia CMS">Magnolia CMS</a>. These are two separate companies, yes both in the tech world but different goals and products.</p>

<p>Big time lawyers are sending letters. Disappointing yes. Both are community based products. Ma.gnolia has the twitter handle <a href="http://twitter.com/magnolia" title="@magnolia">@magnolia</a>. Magnolia CMS has <a href="http://twitter.com/magnolia_cms" title="@magnolia_cms">@magnolia_cms</a>. Is it over this? Who knows? Is it because they&#8217;ve expanded their product to the USA? </p>

<p>Magnolia CMS is an open source product. We all need one another and I find it disappointing that they are sending big time lawyers to shut down Larry Halff&#8217;s project. Has it come down to this? :(&nbsp; </p>

<p>In my attempt to help I&#8217;ve written a comment to the Magnolia CMS website. </p>

<h3>Want to help? Write them</h3><p>
If you want to help here&#8217;s <a href="http://bit.ly/rQDAu" title="contact Magnolia CMS website and fill out the form. ">contact Magnolia CMS website and fill out the form. </a></p>

<p>Here&#8217;s my letter to Magnolia&#8217;s CMS website:<br />
I think it is disappointing that a company that is &#8220;open source&#8221; and depends on a community for support sending a cease and desist order to ma.gnolia.com a social bookmarking website that is for the community.<br />
There are other start ups that co-exist without harming one another&#8217;s business. <br />
Please rethink your stand on this. <br />
Thank you.</p>

 <p>Let&#8217;s get behind the social bookmarking website we&#8217;ve come to love. :)
</p>
      ]]></content>
    </entry>

    <entry>
      <title>A Farewell to my friend, Philip Kim in the digital age</title>
      <link rel="alternate" type="text/html" href="http://www.cindyli.com/site/a_farewell_to_my_friend_philip_kim_in_the_digital_age/" />
      <id>tag:cindyli.com,2009:/1.343</id>
      <published>2009-07-08T04:39:04Z</published>
      <updated>2011-10-28T17:45:05Z</updated>
      <author>
        <name>Cindy</name>
        <uri>http://www.cindyli.com</uri>      </author>

      <category term="Randomness"
        scheme="http://www.cindyli.com/site/category/Randomness/"
        label="Randomness" />
      <content type="html"><![CDATA[
        <h3>Once upon a time&#8230;</h3><p>
I received a phone call that no one ever wants to get. It&#8217;s taken me a while to write this post because it was about someone dear to me. I&#8217;ve started a few times to write this but could never finish. My friend <a href="http://www.philipkimdesign.com/" title="Philip Kim">Philip Kim</a> passed away on March 12, 2009; he was 40. I found out while I was at SXSWi, this past march.</p>

<p>Technology has changed the way we send and share information. My friend, Chris first tried to call but since it was during a conference session my iPhone was on vibrate. I texted him and he texted &#8220;call me.&#8221; I knew something was wrong. There was just something that didn&#8217;t felt right. Chris knew I was at SXSWi and he knew I would be busy. Chris had called a friend (because he found out about Philip&#8217;s passing while on the way to a hiking trip) to check on the SXSWi speaker schedule online to make sure I wasn&#8217;t speaking that day. This was a good thing because as soon as Chris told me I couldn&#8217;t stop the tears from falling. I was in the midst of helping Jared Spool clean up after his presentation and had to run into the hallway to find a wall to hold me up. I wanted to hide and run far away from the crowds at SXSWi. I had 24 hours to get myself composed enough to deal with people, in case anyone wondered why I wasn&#8217;t really around or a bit distant; I was mourning. I wanted to let people know but I didn&#8217;t want to twitter about Philip&#8217;s passing. Chris was worried I&#8217;d find out via Facebook or Twitter. Learning about something so personal to me virally is not a positive product of social networking.</p>

 <h3>How we met</h3><p>
I met him in real life, I met Philip at AOL. I was at a point in my life where I really needed a friend and Philip&#8217;s infectious laughter was something that no one could resist. I do thank god for sending me good friends when I was at my weakest. Philip became a guardian angel of mine.&nbsp; Philip was one of the amazing people that you were lucky to know because he just got you, or me in this case. If you&#8217;ve ever had a friend that just seemed to know you without explanations this was one of those people. He had a sister, Annah, that he loved very much. He also got you to laugh at yourself. I burned my forehead once with a curling iron and tried to hide it. Sadly he knew exactly what it was from. His sister apparently had done this too. If you could hear his laughter you would laugh too. He giggled like a little boy that knew he had done something he shouldn&#8217;t have. He always had a hint of mischief, the best friends usually do. :)</p>

<p>He was protective of the people he cared about too.He walked me to my car after swing dancing at the Clarendon ballroom because it wasn&#8217;t well lit and it was late at night. He took me to &#8220;grown up&#8221; restaurants because being the metro-sexual man he was he liked eating well. He was meticulous about his house and his clothes. Philip understood having Christian backgrounds and the energy it took in our attempts at living the life our Asian parents hoped for us. He usually smelled of Polo, the green bottle. He challenged me think about the future outside of AOL. You need friends that push you further than you realize you can. Encouragement, that is a gift of friendship. </p>

<p>Philip was an artist; he was a professor. He told me once he wanted to be a farmer. He also told me he wanted to design and build furniture. He researched and found a class that he could take during the summer. We talked about what we wanted when we &#8220;grew up.&#8221; Philip didn&#8217;t just dream he also did make things happen for himself. He was just at that point of getting everything he dreamed of. He had just started to run marathons, that&#8217;s how he discovered something was wrong. He was in top form and he lost weight but somehow something wasn&#8217;t quite right. </p>

<p>He was diagnosed with from a form of Leukemia called <a href="http://en.wikipedia.org/wiki/Acute_myeloid_leukemia" title="Acute Myeloid Leukemia">Acute Myeloid Leukemia</a>. He fought it for almost 3 years. He had to move from San Francisco back to the Washington DC area because his family was in Northern Virginia and his sister got him into the National Institute of Health hospital. I visited him a few times while he was there. Things have changed post 9-11 your car gets searched when you enter the gate. Your ID is checked. After he told me what he was diagnosed with I joined the Leukemia &amp; Lymphoma foundation group in DC. I volunteered what time I had and tried to do my part. I offered to donate my marrow but his sister was a match so that wasn&#8217;t necessary. If you feel like <a href="https://www.leukemia-lymphoma.org/all_donate?item_id=8072" title="donating here's the donation page for the Leukemia &amp; Lymphoma society.">donating here&#8217;s the donation page for the Leukemia &amp; Lymphoma society.</a> </p>

<h3>The digital age</h3><p>
Technology has changed so much of how we interact. It made me think of how one would go about notifying everyone in their circle of friends in the event of someone passing away.</p>

<p>Philip&#8217;s sister created a <a href="http://facebook.com/" title="Facebook">Facebook</a> group. She knew him well enough to get into his laptop to access his address books to let his friends know what had happened. The concern is always missing someone. Annah is a strong woman but sharing the news of Philip&#8217;s passing over and over is too much for anyone person to shoulder alone. Thankfully there are avenues such as email, and Facebook to allow us to share the news good or bad. It allowed Philip&#8217;s friends to post pictures, and messages about him and for him. Another friend, <a href="http://monkeynotions.com" title="Holly Liu">Holly Liu</a> that Philip introduced to me even organized a couple of meet-ups for those that couldn&#8217;t attend Philip&#8217;s memorial all in Facebook. </p>

<p>There has to be an easier way. My friend<a href="http://twitter.com/jmspool" title=" Jared Spool twittered"> Jared Spool twittered</a> about Philip&#8217;s passing for me while at SXSWi and unfortunately my friend P. found out this way. She said it was strange to find that out via <a href="http://twitter.com/" title="twitter">twitter</a>. Jared suggested that I contact various people to make them notify other people. I have to say Facebook was the easiest way because each phone call I made to let another friend know became increasingly painful. </p>

<p>Figuring passwords of laptops and information to access other information is also just as painful when you are in the midst of grieving. I tried to help Annah go through some of the computers thankfully she knew her brother rather well so she could guess some of them. I have <a href="http://agilewebsolutions.com/products/1Password" title="1Password">1Password</a> and it creates very secure passwords but I&#8217;m the &#8220;techy&#8221; one in my family. I wonder if they would be able to access my information if they needed to. </p>

<p>I also wonder what happens to his website (renewing his domain) and his information on places like <a href="http://linkedin.com/" title="linkedin">LinkedIn</a>, and Facebook? I know that previously people created MySpace pages and if someone passed away they turned it into a memorial page. Death in the digital age is even more complicated. It is more complicated in that we get bills virtually and there isn&#8217;t a paper trail for loved ones to find. Mourning is difficult enough without having to complete a scavenger hunt. </p>

<p>Technology allows us to be connected and at the same time its also nice to have face time with the people you care about. I challenge you to call, email or message someone to let them know you care. To make the most of your life.&nbsp; It&#8217;s something I am trying to do myself. Make the days count and live the life you want even if it scares you so much you pee in your pants ;).</p>



<p>
</p>
      ]]></content>
    </entry>

    <entry>
      <title>Are you ready to freelance?</title>
      <link rel="alternate" type="text/html" href="http://www.cindyli.com/site/are_you_ready_to_freelance/" />
      <id>tag:cindyli.com,2009:/1.341</id>
      <published>2009-06-20T04:17:51Z</published>
      <updated>2011-12-11T23:02:52Z</updated>
      <author>
        <name>Cindy</name>
        <uri>http://www.cindyli.com</uri>      </author>

      <content type="html"><![CDATA[
        <h3>Once upon a time</h3><p>
I appeared on the “<a href="http://indeziner.com/design/50-best-female-web-designers-around-the-world" title="50 Best Female Web Designers around the world">50 Best Female Web Designers around the world</a>” list. It’s an honor to be recognized on this list but as a freelancer you still have to work really hard to get the word out that you&#8217;re available. It’s great publicity but it doesn’t guarantee you to bring home the bacon (who doesn&#8217;t love bacon?).&nbsp; </p>

<p>I am freelancing and am available for work (<a href="http://designrabbit.com/contact/" title="feel free to contact me">feel free to contact me</a>). I hope this article will help other freelancers and I&#8217;ve intereviewed some other freelancers for their tips. I’ve had over 10 years of experience in large companies, startups and even designing brands for other professionals. As I get back into freelancing again I’d like to share what I’ve learned and I&#8217;ve also collected some tips from other freelancers.
</p> <h3>Savings</h3><p>
Look at your savings account. Make sure you have enough for at least a few months or even 6 to cover when clients don’t pay on time. It does happen more often than you’d imagine. Plus contracts sometimes end abruptly and that income you were counting on just isn’t going to be there til you land another client. Clients also delay because they are trigger shy due to economy, or other factors that have nothing to do with you. Yes, you may have to sit through a round of its us not you. :P</p>

<h3>Accountant</h3>
<ul>
<li> If you are disciplined save money for taxes by using Quicken or some financial software.</li>
<li>If you are not disciplined or get easily confused by tax forms. Speak to an accountant to figure out what taxes you will owe in each quarter. It’s called estimated taxes. Do it or pay later (possibly a lot more money because of interest later).</li>
</ul><p>
<br>
</p><h3>Health care</h3><p>
This is not the time to skimp. I know your sitting there thinking that your healthy, young and nothing will happen. Think again. If you could save the thousands of dollars to pay for it “if” you got ill. You would have already done so. If you are freelancing you can deduct it.</p>

<p>Go with a major insurance company. It’s easier and they will be less likely of denying your insurance claim vs a small company. When I was researching insurance companies I even figured out that a small time insurance company formed an independent contractor association so that they could scam money out of people. If it seems like too good of a deal it is.</p>

<h3>Getting the word out</h3><p>
How do you get the word out?
</p><ul>
<li>You start by telling friends, colleagues, and <a href="http://twitter.com/" title="Twitter">Twitter</a> of course.</li>
<li>Redesign your site.</li>
<li>Redo your resume, <a href="http://linkedin.com/" title="LinkedIn">LinkedIn</a>, and whatever forum you are on to let people know you are freelancing.</li>
<li>Join some groups on-line that need freelancers</li>
<li>Don’t do spec work. It devalues our business. Your mechanic won’t even look at your car for free so why should you do the same? The <a href="http://www.aiga.org/" title="AIGA">AIGA</a> (American Institute of Graphic Arts) even has an article <a href="http://www.aiga.org/content.cfm/position-spec-work" title="no spec work">no spec work</a>.&nbsp; a <a href="http://www.no-spec.com/" title="No!Spec website">No!Spec website</a> that has more information. </li>
<li>Always carry your business cards with you remember that American Express saying, Don’t leave home without it.</li>
</ul><p>
<br><br />
A fellow consultant, <a href="http://vanderwal.net/random" title="Thomas Vander Wal ">Thomas Vander Wal </a> (he consults on strategy, mentoring, interaction design and project management) suggests, &#8220;Getting involved with user groups/meet ups with potential clients. Don&#8217;t just hang around other design freelancers.Mingle. Meet-up is a good place to link to. Make friends with developers, project managers, marketing, etc. They need your help and convince them of it.&#8221;</p>

<p><a href="http://themattharris.com/" title="Matt Harris">Matt Harris</a>, freelance client side, and server side developer, says, &#8220;Keep an eye out for community events. They&#8217;re a great place to meet other people in the field and to keep your skills and knowledge up-to-date. Some events may be outside of your immediate area but you still try and go. Travel by train or bus to these events so you can work on the way there.&#8221; &#8220;Invest in EVDO or mobile broadband. Not only will it mean you can stay on-line when out of the office, but it also means your not reliant on conference wifi&#8221;</p>

<p><a href="http://focalcurve.com/" title="Craig Cook,">Craig Cook,</a> a front end web designer suggests that, &#8220;it&#8217;s *good* to know some other freelancers and have a network of referrals and collaborators in those cases where you can&#8217;t take on a job, you can pass it on to a friend, and your friends will do the same.&#8221; </p>

<p>Craig and I also suggest attending conferences (which is deductible)&nbsp; to meet up with other people in the field.</p>

<h3>Setting your rate</h3><p>
There are some great websites such as <a href="http://www.freelanceswitch.com/" title="FreelanceSwitch">Freelance Switch</a>. They have a <a href="http://freelanceswitch.com/rates/" title="hourly rate calcuator">hourly rate calcuator</a>&nbsp; that you can use to help determine your rate.</p>

<p><a href="http://dryan.com/" title="Daniel Ryan">Daniel Ryan</a>, freelance front end web designer, says, &#8220;Don&#8217;t get desperate. Figure out a rate that works for you and that your market will bear and stick with it. It&#8217;s easy, especially in the early goings, to do work for less money just to get work; but that&#8217;s a hard hole to climb out of.&#8221;</p>

<p>
</p><h3>Scheduling</h3><p>
Craig also suggests, &#8220;Don&#8217;t overextend yourself and take on more work than you can actually do just because you want the money. Schedule your time sensibly and don&#8217;t be afraid to say no if you just can&#8217;t take on a project.&#8221;</p>

<h3>Payments</h3><p>
<a href="http://mariannemasculino.com/" title="Marianne Masculino">Marianne Masculino</a>, a freelance web designer, suggests &#8220;getting a deposit and a state of work signed before starting a project.&#8221;<br />
If you don&#8217;t have one take a look at the one that Andy Clarke wrote a <a href="http://24ways.org/2008/contract-killer" title="contract killer post. ">contract killer post. </a> It will help you get started.</p>

<h3>Deductions</h3><p>
Getting an accountant makes it easier but you still need to know what you can deduct. Here are some tips:
</p><ul>
<li>Keep a record of your meetings.</li>
<li>Keep the receipts so you can deduct business coffee meetings, lunches or dinners.</li>
<li>Write down the mileage for your meetings from your house to the meeting.</li>
<li>Having a dedicated office space for your work allows you to deduct the square footage for your taxes</li>
</ul>

<h3>Recommendations</h3><p>
This takes time to build a good reputation. I’ve worked for large companies, startups, and individuals. I have had numerous colleagues vouch for me. They have helped me land the jobs because I take recommendations very seriously. I see it as a reflection of them and I want to make those that vouch for me appear even brighter for recommending me. Thankfully this has worked many times and continues. People like knowing they are getting quality work. They want you to care about their business as much as you do your own. </p>

<p>Another freelancer <a href="http://christopherschmitt.com/" title="Christopher Schmitt ">Christopher Schmitt </a>(who is also available for web design work) suggests asking for a recommendation as soon as a successful project ends.</p>

<p>Take recommendations very seriously. Your colleagues and friends are putting their reputations on the line for you. Don’t make them regret it. Make them look better for it.</p>

<p><br />
Hoping this helps!</p>


      ]]></content>
    </entry>

    <entry>
      <title>Go Go in flight wireless experience</title>
      <link rel="alternate" type="text/html" href="http://www.cindyli.com/site/go_go_in_flight_wireless_experience/" />
      <id>tag:cindyli.com,2009:/1.340</id>
      <published>2009-06-17T00:47:25Z</published>
      <updated>2009-06-17T01:46:26Z</updated>
      <author>
        <name>Cindy</name>
        <uri>http://www.cindyli.com</uri>      </author>

      <category term="Geeking"
        scheme="http://www.cindyli.com/site/category/Geeking/"
        label="Geeking" />
      <category term="Randomness"
        scheme="http://www.cindyli.com/site/category/Randomness/"
        label="Randomness" />
      <category term="Travel"
        scheme="http://www.cindyli.com/site/category/Travel/"
        label="Travel" />
      <category term="Technology"
        scheme="http://www.cindyli.com/site/category/Technology/"
        label="Technology" />
      <content type="html"><![CDATA[
        <h3>Once upon a time</h3><p>
I decided at the last minute to attend the <a href="http://www.incontrolconference.com/" title="InControl conference">InControl conference</a> in Cincinnati, OH. The cheapest flight I could find was to Dayton, OH it was an hour or so outside of Cincinatti, OH. My friend <a href="http://christopherschmitt.com/" title="Christopher">Christopher</a> said he&#8217;d pick me up and I booked the flight on <a href="http://airtran.com/" title="Airtran">Airtran</a>. The interesting part of the story is that while boarding my flight from San Francisco to Atlanta I noticed this sign on my plane. Airtran&#8217;s latest promotion is to have wifi on all of their planes for Summer 2009.</p>

<p class="centered">
<a href="http://www.flickr.com/photos/cindyli/3633506507/" title="Airtran and Gogo wireless on my plane! by cindyli, on Flickr"><img src="http://farm3.static.flickr.com/2433/3633506507_42838b0a57_m.jpg" width="180" height="240" alt="Airtran and Gogo wireless on my plane!" /></a></p>

<p>Now what is a geek girl to do when faced with a shiny new toy to play with on a plane for 5 hours? She tries it out that&#8217;s what she does! I travel with my 17&#8221; Macbook Pro, insane I know but I love it. </p>

<p>&nbsp;</p> <h3>Mobile Devices</h3><p>
<a href="http://www.gogoinflight.com/jahia/Jahia/site/gogo/lang/en/deviceMatrix" title="Go Go supports numerous mobile devices">Go Go supports numerous mobile devices</a> too.</p>

<h3>Cost</h3><p>
Laptops:The cost was $12.95 for me to use the wifi on my laptop for this flight since it was longer than 3 hours. For flights less than 3 hours it was $9.95. If I flew constantly for 30 days it would be $49.95.<br />
Mobile devices: It was $7.95 on any flight</p>

<h3>Video Chatting on an airplane!</h3><p>
I wanted to kick the tires a bit and I tried out the wifi by surfing around until I did video chat with my boyfriend in England while flying somewhere over Texas.</p>

<p><strong>My view:</strong>
</p><p class="centered">
<a href="http://www.flickr.com/photos/cindyli/3611426821/" title="Airtran Wifi GoGo video (my view) by cindyli, on Flickr"><img src="http://farm3.static.flickr.com/2448/3611426821_560696d90e_m.jpg" width="240" height="180" alt="Airtran Wifi GoGo video (my view)" /></a></p>

<p><strong>His view:</strong>
</p><p class="centered">
<a title="Cindy Li video chat from the Airplane, by themattharris" href="http://www.flickr.com/photos/themattharris/3612244048/"><img src="http://farm4.static.flickr.com/3660/3612244048_668974a6dd_m.jpg" width="240" height="193"></a></p>

<p>The video quality was pretty good. I was surprised. I even tried the speedtest.</p>

<p><strong>Speed test</strong>
</p><p class="centered">
<a href="http://www.flickr.com/photos/cindyli/3611479605/" title="Speed test while on the flight (Airtran from SFO to ATL) by cindyli, on Flickr"><img src="http://farm4.static.flickr.com/3607/3611479605_2ec59e1f72_m.jpg" width="240" height="193" alt="Speed test while on the flight (Airtran from SFO to ATL)" /></a></p>

<p>I tried a music streaming site and it was seamless. The only time I had any problems was using <a href="http://hulu.com/" title="hulu.com">hulu.com</a> on the plane. It didn&#8217;t cache properly and it did hiccup a bit. I still find this advancement in technology amazing! I would do it again. Love technology and anyway I can still be connected even from thousands of feet up in the air! W00t! Thanks Go Go for keeping me connected and entertained. Now if only I had a discount next time and everlasting battery power. :)</p>

<p>&nbsp;</p>

<p>&nbsp;</p>
      ]]></content>
    </entry>

    <entry>
      <title>Designing Your Future: Networking without the Ick</title>
      <link rel="alternate" type="text/html" href="http://www.cindyli.com/site/designing_your_future_networking_without_the_ick/" />
      <id>tag:cindyli.com,2009:/1.337</id>
      <published>2009-05-19T18:00:14Z</published>
      <updated>2011-12-11T23:03:15Z</updated>
      <author>
        <name>Cindy</name>
        <uri>http://www.cindyli.com</uri>      </author>

      <category term="presentation"
        scheme="http://www.cindyli.com/site/category/presentation/"
        label="presentation" />
      <content type="html"><![CDATA[
        <h3>Once upon a time&#8230;</h3><p>
<a href="http://www.morellc.com/" title="Leslie Jensen-Inman" rel="external met friend">Leslie Jensen-Inman</a> and I were having a discussion about my visit to Chattanooga. I told her how I had spoken at my own college, <a href="http://ufl.edu/" title="UF" rel="external">UF</a> in Gainesville, FL in past visits to advise graduating seniors on how to go about finding opportunities. Basically things that your design class doesn&#8217;t teach you. Everyone right now is trying to find a way to keep their job, look for a job or find new ways to make their situation better. Leslie suggested that I give two presentations during my visit. </p>

<p>We came up with two sub-topics: &#8220;Creating Your Future: Networking without the Ick&#8221; and &#8220;Creating Your Future: Creating Opportunity.&#8221; All this started out as a talk about design but its hard to separate form and function when you are discussing our passions intermingling. The first presentation was given at <a href="http://greenspaceschattanooga.com/" title="GreenSpaces." rel="exterenal">GreenSpaces.</a> The second one was at <a href="http://createhere.org/" title="CreateHere" rel="external">CreateHere</a>.</p>

<p>I&#8217;ve posted both of the slides up on slideshare but for now I&#8217;m going to write about the first presentation, <a href="http://www.slideshare.net/cindyli/designing-your-future" title="&quot;Networking without the Ick&quot;">&#8220;Networking without the Ick&#8221;</a>
</p> <h3> Lots of Conferences</h3><p>
<i>(Slide 3)</i><br />
I started out going to conferences because I was looking for inspiration for my career. I had been at AOL for about 7 years at that point. I wanted to leave the cocoon and find some new inspiration. My friend <a href="http://elsakawai.com/" title="Elsa" rel="external met friend">Elsa</a> asked me to accompany her to SXSWi that year. What was my goal? It was to meet people and find inspiration.</p>

<h3>Social Networking</h3><p>
<i>(Slide 4-8)</i>
</p><ul>
<li>What is your goal for networking? Think about what you want out of networking on-line or offline. Is it friends that live in your area or a specific hobby? Is it advice? Is it a job?</li>
<li>Creating Your Brand: Each of us is a brand whether we realize it or not and with each website we visit we create another instance of our brand.</li>
<li>Finding a Network: What websites are out there for us to use for our own interests? Do we start one of our own or find existing ones?</li>
<li>Privacy: Do you want privacy? Do you care? Which websites are watching out for your interests?</li>
<li>Inside vs Outside Conversations: The context of our conversations is important. Do you know who is watching you?</li>
</ul>

<p>
</p><h3>Vanity Check!</h3><p>
<i>(Slide 9-11)</i><br />
When was the last time you &#8220;Googled&#8221; yourself? We all do it. You should be doing that. You need to check your name and see what is coming up. Your friends are checking you out. Your future significant other, even the person interviewing you next week has &#8220;Googled&#8221; you. </p>

<p><b>Example: Leslie Jensen-Inman</b><br />
I used <a href="http://www.morellc.com/" title="Leslie Jensen-Inman" rel="external met friend">Leslie Jensen-Inman</a> as an example because I knew she was going to be there. Searching her on Google revealed that she was a professor, has written for<a href="http://www.alistapart.com/" title=" A List Apart" rel="external"> A List Apart</a> and is part of the <a href="http://www.webstandards.org/" title="Web Standards Project" rel="external">Web Standards Project</a>. Her name is really specific but what happens when we start looking for another name that is more common?</p>

<p><b>Example: Nicole Sullivan</b><br />
What happens when your name is a bit more common? I used Nicole Sullivan as the next example. According to the search results she was an actress or a geek. Which one is which? So you start looking further into the search results and you realize you&#8217;re looking for Nicole Sullivan who is also known as &#8220;<a href="http://www.stubbornella.org/" title="Stubbornella" rel="external met friend">Stubbornella</a>.&#8221;</p>

<p>The advice from this is if your not making a name for yourself, someone else is so, you need to do it. If this is part of your professional career then it is even more important that you have an online presence. When you use your handle (your name) for a website, choose your real name or find a consistent handle to use so people can associate it with you. Facebook is an example of a social networking site that forces you to use your real name. Sure there are people that will find ways around it because of privacy issues but for the majority we are looking for our friends and colleagues and we can&#8217;t remember &#8220;Simba1234&#8221; as you. So make it easier on us, don&#8217;t make us work to find you. </p>

<h3>Creating Your Brand</h3><p>
<i>(Slide 13-22)</i></p>

<p><b>Your Avatar:</b><br />
Be consistent: pick one and stick with it. I am a visual person I remember your avatar when I&#8217;m scanning through the list on sites like Twitter. Now if you go around and switch your avatar every other week I can&#8217;t find you. Maybe you like it that way but just in case you don&#8217;t, stick with one.</p>

<p>Use a photo: If you have a web cam, a camera phone, or a digital camera you can take a picture of yourself. We&#8217;ve become such a shutterbug society, there&#8217;s hardly an excuse for it at this point. Now why am I saying this when I&#8217;m so in love with illustrations? For social networking sites its better to use your photos (unless you are trying to mask yourself because your ashamed of being part of the One Tree Hill fan club; which I totally understand). Use a photo because it helps us remember your beautiful smiling/quirky face. Take a look at slide 22, which one has more meaning for you? The photos or the illustrations? </p>

<p><b>Masking Effect:</b><br />
There&#8217;s a wonderful book called, <a href="http://www.amazon.com/gp/product/006097625X?ie=UTF8&amp;tag=theadvofcinli-20&amp;linkCode=as2&amp;camp=1789&amp;creative=390957&amp;creativeASIN=006097625X" title="&quot;Understanding Comics&quot; by Scott Mcloud">&#8220;Understanding Comics&#8221; by Scott Mcloud</a><br />
that my friend, <a href="http://www.focalcurve.com/" title="Craig Cook">Craig Cook</a> introduced me to. The book introduces the idea of the &#8220;masking effect,&#8221; which is that the illustration of a person makes them appeal to a greater audience because the recipient of the image can place their own relationships and emotions on the illustration. If we introduce a specific photo of a person there is no question that it is that person (unless you find your <a href="http://en.wikipedia.org/wiki/Doppelg%C3%A4nger" title="doppelgänger">doppelgänger</a>. ;) So if you are trying to connect with other people it is better to use your avatar to represent you.</p>

<p>There are plenty of sites out there if you do want to hide your identity or &#8220;mask&#8221; yourself.
</p><ul>
<li><a href="http://angrycute.com/" title="Angry Cute">Angry Cute</a></li>
<li><a href="http://pixel-portraits.com/" title="Pixel Portraits">Pixel Portraits</a></li>
<li><a href="http://www.faceyourmanga.com/" title="Face Your Manga">Face Your Manga</a></li>
</ul>

<p><br />
<i>(Slide 21)</i><br />
Take a look at the community. Which person can you spot in the room while looking at the avatar? Which one would be anonymous? I&#8217;ve met people and then I&#8217;ve met people because they introduced me. We&#8217;ve been making friends and enemies since we were in grade school so we know our social networks are really powerful. The difference now is that we&#8217;re using on-line networks to maintain and explore new relationships. So we learned how to interact on-line, the question is can we do it offline again? Each of my relationships on-line have been made stronger because I had the opportunity to meet those people in offline aka the real world. We&#8217;re all running around being super busy and we&#8217;re not able to keep track of people like we would like to. Finding social network sites like <a href="http://www.facebook.com" title="Facebook">Facebook</a>, <a href="http://ning.com/" title="Ning">Ning</a>, or <a href="http://groups.yahoo.com/" title="Yahoo! Groups">Yahoo! Groups</a> allows us the opportunity to stay on top of our interests and relationships.</p>

<h3>Finding a Network</h3><p>
<i>(Slide 23-25)</i><br />
We&#8217;re all wanting to connect with people. We&#8217;re human. We want to find people who inspire us or can relate to us in some fashion. Don&#8217;t deny it, we just do. </p>

<p><b>Ways to Network</b><br />
Attend an event and talk to the people in the group. It was much simpler when we were kids. We&#8217;d just walk up to another kid and say, &#8220;Hey wanna be my friend?&#8221; You would usually say, &#8220;Yes.&#8221; ;) In the Washington, DC area, <a href="http://sixtwothree.org" title="Jason Garber">Jason Garber</a> started <a href="http://refresh-dc.org/" title="Refresh DC">Refresh DC</a>. I helped him by speaking at it early on and I talked about it all the time. I talked about it while I was at AOL, on the plane, and whenever I was out. If i figured out you were in the web arena I&#8217;d invite you to Refresh and sometimes if you weren&#8217;t. (Cue &#8220;guy who thought I was single and tried to find me via Refresh&#8221; story ;) ). </p>

<p><a href="http://upcoming.org" title="Upcoming.org:" rel="external">Upcoming.org:</a> Find events using upcoming, some that are hobby based, professional, or even just something random. You can create events that aren&#8217;t yours, like promoting a local fair in your town. You can also create private events for events at your house. It&#8217;s pretty versatile.</p>

<p><a href="http://linkedin.com/" title="LinkedIn:" rel="external">LinkedIn:</a> Find groups that interest you based on your profession. Find events that are being hosted. Join professional groups that don&#8217;t have association fees just to speak to the members.</p>

<p><a href="http://www.meetup.com/" title="Meetup:" rel="external">Meetup:</a> Another website that is based on interests. Groups schedule in-person meetups. Get it? :P</p>

<p><a href="http://barcamp.org/" title="BarCamp:" rel="external">BarCamp:</a> was started in SF and has grown into worldwide events. Anyone can start one but you will need others to help promote and organize it. People come to a designated space and camp out to speak about whatever tickles their fancy. People post topics and other people come and listen. Sometimes its rather geeky and other times its just fun. People sharing their knowledge; its a great thing.</p>

<h3>Create your own</h3><p>
<i>(Slide 26-27)</i><br />
Now what if you want to create your own social network for your local book club. Some of those sites I&#8217;ve listed will allow you to do this, Ning for instance will let you create a group. It&#8217;s also good practice to check that there isn&#8217;t a local group already set up.</p>

<h3>Inside vs. Outside Conversations</h3><p>
I&#8217;ve written a blog post about &#8220;<a href="http://cindyli.com/site/comments/inside_conversations_vs_outside_conversations/" title="Inside vs. Outside Conversations" rel="me">Inside vs. Outside Conversations&#8221;</a> already which explains what I&#8217;m about to say in more detail. But for those that haven&#8217;t read that&#8230;</p>

<p>I love <a href="http://twitter.com" title="Twitter">Twitter</a> but between that and <a href="http://facebook.com" title="Facebook" rel="external">Facebook</a> we can cause a lot of trouble for ourselves, or we can watch train wrecks via our networks from the comfortable seat in front of our computer. The days where we accidentally hit reply all to a message that was meant for a specific friend is now happening on those sites. People again are reading things meant for just one person. Things are getting taken out of context and we&#8217;re all watching. Things you write on sites like Twitter can be found using a search query. Think about it. Do you really want it to be indexed? Remeber what happens on-line goes on Google. ;)</p>

<p><b>BrightKite</b><br />
<i>(Slide 30-32)</i><br />
<a href="http://brightkite.com/" title="Brightkite" rel="external">Brightkite</a> is a location based social network. You log into the website and put in your address via the web form or use your iPhone to pin point where you are. You can post pictures with your location. You can select the level of privacy for the photo or text message. They are doing it right. They are allowing you to choose what level of privacy you want. Location is a tricky situation. Some of the people I know don&#8217;t want to be found, they have been stalked before so they are really nervous about giving their whereabouts. Giving them control over who sees the data is empowering. It is the correct usage of the technology.</p>

<p><b>Fire Eagle</b><br />
<i>(Slide 33-35)</i><br />
<a href="http://fireeagle.yahoo.net/" title="Fire Eagle" rel="external">Fire eagle</a> was created by <a href="http://yahoo.com/" title="Yahoo!">Yahoo!</a> It allows you to pin point where you are. It also connects to other location based networks to tell them where you are. The great thing about Fire Eagle is that it lets you set a reminder telling you what your privacy currently is. Our needs change and sometimes we just forget what websites we use. The problem with location is that leaving it exposed makes us vulernable, so sending a reminder is really great feature. They even have a sense of humor about it, &#8220;You&#8217;ve said you&#8217;re okay sharing your location until: The end of time. We&#8217;ll contact you a couple of days before this date&#8230;&#8221;</p>

<p><b>Facebook</b><br />
<i>(Slide 36-37)</i><br />
Facebook&#8217;s privacy controls are a bit more complicated like relationships.The privacy controls take a bit of exploring to work out. The easiest feature is to add someone to the block list, but even then you need to know their name and have the right instance of their name.</p>

<p><i>(Slide 38-39)</i><br />
If you want to choose who gets to see your personal information on Facebook you need to decide if it is to be: &#8220;your friends&#8221;, &#8220;friends of friends&#8221;, &#8220;networks&#8221;, or those you designated as &#8220;limited profile.&#8221; There are a lot of sub privacy drop downs that will take you some time to figure out. There&#8217;s even a privacy setting for your contact information. You can choose who exactly gets your IM, mobile phone number, address, website and your email. With all these options the simplest rule is: if you don&#8217;t want people finding out about what you are up to don&#8217;t publish it.</p>

<p>Our relationships are complicated and the social networking sites are learning and growing every day. Think about what context you want to be seen-IF you want to be seen. Think about how your relationships offline are improved because of on-line interactions. </p>

<p>That&#8217;s the beauty of networking and I hope I&#8217;ve guided you through networking without the ick and the benefits of it. :D</p>

<h3>Thank you!</h3><p>
I want to thank <a href="http://thisismedium.com/" title="Medium">Medium</a> (formerly Coptix) for sponsoring the lunch at <a href="http://easybistro.com/" title="Easy Bistro" rel="external">Easy Bistro</a>. It was fabulous and a great way to meet the students before I did a portfolio reivew with them.</p>

<h3>The Design Students</h3><p>
I spent the day reviewing their portfolios and helping them with presentations for their future interviews. I had a great time with the students and giving them advice from my experiences. (I wrote a blog post on <a href="http://www.cindyli.com/site/comments/tips_on_how_to_interview_for_a_design_job/" title="how to interview for a job in 2006">how to interview for a job in 2006</a>)</p>

<p>The students from UTC were kind enough to write blog posts about my talk and I&#8217;m going to list them here for some link love back. :) Hopefully I haven&#8217;t left anyone off if I did contact me and I&#8217;ll add it in.
</p><ul>
<li><a href="http://mattdadams.wordpress.com/2009/04/12/cindy-li-designing-your-future/" title="Matt Adam" >Matt Adam</a></li>
<li><a href="http://michelangie.wordpress.com/2009/04/16/cindy-lidesign-your-future/" title="Angela Covert">Angela Covert</a></li>
<li><a href="http://cdunham.wordpress.com/2009/04/16/on-cindy-li-and-her-presentations/" title="Claire Dunham">Claire Dunham</a></li>
<li><a href="http://stephanietate.wordpress.com/2009/04/15/lunch-with-cindy-li/" title="Alyssa Fryar">Alyssa Fryar</a></li>
<li><a href="http://meganhumble.wordpress.com/2009/04/14/cindy-li/" title="Megan Humble">Megan Humble</a></li>
<li><a href="http://kelsielendermon.wordpress.com/2009/04/14/cindy-li/" title="Kelsie Lendermon">Kelsie Lendermon</a></li>
<li><a href="http://tarajacek.wordpress.com/2009/04/11/awesome-day-ever/" title="Tara Jacek">Tara Jacek</a></li>
<li><a href="http://tracymoore.wordpress.com/2009/04/16/design-around-us/" title="Tracey Moore">Tracey Moore</a></li>
<li><a href="http://michelleloliver.wordpress.com/2009/04/16/cindy-li-is-the-coolest/" title="MIchelle O">MIchelle O</a></li>
<li><a href="http://natalieannroig.wordpress.com/2009/04/16/cindy-li/" title="Natalie Roig">Natalie Roig</a></li>
<li><a href="http://31krista87.wordpress.com/2009/04/16/cindy-li/" title="Krista Stickles">Krista Stickles</a></li>
<li><a href="http://stephanietate.wordpress.com/2009/04/15/lunch-with-cindy-li/" title="Stephanie Tate">Stephanie Tate</a></li>
<li><a href="http://caseyyoshida.wordpress.com/2009/04/16/cindyli/" title="Casey Yoshida">Casey Yoshida</a></li>
</ul>

<p>
</p>
      ]]></content>
    </entry>

    <entry>
      <title>Redesign of DesignRabbit</title>
      <link rel="alternate" type="text/html" href="http://www.cindyli.com/site/redesign_of_designrabbit/" />
      <id>tag:cindyli.com,2009:/1.336</id>
      <published>2009-05-19T14:05:25Z</published>
      <updated>2011-10-28T17:52:26Z</updated>
      <author>
        <name>Cindy</name>
        <uri>http://www.cindyli.com</uri>      </author>

      <category term="Design"
        scheme="http://www.cindyli.com/site/category/Design/"
        label="Design" />
      <content type="html"><![CDATA[
        <h3>Once upon a time&#8230;</h3><p>
I needed a redesign and I started last year working on the <a href="http://www.cindyli.com/site/comments/designrabbit_logo_redesign/" title="logo for DesignRabbit">logo for DesignRabbit</a>. I created a logo that I really fell in love with but then I got busy with <a href="http://buzz.yahoo.com/" title="Yahoo! Buzz">Yahoo! Buzz</a> and some other projects. </p>

<h3>Goals</h3><p>
My goal was to have the website showcase the designs I have been doing. I wanted people to see that my range included more than just illustrations. I&#8217;ve been designing on the web for a long time. I&#8217;ve been in the corporate world and can adapt my designs for the projects to have a consistent voice (that&#8217;ll be another post). :)&nbsp; So the main focus of the redesign was to showcase the projects, setting a stage for it. The old site was hand coded in 2004 and was an exercise in coding from scratch but I should have used a content management system to keep my sanity. I wanted the website to animate and use the lightbox, be accessible and validate of course. ;)</p>

<p>
</p> <h3>Color Scheme</h3><p>
I wanted it to reflect my <a href="http://cindyli.com/" title="Cindy Li blog" rel="me">Cindy Li blog</a>&nbsp; but have a different palette to it. So I came up with this color scheme.</p><p class="centered"><img src="http://cindyli.com/img/art_designrabbit_colorpallete.jpg" /></p>

<h3>Designing the page</h3><p>
I started with the main page layout so it could be more of a slide show and it was framed. 
</p><p class="centered"><a href="http://www.flickr.com/photos/cindyli/2274875453/" title="DesignRabbit website redesign:Home by cindyli, on Flickr"><img src="http://farm3.static.flickr.com/2179/2274875453_6c035c19f2_m.jpg" width="240" height="180" alt="DesignRabbit website redesign:Home" /></a>

<a href="http://www.flickr.com/photos/cindyli/2275670432/" title="DesignRabbit website redesign:Portfolio by cindyli, on Flickr"><img src="http://farm3.static.flickr.com/2174/2275670432_def18dafe4_m.jpg" width="222" height="240" alt="DesignRabbit website redesign:Portfolio" /></a></p>

<p>I decided that the frames were too heavy but I loved the navigation. So I kept those and started over again. Plus the behavior wasn&#8217;t something that I was fond of. It was a bit too cumbersome.</p>

<h3>Another version</h3><p>
I liked the lightbox javascript technique that&#8217;s been used on lots of websites lately but didn&#8217;t like the darkening out of the entire screen.So my thought was to use the advance method of the images within the page. Now with this version I wanted the work to stand on its own. I recently visited the <a href="http://www.utc.edu/" title="University of Tennessee Chattanooga">University of Tennessee Chattanooga</a> and spoke to the <a href="http://teachtheweb.com/bio.php" title="Leslie Jensen-Inman's design students" rel="external met friend">Leslie Jensen-Inman&#8217;s design students</a> there. I spoke to them about the importance of their projects being on a clean white board so that the work was displayed as the emphasis. Realizing that I should apply what I was telling them to my own portfolio I put all my work on white backgrounds to showcase them.</p>

<p><b>Home page:</b>
</p><p class="centered"><a href="http://www.flickr.com/photos/cindyli/3486550088/" title="designrabbitsite_home by cindyli, on Flickr"><img src="http://farm4.static.flickr.com/3544/3486550088_2e9276d838_m.jpg" width="240" height="227" alt="designrabbitsite_home" /></a></p>

<p><b>Portfolio page:</b>
</p><p class="centered"><a href="http://www.flickr.com/photos/cindyli/3486550090/" title="designrabbitsite_portfolio by cindyli, on Flickr"><img src="http://farm4.static.flickr.com/3633/3486550090_e9d35c9777.jpg" width="270" height="500" alt="designrabbitsite_portfolio" /></a></p>

<p><b>Portfolio Detail page:</b>
</p><p class="centered"><a href="http://www.flickr.com/photos/cindyli/3486304587/" title="designrabbitsite_portfolio_detail_2 by cindyli, on Flickr"><img src="http://farm4.static.flickr.com/3367/3486304587_f76d428863_m.jpg" width="195" height="240" alt="designrabbitsite_portfolio_detail_2" /></a></p>

<p>Everything so far was going fine except the &#8220;portfolio detail page&#8221; was a bit off. I decided to take out the listings of other projects because if the project list got longer then it would be scrolling further than I wanted.</p>

<h3>Content Management System (CMS)</h3><p>
The site is created using <a href="http://wordpress.com/" title="WordPress">WordPress</a>.My friend <a href="http://www.mariannemasculino.com/" title="Marianne Masculino" rel="external met friend">Marianne Masculino</a> was their &#8220;Happiness Engineer&#8221; and we were discussing how everyone thinks WordPress is only a blogging platform but I&#8217;ve created a few sites like <a href="http://eggars.net/" title="Eggar's School">Eggar&#8217;s School</a>, that use the WordPress CMS to do more than just that. </p>

<h3>Fonts</h3><p>
I used <a href="http://www.houseind.com/fonts/chaletcomprime" title="Chalet Comprime">Chalet Comprime</a> in my logo but when Matt and I started researching the usage (as he was putting it into <a href="http://wiki.novemberborn.net/sifr/" title="SIFR">SIFR</a>) we read the requirements for usage. Last week I blogged about &#8220;<a href="http://cindyli.com/site/comments/font_embedding_and_licensing/" title="font licensing and embedding">font licensing and embedding</a>&#8221; that it was $1700. I wasn&#8217;t kidding. So I opted for using <a href="http://www.dafont.com/search.php?psize=m&amp;q=lady+ice" title="dafonts.com's font Lady Ice ">dafonts.com&#8217;s font Lady Ice </a>instead. It wasn&#8217;t my first choice but my budget can&#8217;t handle $1700 to use a font.</p>

<h3>Flickr</h3><p>
I started putting up the designs into <a href="http://flickr.com" title="Flickr">Flickr</a> all on 500x500 white backgrounds.Why 500x500? The medium size for Flickr is 500x500.I decided to fit within Flickr&#8217;s image standard to make my life a bit easier. I tagged each of them portfolio and it also allows me to be found via another way on the web. The images are entered into the CMS and Matt wrote a caching system to accommodate for when there are Flickr hiccups plus improving the performance.<br />
I&#8217;ve been using flickr to keep a repository of my work as I create it so it was easy to reuse them. </p>

<h3>The code behind it</h3><p>
I roped in my boyfriend, <a href="http://themattharris.com/" title="Matt Harris" rel="external met sweetheart">Matt Harris</a> into coding the website. For the geeks that want to know the details behind the site.It was written in HTML5, it uses JQuery for the animation and it is supported from IE6 and up. It is IE8 ready. It is using Cufon although we know it has accessibility issues.It uses Sprites for the navigation and the images are stored on Flickr but cached locally (in case Flickr has any hiccups) and it makes it accessible for those instances where you are prohibited from seeing Flickr (i.e. schools). The back-end uses customized WordPress plugins to handle all the custom fields required by the portfolio.</p>

<h3>Finally</h3><p>
So with all the dns migration &#8220;fun&#8221; to the new space and checking on last minute bugs I hope you guys enjoy my new portfolio. :)
</p><p class="centered"><a href="http://www.flickr.com/photos/cindyli/3546458150/" title="Design Rabbit: redesigned and launched by cindyli, on Flickr"><img src="http://farm3.static.flickr.com/2467/3546458150_43ecc8c15c_m.jpg" width="234" height="240" alt="Design Rabbit: redesigned and launched" /></a></p><p>
The new live site : <a href="http://designrabbit.com" title="DesignRabbit.">DesignRabbit.</a>
</p>
      ]]></content>
    </entry>

    <entry>
      <title>Getting the most mileage on your air fare</title>
      <link rel="alternate" type="text/html" href="http://www.cindyli.com/site/getting_the_most_mileage_on_your_air_fare/" />
      <id>tag:cindyli.com,2009:/1.335</id>
      <published>2009-05-17T16:05:50Z</published>
      <updated>2011-10-28T17:44:51Z</updated>
      <author>
        <name>Cindy</name>
        <uri>http://www.cindyli.com</uri>      </author>

      <content type="html"><![CDATA[
        <h3>Once upon a time&#8230;</h3><p>
my friend <a href="http://elliotjaystocks.com/" title="Elliot">Elliot</a> asked via <a href="http://twitter.com/elliotjaystocks/status/1826581951" title="twitter">twitter</a>, &#8220;Thinking about joining an AirMiles scheme but I honestly don&#8217;t know where to start. Anyone in the know got a recommendation?&#8221; Now because I flew a lot last year and my mom taught me not to waste money I have been keeping an eye out for deals. I have been a member of many mileage programs through the years. I see it as the same as storing things into a piggy bank.</p>

<p>Most of my friends have been trying to figure out new ways to maximize their benefits without spending more money. This is a good way if you are being sent to conferences or business trips on your dime or somene else&#8217;s. Your miles can get you free trips, car rentals and hotels sometimes (it all adds up).<br />
The ones I&#8217;ve listed tend to have more benefits if your on the US side of the pond. Sorry! I had nothing to do with it. :) I&#8217;ve also flown United&#8217;s more often than anything so that&#8217;s also why there is a lot more info on United.</p>

 <h3>My tips on earning miles</h3><p>
I&#8217;m going to list the main ones that I think you&#8217;d use. This post is going to be rather long.</p>

<p><b>Credit Card:</b><br />
Sign up for one that is free and you will get miles for spending. I charged a down payment for my car last year and got miles that way. A friend of mine did it for deposits for her wedding. The key is paying it off at the end of the month. If you have the money in the bank already then do it, if you can&#8217;t help charging every chance you get ignore this. :P</p>

<p><b>Super Shuttle: </b><br />
If you are going to Super Shuttle (put in your Northwest/Delta miles). Regardless if you are flying with them or not.</p>

<p><b>Hotel, Car Rental and Misc:</b><br />
Check the hotel you&#8217;ve booked, flowers for your Mom, or are going to book check to see if there is a promotion for double miles if you sign. If they do sign up for it and choose the option where you can have the miles onto your favorite airline mileage program.</p>

<p><b>Netflix:</b><br />
If you are going to sign up, do it through United&#8217;s site or Delta&#8217;s for the miles.</p>

<p><b>Grocery Shopping:</b><br />
If you go to any of the ones listed in United&#8217;s program then its a no brainer to earn miles. You just give the program your mileage number and it keeps track of when you earn it. Best if you are using the mileage credit card on top of earning the grocery points.<br />
<br>
</p><h3>United Airlines</h3><p>
United&#8217;s program is called Mileage Plus (<a href="https://www.ua2go.com/profile/Join.do?navSource=Dropdown07&amp;linkTitle=join" title="U.S. website">U.S. website</a> | <a href="https://www.ua2go.com/profile/Join.do?stamp=/uauk" title="U.K. website">U.K. website</a>)<br />
There are different tiers for member levels but it can get you things like free baggage (2 pieces if you hit the premier level) and the special line where you skip everyone :P . I have even used the link that United has to get miles for my <a href="http://www.united.com/page/article/0,6722,50997,00.html?navSource=RelatedLinks" title="Netflix">Netflix</a> when I signed up.</p>

<p><b>Promotions: </b><br />
Check the United promotions page:<br />
Tip:to get the most out of the program sometimes they have offers for flying that you need to sign up for before you buy a plane ticket. There&#8217;s a <a href="http://www.united.com/page/article/0,6722,1142,00.html" title="United flight reward chart">United flight reward chart</a>&nbsp; to see how quickly you can fly for almost free (with the taxes that you will have to pay). </p>

<ul>
<li><a href="http://www.united.com/page/article/0,8566,1249,00.html?navSource=mileageplus&amp;linkTitle=14promotions" title="U.S. website">U.S. website</a></li>
<li><a href="http://www.unitedairlines.co.uk/core/english/MP/earnmiles/promotions/index.html" title=" U.K. website"> U.K. website</a></li>
</ul>

<p><br />
<b>Credit Card:</b><br />
I&#8217;ve signed up for the United credit card because I could get miles.It&#8217;s another way to maximize your miles on things you do every day like buying clothes, groceries, gas or pay for your flickr account ;). Every now and then they also do promotions to double your miles.
</p><ul>
<li>United Visa Mileages: <a href="http://www.firstusa.com/cgi-bin/webcgi/webserve.cgi?partner_dir_name=united_signature_1_30k&amp;page=cont&amp;mkid=6DTV&amp;navSource=mpVO&amp;linkTitle=visamp30lp" title="US credit card">US credit card</a> 
You get 30,0000 miles free after $250 in purchase, $1 mile for every dollar spent. The One-way, 1,000 mile, one-class upgrade certificate, and a  $25 United discount travel certificate are a pain in the butt to redeem you have to go to the airport to turn them in or find a United travel agency.)
</li>
<li>United American Express Credit Card: <a href="https://wwwa.mbna.co.uk/apply/UKCCapp/Ctl/entry?sc=8utdairgs_ost&amp;mc=SME-AC-22222-11531" title="U.K. website">U.K. American Express Mileage website</a>
You get free annual fee and miles. You guys totally don&#8217;t get the benefits we do in the U.S. for this. Sorry. :( </li>
</ul>

<p><br />
<b>Dining:</b><br />
United also has a <a href="http://mpdining.rewardsnetwork.com/" title="Mileage Diner's Program">Mileage Diner&#8217;s Program</a>, (U.S. only). You enter your credit card number (they track where you eat). Easy as long as its places you normally eat. My favorite Thai place in VA was a part of the program so it was always a bonus for me.<br />
Just see this as a nice surprise if you get it unless you like looking up where you eat each night and if it fits within the dining program. ;)</p>

<p><br />
<b>Groceries</b><br />
United has a program called <a href="http://www.united.com/page/article/0,6722,50830,00.html" title="Grocery Miles">Grocery Miles</a> (U.S. only, there isn&#8217;t one for the U.K.) Where you when you buy groceries you get miles the stores currently include:
</p><ul>
<li>Saveway:Earn 125 miles for every $250 you spend in qualifying purchases</li>
<li>Dominick&#8217;s:Earn 125 miles for every $250 you spend in qualifying purchases</li>
<li>Genuardi&#8217;s:Earn 125 miles for every $250 you spend in qualifying purchases</li>
<li>Pavilions:Earn 125 miles for every $250 you spend in qualifying purchases.</li>
<li>VONS:Earn 125 miles for every $250 you spend in qualifying purchases.</li>
</ul>

<p><br />
<b>Hotels:</b><br />
There&#8217;s lots of various hotel offering but the hotels also have their own hotel programs too. Sometimes you have to book via the link website.
</p><ul>
<li>United Hotels: <a href="http://www.united.com/page/article/0,6722,1196,00.html" title="U.S. website">U.S. website</a></li>
<li>United Hotels: <a href="http://www.unitedairlines.co.uk/core/english/MP/earnmiles/partners/hotels/index.html" title="U.K. website">U.K. website</a></li>
</ul><p>
<br>
</p><h3>Delta and Northwest Airlines</h3>
<p>Delta and Northwest Airlines have recently merged so its one less air mileage program you have to sign up for.<a href="http://www.delta.com/skymiles/about_skymiles/benefits_at_glance/index.jsp" title="Delta's website has a chart">Delta&#8217;s website has a chart</a>so you can see how long it takes for you to earn a free flight. Skymiles program also lets you have <a href="https://delta.netflix.com/offer.jsp?src=nflxSME0509" title="Netflix">Netflix</a> (first time members deal only).</p>

<p><b>Dining:</b><br />
Looks like the same program for Delta and the United deal I mentioned earlier for the <a href="http://skymiles.rewardsnetwork.com/bonus.htm?id=D180&amp;detail=&amp;cm_mmc=DL-_-web-_-external-_-q2D180homepage" title="Skymiles Dining program">Skymiles Dining program</a>.</p>

<p><b>Shuttles:</b><br />
Delta and Northwest offer you miles for <a href="http://skymilesoffers.delta.com/car_rental_partners.php" title="booking your Super Shuttle ">booking your Super Shuttle </a>and giving your skymiles number. <br />
Tip:You can earn miles even if you aren&#8217;t flying with this airline. :)</p>

<h3>British Airways</h3><p>
Their air miles program is called <a href="https://www.britishairways.com/travel/echome/public/en_gb?link=TOP_echome" title="Executive Plus">Executive Plus</a> (you have to choose which country you are in to get the appropriate currency and access.)</p>

<p><b>Credit Card:</b><br />
So BA offers you an<a href="https://www.britishairways.com/travel/creditcards/public/en_gb?source=ec-amex&amp;CRTV=BAEC" title=" American Express"> American Express</a> card to earn miles. If you do want to sign up let me know so I can earn miles. ;)<br />
They have two tiers of mileage accrual based on what card you get: BA American Express or the Premium Plus Card (£150 fee) but you get faster accrual.</p>

<p><a href="https://www.britishairways.com/travel/amexcreditcard/public/en_gb" title="BA American Express Card benefits:">BA American Express Card benefits:</a>
</p><ul>
<li>Collect 1,000 BA miles after first purchase</li>
<li>Collect 1 BA mile for every £1</li>
<li>Redeem BA miles on BA flight and you&#8217;ve spent £20,000 on your card in one year and you will get another companion for the same flight.</li>
</ul>

<p><br />
<a href="https://www.britishairways.com/travel/amexprempluscard/public/en_gb" title="BA American Express Premium Card:">BA American Express Premium Card:</a> (You have to have a certain level of in come to get this card in addition to the fee)
</p><ul>
<li>Pay £150 fee</li>
<li>Collect 6,000 miles after first purchase</li>
<li>Collect 1.5 BA miles for every £1</li>
<li>Redeem BA miles on BA flight and you&#8217;ve spent £10,000 on your card in one year and you will get another companion for the same flight.</li>
</ul>

<p><br />
<b>Parking:</b><br />
If you are going to use Heathrow Parking.<br />
<a href="https://www.britishairways.com/travel/car-parking-at-t5/public/en_gb" title="Holiday Extras:">Holiday Extras:</a> if you book ahead of time you&#8217;ll earn five BA Miles for every £1 you spend when booking airport parking with Holiday Extras online.</p>

<p><b><br />
Currency:</b><br />
If you are going to change money for a trip, you can use <a href="https://www.britishairways.com/travel/travelex-gate/public/en_gb" title="Travelex">Travelex</a>. You can do it in terminal 5 or you can order it online. You have to present your card at the time you purchase or collect your currency to get the miles.</p>

<p>
</p><h3>American Airlines</h3><p>
Their program is called <a href="http://www.aa.com/aa/AAdvantage/aadvantageHomeAccess.do?anchorEvent=false" title="AAdvantage">AAdvantage</a>.To <a href="http://www.aa.com/aa/AAdvantage/quickEnroll.do?anchorLocation=%2Faa%2Flayout%2FlayoutThrColHdrFtr1024.jsp&amp;url=%2Faa%2FAAdvantage%2FquickEnroll.do&amp;_locale=en_US" title="join AAdvantage">join AAdvantage</a> you just have to give your details.</p>

<p><a href="http://www.aa.com/aa/i18nForward.do?p=/AAdvantage/partners/main.jsp&amp;anchorLocation=%2Faa%2Flayout%2FlayoutThrColHdrFtr1024.jsp&amp;url=%2Faa%2Fi18nForward.do&amp;_locale=en_US" title="AAdvantage Partners:">AAdvantage Partners:</a>There are tons of different offers too from FedEx Kinkos to Tmobile Hotspots.</p>

<p><b>Dining:</b><br />
<a href="http://aa.rewardsnetwork.com/" title="AAdvantage Dining">AAdvantage Dining</a> is the same as United, and Delta. You sign up by giving them your credit card to track.</p>

<p>
</p><h3>Virgina Atlantic</h3><p>
Their program is called the <a href="https://www.virgin-atlantic.com/en/us/frequentflyer/index.jsp" title="Flying Club.">Flying Club.</a>Just fill out the <a href="https://www.virgin-atlantic.com/frequentflyer/joinnow/index.jsp" title="Flying Club form">Flying Club form</a>.<br />
Virgin Atlantic&#8217;s<a href="http://www.virgin-atlantic.com/en/us/frequentflyer/fcpartners/pointsformmiles/index.jsp" title=" points for miles"> points for miles</a> program has everything from hotels, rental cars.</p>

<p><b>Credit Card:</b><br />
Virgin Atlantic offers an <a href="http://www.americanexpress.co.uk/rewards" title="American Express card">American Express card</a> you can earn one mile for every £1 you spend. </p>

<p>I think that&#8217;s it from me. Hope all the tips helped! :)</p>

<p>
</p>
      ]]></content>
    </entry>

    <entry>
      <title>Font Embedding and Licensing</title>
      <link rel="alternate" type="text/html" href="http://www.cindyli.com/site/font_embedding_and_licensing/" />
      <id>tag:cindyli.com,2009:/1.334</id>
      <published>2009-05-13T18:16:04Z</published>
      <updated>2009-05-13T21:06:06Z</updated>
      <author>
        <name>Cindy</name>
        <uri>http://www.cindyli.com</uri>      </author>

      <content type="html"><![CDATA[
        <h3>Once upon a time&#8230;</h3><p>
I decided to redesign my portfolio site. <a href="http://themattharris.com/" title="Matt">Matt</a> and I discussed the benefits of using <a href="http://www.mikeindustries.com/blog/sifr/" title="SIFR">SIFR</a> vs having .jpgs for my sub headers. As the sub headers are likely to change, using .jpgs wasn&#8217;t the best option. So we started looking into SIFR and <a href="http://cufon.shoqolate.com/generate/" title="Cufón">Cufón</a>. I would love to use the fonts that print designers and large corporations can afford but most of my clients these days are watching their budgets and so am I.Dare I say fiscially responsible designer? ;) Anyway.. I started researching the cost of what it would be for me to use the beautiful font I found. This isn&#8217;t a new problem, Hello 2007, cue Richard Rutter&#8217;s blog post on<a href="http://www.clagnut.com/blog/2042/" title=" WebKit now supports CSS @font-face rules"> WebKit now supports CSS @font-face rules</a>.
</p> <h3>House Industries&#8217; policy on font embeding</h3><p>
So I wanted to use the lovely font created by House Industries but I looked into their licensing and the font I found cost: $140 from House Industries, unfortunately to use it on my site its going to cost me an additional $1500 because their licensing doesn&#8217;t allow embeding.If I wanted to create each art with the text that&#8217;s not a problem, I prefer using SIFR because it is better for accessibility. If I won the lottery I wouldn&#8217;t blink at the high price tag but unfortunately it is not  within my abilities for my personal site, well maybe if I was a fortune 500 company. If I wanted to use the @font-face in my CSS3 then it isn&#8217;t even an option unless I theoretically bought a license for every visitor on my site? Gulp&#8230;so at the moment we&#8217;re limited to the fonts we can use at the moment (some good and some bad&#8230; I want more fonts to use please!)</p>

<p><a href="http://www.houseind.com/fonts/licensing/faq" title="House Industries' policy on font embedding,">House Industries&#8217; policy on font embedding,</a><br />
&#8220;Why don&#8217;t you allow embedding in your license?<br />
A: We make embedding decisions on a case by case basis. For example, we will allow you to embed the fonts to send a .pdf to a printer or to a client for approval. However, if you want to do an email distribution .pdf newsletter, you must pay an additional embedding fee.&#8221;</p>

<p>&#8220;Q: Do you allow embedding in Flash?<br />
A: We make this call on a case by case basis. Generally, we allow embedding if the text is static, but we charge a flat embedding fee that is outlined on our <a href="http://www.houseind.com/fonts/licensing/pricing" title="pricing page.">pricing page.</a>&#8221;</p>

<p>So I went to the pricing page&#8230;<br />
&#8220;<b>Web Embedding Fees</b><br />
Web embedding for generating read-only dynamic text (examples: Flash or CSS): $1500 per font or $7500 per collection.&#8221;</p>

<p>Um.. excuse me? $1500.. that&#8217;s a Macbook.I totally understand charging for what you design. As a designer I agree with that point of view. But with most clients they are watching their budgets and would drop their jaw on the floor if I asked them to pay $7500 for a font.</p>

<h3>Typography.com policy</h3><p>
So a favorite font due to President Obama&#8217;s campiagn is Gotham.It&#8217;s owned by <a href="http://typography.com/" title="typography.com">typography.com</a><br />
Their <a href="http://typography.com/home/eula.php" title="EULA">EULA</a> (End User License Agreement) use states, &#8220;3.1. Embedding. &#8220;Embedded Documents&#8221; are those which contain a copy of the Typefaces, or data describing the shape or outline of any part of the Typefaces. Embedded Document formats include, but are not limited to: Acrobat (or other) files employing the Portable Document Format (&#8220;PDF&#8221;); Cascading Style Sheets (&#8220;CSS&#8221;) employing the &#8220;@font-face&#8221; tag; Macromedia Flash (or other) files employing TrueDoc; and documents employing Web Embedding Font Technology (&#8220;WEFT&#8221;). You may not create Embedded Documents, except as expressly provided in paragraphs 3.2 and 3.3:&#8221;<br />
So if a client came to me and wanted to use any font from Tyography.com I&#8217;d recommend it based on them not limiting their usage. Freedom, interesting thought isn&#8217;t it?</p>

<p>
</p><h3>Veer policy</h3><p>
<a href="http://veer.com/" title="Veer's">Veer&#8217;s</a> policy is dependent on which font you buy. You have to read the EULA there and decide. A ton of research after finding the font you want. Don&#8217;t you think? I looked up one font, a &#8220;G-Type&#8221; and got this <a href="http://www.veer.com/help/license.aspx?eula=GTT" title="EULA">EULA</a>. <br />
This is what is listed on their grant license, </p>

<p>&#8220;GRANT OF LICENSE<br />
In return for the license fee paid Fontworks UK Ltd (&#8216;Fontworks&#8217;) and/or its supplier grants you a non-exclusive license to use this font or font package (&#8216;the Software&#8217;) on or for use by a maximum of 5 CPU’s (workstations), whether networked or not, connected to one output device (printer) at one location. Alternatively use may be on a single portable computer and associated printer. A copy of the Software should always be made for purely back-up purposes. If the font is required for use on machines in excess of the above numbers this can be achieved via simple multiplication, i.e. by purchasing further licenses from this site, or more economically (as volume discounts are included) by applying to Fontworks for an appropriate Multi-User, Site, Country or World Wide License. You can apply by e-mail, fax, post, ’phone etc.&#8221;</p>

<p>So you need to negotiate the usage of let&#8217;s say SIFR. Hmm.. that&#8217;s going to be a pain.Another email when that information should be updated on their site already. </p>

<h3>A request to the people who are writing up the EULA&#8217;s</h3><p>
Can you please update your licenses to something designers and small businesses can afford? I&#8217;m not asking for free. I&#8217;m asking for reasonable and license agreements that don&#8217;t require us to ask if we can use it on our sites by contacting your company. Or I guess I&#8217;ll keep using Arial or Helvetica on my site until someone stops this outdated hamster wheel.<br />
KTHXBAI
</p>
      ]]></content>
    </entry>

    <entry>
      <title>Designing the Whuffie Factor book cover</title>
      <link rel="alternate" type="text/html" href="http://www.cindyli.com/site/designing_the_whuffie_factor_book_cover/" />
      <id>tag:cindyli.com,2009:/1.332</id>
      <published>2009-05-07T04:43:21Z</published>
      <updated>2009-05-16T21:47:22Z</updated>
      <author>
        <name>Cindy</name>
        <uri>http://www.cindyli.com</uri>      </author>

      <content type="html"><![CDATA[
        <h3>Once upon a time&#8230;</h3><p>
<a href="http://www.horsepigcow.com/" title="Tara Hunt ">Tara Hunt </a>posted on Flickr her cover for her future book.Here is her original cover that she posted on flickr.
</p><p class="centered"><a href="http://www.flickr.com/photos/missrogue/2292408253/"><img src="http://farm3.static.flickr.com/2008/2292408253_b13440ccbb_m.jpg" width="158" height="240" alt="This is the Book Cover my Publisher sent me" /></a></p>

<p>She wasn&#8217;t pleased with the direction of the cover and she asked if I could work on the cover design for her. I was thrilled to get a chance to work with Tara.</p>

<p>&nbsp;</p> <h3>The client&#8217;s vision:</h3><p>
Each project I work on I start off talking to the client to figure out what they have in mind. All clients are different and its a designer&#8217;s job to listen. I asked Tara what it meant to her and what she pictured in her mind.</p>

<p>She said, &#8220;The internet + social capital = success So, an icon like a mouse/computer/wifi + a heart = $$? You may have a better idea. But I was really inspired by your t-shirt years ago. I love it so much! I may have to buy a second one when I wear this one out. :)&#8221;</p>

<p>In that brief statement I figured out she wanted something iconic to explain her book cover. The t-shirt I designed was one I did in 2006 as a joke. Here&#8217;s a picture of the t-shirt, titled <a href="http://geeks-love.com" title="&quot;Geeks love *&quot;">&#8220;Geeks love *&#8221;</a>
</p><p class="centered">
<a href="http://www.flickr.com/photos/cindyli/3537215356/" title="Geeks Love tshirt example by cindyli, on Flickr"><img src="http://farm3.static.flickr.com/2399/3537215356_59b52ddbec_m.jpg" width="240" height="176" alt="Geeks Love tshirt example" /></a></p>

<p>The dimensions of the book cover were based on the yellow one that she posted on flickr and I used the copy that the publisher had in the mockup.</p>

<h3>Defining the &#8220;vision&#8221;</h3><p>
Since Whuffie was a new term to me, I researched the meaning on Google.&nbsp; <a href="http://en.wikipedia.org/wiki/Whuffie" title="Whuffie">Whuffie</a> according to wikipedia is ephermal, reputation-based currency of Cory Doctrow&#8217;s science fiction novel, Down and out in the Magic Kingdom&#8230;. a person&#8217;s current Whuffie is instantly viewable to anyone, as everybody has a brian-implant giving them an interface with the net. I wanted to make sure I what the definition was and that I created a succint message with her book. </p>

<p>I used the definition to help me find a concept. The book was about community and the value of social reputation. Drawing a community was fairly easy. I drew the icons for male and female and kept them a blank slate and white to represent being pure and just starting out on their social reputation.The color red represents Tara having the most heart and reputation. Her &#8220;heart/value&#8221; on the web being the highest.</p>

<p>It took a bit of time explaining something that is intangible like social capital/reputation. The icon for the computer and RSS feeds representing content being sent out being added to heart equals the target that is what the social communities are. <br />
I broke down the icons into:<br />
Laptop= rss feed iconography, internet/web pages<br />
Heart=soul of the community/intentions<br />
Target=what companies and social communities are aiming for</p>

<p class="centered">
<a href="http://www.flickr.com/photos/cindyli/2395729067/" title="&quot;The Whuffie Factor&quot; Book Cover for Tara Hunt by cindyli, on Flickr"><img src="http://farm4.static.flickr.com/3229/2395729067_7a63b94f2b_m.jpg" width="158" height="240" alt="&quot;The Whuffie Factor&quot; Book Cover for Tara Hunt" /></a></p>

<p>My font choice was based on a quick search.The font for this is Grotesk. It is the first digital typeface (or at least according to google).According to <a href="http://en.wikipedia.org/wiki/Akzidenz_Grotesk" title="wikipedia">wikipedia</a>, &#8220;it was the first sans serif typeface to be widely used and influenced many later neo-grotesque typefaces.&#8221;</p>

<h3>Color Palette</h3><p>
The color scheme for this was based on &#8220;heart&#8221;&nbsp; it made the most sense to use red to display the human aspect of it. Red is usually used to convey power, passion and humanity since it is the color of blood.All those connotations was part of the message I wanted for the book cover.</p>

<p>I wanted blue was for the sky&#8217;s the limit but turquiose was the perfect choice for the cover to give it a feminine sophistication to describe Tara&#8217;s point of view on social captial but also modern enough to not detract from a male audience.</p>

<h3>Sent off to Client</h3><p>
I sent it off to Tara and she was thrilled with the cover and we waited. Random House, her publisher, eventually contacted me and asked me to do some revisions. They became my client and I did a few revisions on the cover for them. The comments were that it needed to be more streamlined for the business audience. Simple enough in one meeting I removed the iconography that Tara wanted (the client now was the publisher and not her). The mockups were now going through the publisher and not Tara. I created a few versions for the publisher to take a look at, unfortunately I am not at liberty to show. I played by the rules stated in the agreement which was that only they would show Tara what the cover was going to be.</p>

<h3>Finally</h3><p>
A few minor adjustments and voila! The publisher told me that they were going to have a metallic print on the cover. Now who doesn&#8217;t love that? :D<br />
I&#8217;ll add a picture of the book once I get a good one. ;)</p>

<p class="centered">
<a href="http://www.flickr.com/photos/cindyli/2723142296/" title="It's now the official cover for Tara Hunt's Whuffie book! by cindyli, on Flickr"><img src="http://farm4.static.flickr.com/3294/2723142296_659f2d8518_m.jpg" width="158" height="240" alt="It's now the official cover for Tara Hunt's Whuffie book!" /></a>
<p> 


Oh and just in case you want to buy one for your own collection. You can find it here on <a href="http://www.amazon.com/gp/product/0307409503?ie=UTF8&amp;tag=theadvofcinli-20&amp;linkCode=as2&amp;camp=1789&amp;creative=390957&amp;creativeASIN=0307409503" title="Amazon: The Whuffie Factor.">Amazon: The Whuffie Factor.</a>
      ]]></content>
    </entry>

    <entry>
      <title>SXSWi: Color Angels: Episode 1: It&#8217;s Not Black and White</title>
      <link rel="alternate" type="text/html" href="http://www.cindyli.com/site/sxswi_color_angels_episode_1_its_not_black_and_white/" />
      <id>tag:cindyli.com,2009:/1.331</id>
      <published>2009-04-22T19:04:46Z</published>
      <updated>2010-05-20T16:34:47Z</updated>
      <author>
        <name>Cindy</name>
        <uri>http://www.cindyli.com</uri>      </author>

      <content type="html"><![CDATA[
        <h3>Once upon a time&#8230;</h3><p>
There were three women that went to design school. Two in the US, the other in Belgium and they were each assigned different areas in design. But I brought them here, and now they are at SXSW to talk about colors. My name is Charlie. That&#8217;s how it starts or rather how I adjusted the original copy from the tv series. The three women we&#8217;re discussing here are <a href="http://www.teachtheweb.com/blog/" title="Leslie Jensen-Inman">Leslie Jensen-Inman</a>, <a href="http://veerle.duoh.com/" title="Veerle Pieters">Veerle Pieters</a> and myself.<br />
All three of us are designers and we thought we&#8217;d have some fun with the presentation and that&#8217;s how our &#8220;mission&#8221; got started.</p>

<p class="centered">
<object type="application/x-shockwave-flash" width="300" height="225" data="http://www.flickr.com/apps/video/stewart.swf?v=68975" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> <param name="flashvars" value="intl_lang=en-us&amp;photo_secret=72872360cb&amp;photo_id=3351687108&amp;show_info_box=true"></param> <param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=68975"></param> <param name="bgcolor" value="#000000"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=68975" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&amp;photo_secret=72872360cb&amp;photo_id=3351687108&amp;flickr_show_info_box=true" height="225" width="300"></embed></object>
</p> <h3>The presentation</h3><p>
We split off the topic so that we&#8217;d each get a chance to discuss our processes. Veerle did the cover of the slide.&nbsp; My friend <a href="http://crowpismo.blogspot.com/" title="Jeremy Swanger ">Jeremy Swanger </a>completed the video intro for us and <a href="http://themattharris.com/" title="Matt Harris">Matt Harris</a> was the voice of Charlie. ;) Also a special thanks goes to Chris Moeller.</p>

<p>We discussed color theory, internationalization, accessibility, and of course gadgets. </p>

<h3>Color Chart</h3><p>
Take a look at the different meanings of color in various countries. Think about who your audience is and what context the colors are in. The hard part of course is that our projects are now on the internet and it can be for an international audience. 
</p><p class="centered">
<a href="http://www.flickr.com/photos/cindyli/3466830917/" title="Color Angels: Color Chart Countries by cindyli, on Flickr"><img src="http://farm4.static.flickr.com/3566/3466830917_76a5faac37_m.jpg" width="240" height="180" alt="Color Angels: Color Chart Countries" /></a></p>

<h3>Green vs. Red</h3><p>
So what do we do?
</p><p class="centered">
<a href="http://www.flickr.com/photos/cindyli/3466846851/" title="ColorAngels: Green Vs Red by cindyli, on Flickr"><img src="http://farm4.static.flickr.com/3583/3466846851_ef231dc26e_m.jpg" width="240" height="180" alt="ColorAngels: Green Vs Red" /></a></p><p>
Think about localizing sites so they are appropriate for the country based on the language instead of location.Colors are culturally influenced. The two colors green and red are a good example.</p>

<p>In Chinese and Korean speaking countries green is a negative color and red is a positive color. Designing for a finance site for example like Yahoo the charts have to be the opposite of what users would expect in the USA for example. The key here is to know your audience.
</p><p class="centered">
<a href="http://www.flickr.com/photos/cindyli/3466835207/" title="Color Angels: Internationalization by cindyli, on Flickr"><img src="http://farm4.static.flickr.com/3261/3466835207_7a9f1c46e7_m.jpg" width="240" height="180" alt="Color Angels: Internationalization" /></a></p>

<p>What if your targeting an english speaking audience but the topic is about culture? Theknot.com&#8217;s site is currently in blues and whites but they have a page specifically about Chinese weddings.<br />
They designed the page around red which is lucky for weddings. White in Chinese cultures is used to convey death, not the message a traditional Chinese bride would want to attendees. Those little details are ways to engage your audience to let them know you are paying attention. 
</p><p class="centered">
<a href="http://www.flickr.com/photos/cindyli/3466871239/" title="Color Angels: TheKnot.com website by cindyli, on Flickr"><img src="http://farm4.static.flickr.com/3496/3466871239_9e87c46f62_m.jpg" width="240" height="180" alt="Color Angels: TheKnot.com website" /></a></p>

<p>Color is a tool for design it must be used for good not evil and specifically within a context. Think about your audience when you are coloring withing the lines or even outside of it. ;)<br />
<a href="http://veerle-v2.duoh.com/blog/comments/sxswi_2009_color_angels_session//" title="Veerle did a blog post">Veerle did a blog post</a> about our session and also posted the <a href="http://www.xtreak.com/go/veerle/148879/ColorAngels-final.pdf.zip" title="pdf">pdf</a> here if you want the entire set.</p>

<p>
</p>
      ]]></content>
    </entry>

</feed>
