Happy New Year!

0 comments

Posted on 31st December 2010 by Lu in internet |Uncategorized

, , , , , Christmas, , , , , , , , , , , , , , , , , , , , , , , , , , ,

Happy New Year from eightyone design

We would just like to take this opportunity to thank everyone for their ongoing support throughout 2010. Thank you to all our clients, it’s been a pleasure and we are looking forward to working with you in 2011. Thank you to all our blog subscribers, the discussions have been great and your contributions welcomed. Finally, thank you to all the programmers, photographers, marketeers and designers we have worked with, can’t wait to crack on with more projects in the New Year!

Happy New Year everyone!

You may also be interested in:

Multi-column float/drop menu

0 comments

Posted on 31st December 2010 by Stu Nicholls in internet |Uncategorized

, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Using the no hacks float drop technique to produce a multi-column dropdown menu.

Multi-column float/drop menu

0 comments

Posted on 31st December 2010 by Stu Nicholls in internet |Uncategorized

, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Using the no hacks float drop technique to produce a multi-column dropdown menu.

Web Effectual

0 comments

Posted on 30th December 2010 by CSS Creme in internet |Uncategorized

, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

(Website)

My personal …


Three Lessons the Web Can Learn from the Financial Fiasco

0 comments

Posted on 30th December 2010 by Paul Koch, Marketing Specialist in internet |Uncategorized

, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

As the smoke settles around the financial debacle, we’re figuring out what the heck caused a lot of portfolios to shrink. The more I hear about what went wrong, the more I think that the web can apply some of the lessons learned.

Ok, fine–the world financial system and the web are a little different. But in both, a lot of money can be made–and there are a lot of people jumping in without a clear picture of why, or a solid knowledge of how. Here are three cautionary lessons our industry should keep in mind for 2011:

1. Ponzi schemes only work for a while.

Say a goal of your site is to drive people to your Facebook page. But what’s the point of your Facebook posts? If you answer “to send visitors to the website,” you might be running a web ponzi scheme: pushing traffic from one place to another with no clear goal in mind.

A financial ponzi scheme gives older investors “returns” that are really just money from newer investors–no real value is created. A web ponzi scheme also creates only the illusion of value–it doesn’t make sense to count a click to Facebook as a goal if you just push the person back to your website anyways.

It’s important to define what the point of each web property will be. If your website sends visitors to Facebook, give them something special they can’t get from any of your other web spaces–engage them in a different way, provide content they can’t help but share, and give them special promotions that make them want to “Like” you.

2. Bubble = trouble.

Real estate! Everyone’s doing it, so we should probably invest in real estate too–it looks like a great idea. I’ve never really done it before, but how hard could real estate really be, right?

Replace “real estate” with “social media,” and suddenly the web sounds eerily similar. The problem isn’t that everyone’s doing it (that’s actually great). It’s that they’re expecting magic, purely because social media wouldn’t be so popular if there weren’t easy returns–right? Instead, now the opposite is true–the space is so saturated, we all must think more creatively in order to stand out (which is also great).

Before you start using Twitter, think about what constitutes “success.” 10,000 followers? Then map a plan for giving 10,000 people a reason to follow your content. It may be a contest with awesome prizes–and that might cost money. Weigh the expected costs of your plan and its benefits (what benefit do 10,000 followers give you?) Investing in social media without a roadmap is like having a business whose plan is to flip houses for more money without thinking through why they’d actually be worth any more.

3. Sometimes simplicity is best.

Complicated securities played a big role in the financial breakdown. No one knew how their own investments were tied to the other companies falling around them, which made everything even worse.

The same can be said for web pages: simple can be beautiful. If a page is too tough to understand, the outcome isn’t ideal. KissMetrics gives us a great example in Chase’s site (not to pick on a bank…). There are over 5 five completely different calls to action, making it confusing and distracting for any new visitor.

They might garner more clicks on any of these if they clearly defined the most important action a user would want to take, and located the other calls-to-action on other well-organized pages (or even different landing pages).

Optimism for the New Year

It ain’t all storm clouds. Here’s how the web is different, and awesome (and why, of my college concentrations in Finance and Marketing, I’m using the latter):

  • We can push boundaries more. There are tons of opportunities to experiment–the best successes come from the people who don’t play it safe.
  • The web isn’t a fixed pie. Your gain doesn’t have to be someone else’s loss. In finance, you can’t make money out of thin air–it comes from other people. But on the web, you can inspire someone to give you more of their attention and make them feel better at the same time–so everyone wins.
  • It doesn’t have to cost a lot (sometimes just your time). For the ratio of return-to-investment, you can’t beat it.

Happy New Year, and cheers to an awesome 2011!

Three Lessons the Web Can Learn from the Financial Fiasco

0 comments

Posted on 30th December 2010 by Paul Koch, Marketing Specialist in internet |Uncategorized

, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

As the smoke settles around the financial debacle, we’re figuring out what the heck caused a lot of portfolios to shrink. The more I hear about what went wrong, the more I think that the web can apply some of the lessons learned.

Ok, fine–the world financial system and the web are a little different. But in both, a lot of money can be made–and there are a lot of people jumping in without a clear picture of why, or a solid knowledge of how. Here are three cautionary lessons our industry should keep in mind for 2011:

1. Ponzi schemes only work for a while.

Say a goal of your site is to drive people to your Facebook page. But what’s the point of your Facebook posts? If you answer “to send visitors to the website,” you might be running a web ponzi scheme: pushing traffic from one place to another with no clear goal in mind.

A financial ponzi scheme gives older investors “returns” that are really just money from newer investors–no real value is created. A web ponzi scheme also creates only the illusion of value–it doesn’t make sense to count a click to Facebook as a goal if you just push the person back to your website anyways.

It’s important to define what the point of each web property will be. If your website sends visitors to Facebook, give them something special they can’t get from any of your other web spaces–engage them in a different way, provide content they can’t help but share, and give them special promotions that make them want to “Like” you.

2. Bubble = trouble.

Real estate! Everyone’s doing it, so we should probably invest in real estate too–it looks like a great idea. I’ve never really done it before, but how hard could real estate really be, right?

Replace “real estate” with “social media,” and suddenly the web sounds eerily similar. The problem isn’t that everyone’s doing it (that’s actually great). It’s that they’re expecting magic, purely because social media wouldn’t be so popular if there weren’t easy returns–right? Instead, now the opposite is true–the space is so saturated, we all must think more creatively in order to stand out (which is also great).

Before you start using Twitter, think about what constitutes “success.” 10,000 followers? Then map a plan for giving 10,000 people a reason to follow your content. It may be a contest with awesome prizes–and that might cost money. Weigh the expected costs of your plan and its benefits (what benefit do 10,000 followers give you?) Investing in social media without a roadmap is like having a business whose plan is to flip houses for more money without thinking through why they’d actually be worth any more.

3. Sometimes simplicity is best.

Complicated securities played a big role in the financial breakdown. No one knew how their own investments were tied to the other companies falling around them, which made everything even worse.

The same can be said for web pages: simple can be beautiful. If a page is too tough to understand, the outcome isn’t ideal. KissMetrics gives us a great example in Chase’s site (not to pick on a bank…). There are over 5 five completely different calls to action, making it confusing and distracting for any new visitor.

They might garner more clicks on any of these if they clearly defined the most important action a user would want to take, and located the other calls-to-action on other well-organized pages (or even different landing pages).

Optimism for the New Year

It ain’t all storm clouds. Here’s how the web is different, and awesome (and why, of my college concentrations in Finance and Marketing, I’m using the latter):

  • We can push boundaries more. There are tons of opportunities to experiment–the best successes come from the people who don’t play it safe.
  • The web isn’t a fixed pie. Your gain doesn’t have to be someone else’s loss. In finance, you can’t make money out of thin air–it comes from other people. But on the web, you can inspire someone to give you more of their attention and make them feel better at the same time–so everyone wins.
  • It doesn’t have to cost a lot (sometimes just your time). For the ratio of return-to-investment, you can’t beat it.

Happy New Year, and cheers to an awesome 2011!

Speed up Photoshop Projects using Adobe CS Review

0 comments

Posted on 29th December 2010 by Jacob Cass in internet |Uncategorized

Adobe, , , , , , , CS Review, , , , Feedback, , Graphic Design, , , , , , , , , , , , , review, , , , , , , , , ,


Adobe CS Review

What’s the slowest part of a project for you? One of the biggest complaints among Photoshop users is dealing with client feedback and managing reviews. It’s one thing to be creative and go with the flow of photo editing. It’s another to stop and assemble comps for review and manage sending out a bunch of files for comment.

If you want to get your work reviewed with less interruption, check out CS Review. The following step-by-step shows how you can use Adobe CS Review in Photoshop CS5 to get approvals faster and keep your projects moving even if you have a ton of stakeholders, all with a bunch of opinions.

Step 1: Start a Review

Say you’ve got this holiday card design going in Photoshop CS5 and it’s ready for the client and your art director to review. In Photoshop, open the CS Live menu and choose Create New Review. You’ll be automatically signed in or asked to hop into Acrobat.com using your Adobe ID. Name the review and set the resolution that you want your reviewers to work with. Your artwork will then be uploaded. By the way, your upload is called a “part,” which is a hint that adding more stuff is expected.

Adobe CS Review - Start A Review

Start a review from inside Photoshop, from the CS Live menu.

Adobe CS Review Upload

Name the review and set viewing quality. Click Upload to send it up to Acrobat.com.

Step 2: Share with Reviewers

In a browser, get into your review and use Share File to invite your reviewers to join. There are two levels of permission you can assign. A Reviewer has a full set of commenting tools and a Co-author can also invite other reviewers, delete others’ comments, or add content to the review, such as a photo, graphic, or what have you. Reviewers receive your invitation via email with a link to the review, and they’ll log in using an Adobe ID. No fuss — nothing to download.

Adobe CS Review Share With Reviewers

In the browser-based review window, see Share File options for inviting reviewers.

Adobe CS Review Invite

List reviewers from your address book or enter manually. Assign roles and create an invite.

Step 3: See and Reply to Comments

Reviewers log into your review and use the commenting tools to remark on selected areas. Everyone on the review can see everyone’s remarks immediately, and they can reply to each other’s notes. In the browser interface, it’s easy to navigate around the art, zoom in, and page up and down. Incidentally, from Photoshop the art is uploaded as an image, so your text isn’t live. Reviews created from InDesign CS5 show live text so reviewers can highlight and comment on the words.

Adobe CS Review See and Reply to Comments

See when reviewers are logged in and see comments immediately. They highlight an area and add their notes right there.

Adobe CS Review See and Reply to Comments 2

Add your own replies for all to see. Everyone can zoom into the artwork, pan around, and view the hot spots.

Step 4: Make Changes in Photoshop

Check back into your project in Photoshop. You can now see all the feedback in the CS Review panel, including little thumbnails of the areas in the artwork with the comments. You can also reply to comments here in Photoshop, copy suggested text, and totally manage the review from the panel — you don’t have to do anything in the browser if you don’t want to.

Adobe CS Review - Make Changes In Photoshop

Inside Photoshop, see all the review activity in the CS Review panel and interact with it here instead of in the browser.

Adobe CS Review - Make Changes In Photoshop 2

Make the requested changes to your artwork, no other steps necessary.

Step 5: Upload New Art and Get Signoff

When you’re ready to show your edits to your reviewers, choose Add Content in the CS Review panel. The new artwork will be uploaded to the same review, becoming another part to the review available to the same set of reviewers for comment. Using the same review means you can see the history of the feedback from the beginning, and see the responses to your changes, all in one place.

Adobe CS Review - Upload New Art and Sign Off

Once you’ve made your changes, upload the image to the review using Add Content. It becomes a new part in the same review.

Adobe CS Review - Upload New Art and Sign Off 2

Your updated artwork is available to the same reviewers, no need to send new invitations. Hopefully now you’ll get approval!.

Most of us would rather work with our images than worry about approvals, but to get a project out the door, someone’s got to give you the thumbs up. CS Review seems a whole lot easier than making PDF comps or review websites. And it’s inside Adobe Photoshop CS5, Illustrator CS5, InDesign CS5, and Adobe Premiere Pro CS5. If you use software besides Photoshop, you’ll be interested to know that one review (this is where the “parts” come in) can contain work from those different tools. You can add a logo, a page layout, even a video sequence, all in the same review.

You can find out more about CS Review here. The way pricing works is that CS Review (and the rest of CS Live online services) is complementary for 12 months when you sign up online or register your Creative Suite 5 product before April 30, 2011.

Related posts on Just Creative Design:

If you do give CS Review a go, please do let me know how it goes!


© This article is copyright of Just Creative Design and should not be found elsewhere.



Related Articles:

2010 in Restrospect

Comments Off

Posted on 29th December 2010 by Jon 陳 in internet |Uncategorized

, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Analog, Mapalong, more tries at trans-Atlantic sleep, Cuba, Fontdeck, and my youngest son entering school; it all happened in the last year. At the end of 2007, I wrote up the year very differently. After skipping a couple of years, this is a different wrap-up. To tell the truth I put this together for me, being the very worst of diarists. It meant searching through calendars, Aperture, and elsewhere. I hope it prompts me to keep a better diary. I give you: 2010 in pictures and words:

January

Albany Green, Bristol.

Albany Green

Analog.coop is still fresh after launching in December. We’re still a bit blown away by the response but decide not to do client work, but to make Mapalong instead. We jump through all kinds of hoops trying to make it happen, but ultimately it comes down to our friend and colleague, Chris Shiflett. He gets us going. It snows a lot in Bristol. The snow turns to ice. I slip around, occasionally grumpy, but mostly grinning like an idiot.

February

Morón, Cuba.

Morón, Cuba

My family and I go to Cuba on our first ever all inclusive ‘package’ holiday. It’s a wonderful escape from winter, tempered by surreptitious trips out of the surreal, tourist-only island, to the other Cuba with an unofficial local guide. My boys love the jacuzzi, and sneaking into the gym. Z shoots his first arrow. Just after we return, he turns 4 years old. Now, he wants to go back.

March

DUMBO from the men’s loo at 10 Jay St. — home of Analog NY in Studio 612a.

DUMBO, Brooklyn, NY

I visit Chris in Brooklyn to work on Mapalong. We play football. Well, Chris plays. I cripple myself, and limp around a lot. At the same time I meet the irrepressible, Cameron Koczon. We all get drunk on good beer at Beer Table. Life is good. Cameron comes up with the Brooklyn Beta name. It starts to move from idea to action.

Just before Brooklyn, a discussion about First Things First opens during a talk at BathCamp. The follow-ups become passionate with posts like this straw man argument and a vociferous rejoinder.

April and May

In the garden, at home.

Lowri in our garden

The sun comes out. The garden becomes the new studio. Alan Colville and Jon Gibbins stop by as we work on Mapalong. The hunt starts for a co-working space in Bristol. I write pieces about self-promotion and reversed type. Worn out from the sudden burst, I go quiet again.

June

Mild Bunch HQ!

My desk in the new studio

We find a place for our Bristol co-working studio studio. Mild Bunch HQ is born! I design desks for the first time. Our first co-workers are Adam Robertson, Kester Limb, Eugene Getov, and Ben Coleman. Chris and I meet again across the Atlantic; he makes a flying visit to Bristol. The gentle pressure mounts on fellow Analogger, Jon Gibbins to come to Bristol, too. Something special begins. Beer Fridays have started.

Fontdeck!

Fontdeck website

Fontdeck comes out of private beta! Almost 17 months after Rich Rutter and I talked about a web fonts service in Brighton for the first time, the site was live thanks to the hard work of Clearleft and OmniTI. Now it features thousands of fonts prepared for the Web, and many of the best type designers and foundries in the world.

The Ulster Festival programme.

Ulster Festival of Art and Design programme

For the first time in around 15 years I visit Belfast. At the invitation of the Standardistas, Chris and Nik, Elliot Stocks and I talk typography at the Ulster Festival of Art and Design. We’re working on the Brooklyn Beta branding, so talk about that with a bit of neuroscience thrown in as food for thought. Belfast truly is a wonderful place with fantastic people. It made it hard to miss Build for the second time later in the year.

June was busier than it felt.

July

Mild Bunch summer; Pieminister, Ginger beer, and Milk Stout.

Pies and beer

Summer arrived in earnest. X has a blast at his school sports day. I do, too. Mild Bunch HQ is liberally dosed with shared lunches from Herbert’s bakery and Licata’s deli, and beers on balmy evenings outside The Canteen with friends. That’s all the Mild Bunch is, a group of friends with a name that made us laugh; everyone of friendly disposition is welcome!

August

8Faces and .Net magazine.

8 Faces and .Net magazines

8 Faces number 1 is published and sells out in a couple of hours. I was lucky enough to be interviewed, and to sweat over trying to narrow my choices. The .Net interview was me answering a few questions thrown my way from folks on Twitter. Great fun. Elliot, Samantha Cliffe, and I had spent a great day wandering around Montpelier taking pictures in the sun earlier in the year. One of her portraits of me appeared in both magazines. Later that month, I write about Web Fonts, Dingbats, Icons, and Unicode. It’s only my fourth post of the year.

Birthday cake made by my wife, Lowri.

Pies and beer

Sometimes, some things strip me of words. Thank you.

September

East River Sunrise from 20 stories up at the home of Jessi and Creighton of Workshop.

Sunrise from 20 stories above the East River

The whole of Analog heads to Brooklyn for a Mapalong hack week with the Fictive Kin guys. We start to show it to friends and Brooklyn studio mates like Tina (Swiss Miss) who help us heaps. It’s a frantic week. I get to spend a bit of time with my Analog friend Andrei Zmievski who I haven’t seen in the flesh since 2009. Everyone works and plays hard, and we stay in some fantastic places thanks to Cameron and AirBnB.

Cameron Koczon (front), Larry Legend (middle) and Jon Gibbins (far back with funky glove) in Studio 612a during hack week.

In Studio 612a during hack week

Just before I head to NY, Z starts big school. He looks too small to start. He’s 4. How did time pass so fast? I’m still wondering that after I get back.

October

Brooklyn Beta poster.

Brooklyn Beta poster

The whole of Analog, the Mild Bunch HQ and many others from Bristol, and as far away as Australia and India, head to New York for Brooklyn Beta! A poster whipped together my me, printed in a rush by Rik at Ripe, and transported to NY by Adam Robertson, is given as one of the souvenirs to everyone who comes.

Meanwhile, Jon Gibbins works frantically to get Mapalong ready to give BB an early glimpse of what we’re up to. Two thousand people reserve their usernames before we even go to private beta!

Brooklyn Beta!

Simon Collison giving his Analytical Design workshop on day 1.

Simon Collison giving his Analytical Design workshop

Chris and Cameron work tirelessly. Many, many fine people lend a hand. We add some last minute touches to the site, like listing all the crew and attendees as well as the speakers. Cameron shows off Gimme Bar with an hilarious voice-over from Bedrich Rios. Alan narrates Mapalong and we introduce our mapping app to our peers and friends!

Day 2: Chris does technical fixes, Cameron tells jokes, and Cameron Moll waits with great poise for his talk to start.

Chris, Cameron, and Cameron on stage at Brooklyn Beta

It’s something we hoped, but never expected: Brooklyn Beta goes down as one of the best conferences ever in the eyes of veteran conference speakers and attendees. ‘Are you sure you’ve not done this before?’ I hear Jonathan Hoefler of Hoefler Frere-Jones ask Cameron. It makes me smile. The fact one of our sponsors asked this question in admiration of Chris and Cameron’s work meant a lot to me. I was proud of them, and grateful to everyone who helped it be something truly friendly, open, smart, and special.

Aftermath: Cameron (blury in action centre left) regales us at Mission Delores; Pat Lauke (left), Lisa Herod (back centre right), Nicholas Sloan (right).

Cameron speaks

The BB Flickr group has a lot of pictures and links to blog posts. Brooklyn Beta will return again in 2011!

November

Legoland, Windsor.

Legoland

X turns 7. I realise he really isn’t such a toddler anymore. It took me a while even though he amazes me constantly with his vocabulary and eloquence. His birthday party ensues with a trip to Legoland on the last weekend of the season to watch fireworks and get into trouble. Fun times finding Yoda and the rest of the Star Wars posse battling each other below the Space Shuttle exhibit.

8 Faces

8 Faces number 2

8 Faces number two is published after being announced at Build. Much of the month was spent juggling Mapalong work, and having a great time typesetting the selections spreads for each of the eight faces chosen by the interviewees. That, and worrying with Elliot how it might print with litho. It all turned out OK. I think.

The .Net Awards take place in London. Christened the ‘nutmeg’ awards thanks to iPhone auto-correction, I’m one of millions of judges. We use it as an excuse for a party. At the end of the month, lots of the Mild Bunch go to see Caribou at The Thekla. Good times.

December

Mapalong!

Mapalong logo and screenshot

Mapalong goes into private beta! We start inviting many of the Brooklyn Beta folks, and others who’ve reserved their usernames. Lots of placemarks get added. Lots of feedback comes our way. Bug hunting starts. Next design steps start. We push frequently and add people as we go. Big things are planned for the new year!

Clove heart from Lowri.

Tangerine with a heart

The Mild Bunch Christmas do goes off with a bang thanks to Adam Robertson making sure it happened. Folks come from far and wide for a great party in The Big Chill Bar in Bristol. Lowri sneaks shots of Sambuca for the girls onto my tab, and we drink all the Innis and Gunn they have.

A few parties later, and the year draws to a close with a very traditional family Christmas in our house. Wood fires, music, the Christmas tree, and two small boys doing what kids do at Christmas. It’s just about perfect; A tonic to the background strife of the month, with a personal tragedy for me, and illness in my close family. Everything worked out OK. Steam-powered fairground rides, dressing up as dinosaurs, and detox follows with a bit of reflection. New Year’s Eve probably means staying in. Babysitters are like gold dust, but I just found we have one for tonight, so it looks like our celebration is coming early!

2011

In the new year, I’ll be mostly trying to do the best I can for my family, my colleagues, and myself. The only goals I have are to help my children be everything they can be, make Mapalong everything we wish it to be, and feel that calm, quiet sense of peace in the evening that only comes from a day well done. Other than that I’ll keep my mind open to serendipity. (…and do something about some bits of my site and the typesetting that’s bugging me after writing this.

If you made it this far, thank you, and here’s to you and yours in 2011; may the best of your past be the worst of your future!

Image dropdown with tooltips

Comments Off

Posted on 29th December 2010 by Stu Nicholls in internet |Uncategorized

, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Using the no hacks float drop technique to produce an image dropdown menu with popup tooltips.

Image dropdown with tooltips

Comments Off

Posted on 29th December 2010 by Stu Nicholls in internet |Uncategorized

, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Using the no hacks float drop technique to produce an image dropdown menu with popup tooltips.