behance99uconference
Posted on May 9, 2013

Some thoughts on creativity, provoked by Behance’s 99U conference

I recently attended the 2013 99U Conference put on by Behance. This was my first 99U Conference and I would highly recommend it to anyone who is serious about embracing creativity.

Sometimes reflection is even more important than new learning. Here are some key patterns that stood out to me:

Creativity is a discipline.

We are creative creatures but many of us are institutionalized (read as problems with our educational system) from a young age, which really puts a damper on that skill. If you aren’t feeding your imagination and constantly being curious, like muscles those skills weaken or never develop.

Creativity can be taught.

I never really understood what went into creativity because I never stopped using my imagination. The Art of the Deal best selling author, Tony Schwartz, provided a jaw-dropping look into how he sees the creative process, which I will never look at the same way again.

Insight.  First find and define the problem.

Saturation. This is the information gathering phase chalk full of research. Most designers hate this phase because it isn’t “creative” in their mind. From my perspective, the designers I respect most are all about saturating themselves in data and inspiration.

Incubation. This is where you walk away from ideas and thinking altogether, which Schwartz refers to as “thinking aside.” He explains that when you shut your mind off, your brain is able to spark the best creativity, which is why ideas pop in your head during a shower, while walking in nature or when you are dreaming. This is often an area I totally ignored since I’ve never really had the luxury of time, but one I’ll be looking to learn and apply in my ever-changing creative process.

Illumination. This is one step we are likely all familiar with. The infamous a-ha moment that stops you in your tracks.

Verification. This is the point where things start coming together; the part where you make it real. This part reminds me of the great scientists of history having an idea, testing it and learning from it.

Learn, modify and repeat. That being said, creativity isn’t supposed to be easy, as Cal Newport points out, it takes a level of deep work and focused intent to develop skills and solve problems. Malcolm Gladwell talked about 10,000 hours being the time it takes to master a task. Nonetheless, we have scientific data to back how the brain learns things.

Ideas are nothing without execution.

I don’t try to coin phrases, but I’ve been saying this one for much longer than Zuckerberg and others who take credit for it. I believed this so much that I built an entire company around it. I started my design career working for other agencies and turning “ideas” into reality. I would get handed what I call “pie in the sky ideas” with what felt like seconds left on the clock and had to figure it out. “Why” wasn’t a question I got to ask. As a “vendor” it was all about making it happen, no matter how.

You will get your ass kicked.

Acknowledge the critic just don’t give them an opinion.

Brene Brown reminds us that showing up will open us up for getting our asses kicked by critics in a visual analogy to the fights at the coliseum in Rome. Lowering your shield and being vulnerable is the only way you can truly create something amazing. Fail fast and don’t get too attached to your work especially if you are in the design business. It’s never about perfection, it’s about solving a problem and iterating fast to improve.

Fail fast and iterate.

Agile thinking isn’t a new concept. In fact,  it’s been being used by software developers for over a decade but its now making its way into companies on a much bigger scale. Embrace imperfection and testing to help you arrive at your product or project goals faster. For me, this means thinking in whiteboards, post it notes, rough prototypes and most importantly, involving customers and users.

TLDR;

I believe if one can embrace failure and constant iteration it will make for better creatives and more effective leaders and collaborators. Hope you enjoyed this post. You should follow me on twitter I post cool stuff sometimes. Now go make something you love.

Posted on May 2, 2013

What I’ve been writing lately. Have a look!

I haven’t been ignoring my blog, I’ve just been writing in other places. Here’s some digital treats for your curious minds.

Top 20 Skills for Digital Project Managers

A comprehensive list of the skill sets that will take your project management offering from good to great. This list outlines the path for instant success with your team.

The Rise of the Marketing Technologist: The CMO of the Future

A prediction and call-to-action for today’s CMO and aspiring CMOs to understand the trends shaping the role of the CMO and how technology will quickly become an extension of the CMO’s responsibilities.

How to Manage Other Designer: 10 Expert Tips

Helpful advice for working with designers to meet client and company expectations. From communicating properly to understanding their process, these practical tips can drastically improve the experience for both the designer and manager.

7 Reasons Why Mood Boards are Worth the Extra Time

The benefit of mood boards in digital design projects for not just the designers, but all other members of the project team. Mood boards set a foundation for all future design elements.

6 Simple Tips for Becoming an Awesome Creative Director

A guide for designers that have been promoted to management positions that test their leadership and time management skills while pulling them away from their true love of designing.

10 Tips for Doing Well in Design Interviews

Tried and true advice for acing an interview tailored to job seekers looking to do design for an agency.

How Shoppable Video will Add the New Layer of Interaction to Video Engagement

Video has been an increasingly effective means of marketing and advertising. In this article, I attempt to cover the next big trend in video: the ability to shop the video you’re watching.

Like my stuff? Please follow me @petesena and let me know!

entrepreneurlife
Posted on March 20, 2013

Thoughts on Entrepreneur Life

Most entrepreneurs I know don’t talk about the balance between life and work. They talk about their burning desire and passion to innovate and inspire change. Be it creating a product or feeding an entire village in Africa, they’re constantly pushing for their next goal. To them, there is no balance between life and work because they are one and the same.

Countless professionals have written about the dangers associated with not separating business from personal life. But why would I want to separate business and my personal life, when my business is what I love doing? It seems more torturous to force myself not to problem solve, not to strategize, not to design and not to write code after 6 pm everyday. The four tenets of my job are the four things that I have loved doing my entire life.

I like to live my life like an action movie plot, always chasing after another dramatic exciting challenge that has to be solved and moved past. For me the boundaries of life, work and play seem to blur together. I like to think that this is a blessing and not a curse.

Find something you love and do it everyday and you will never work a day in your life someone once told me. Luckily, I’ve found (and founded) that thing I love in Digital Surgeons. I’ve been so fortunate to be able to find and build a team of like minded individuals. This again is where the line between work and life blurs. My colleagues at Digital Surgeons have become part of my family. We work together, play together, overcome challenges and celebrate successes together. I know plenty of blood related families that can’t say that.

You’ve only got one life so finding what matters to you and focusing on that is the key to happiness. Whether society says that your happiness is coming from “work” or “play” shouldn’t dictate how much time you spend on it.

What are your thoughts on entrepreneur life? I love connecting with people and learning about how they see the world. You should follow me on twitter. I tweet a bunch and some of it’s useful (debatable).

designsystems
Posted on March 3, 2013

Designing beyond the responsive web. A look at design systems.

Great design is about systems. No matter what the medium is great visual communications should aim to be accessible and adaptable to every display.

What the hell is a design system?

A design system is a combination of components and modules that define the visual attributes of an experience. These attributes come together to form rules that create the foundation for how a design translates from medium to medium and viewport to viewport. Think of design as building a house: design systems specify what materials, angles and styles you can use in the process. Creating a modular framework of visual language components ensures your creative holds up even in the most unforeseen conditions.

Elements of a design system

Content

voiceandtone

The basis of everything is content.  Mailchimp’s amazing resource Voice & Tone shows us how to look at every aspect of content strategy broken down by situations and content types. Design without content is decoration, echoed by Jeffrey Zeldman in May of 2008 (and he won’t let us forget that either).

zeldmancontent

Typography

typography

A picture is worth a thousand words. Hopefully those thousands of words look good together. Almost every design system relies heavily on the usage of typography to help deliver its message. The combination of fonts used and their base size should start to dictate the typographic styles of the design system. To establish a balanced utilization of typography we typically leverage techniques such as Modular Scale. Tim Brown’s amazing gift of Modular Scale functions like a musical scale in establishing a predefined set of harmonious proportions between fonts. Proportional percentage based sizes help us strike the right balance between control and sanity across all devices and mediums.

I tend to choose a few key device sizes based on the understanding of the audience and let these serve as a testbed to benchmark against (i.e laptop, desktop, ipad, iphone). This lets us balance the importance from large headers down to block quotes. Since most of what we do is digital, we generally think in terms of markup types. We can take inspiration from the BBC’s Global experience language or from what we call our “UI Kit,” which breaks down all the various types of content and how they will be displayed.

Color Palette

colors

Color allows us to bring together contrast and is one of the simplest ways to unite experiences. We all remember the Starbucks green, the UPS brown and the Twitter blue. This recognition is because of repetition and a media-agnostic delivery of an established design system.

Iconography / Shape / Form

icons

Some design systems rely heavily on the use of iconography and shapes to establish visual hierarchy and create an instructional system. Take the New York City Transit Authority Graphics Standards manual for example – or get inspired and contribute to the Noun project.

Grid & Visual Hierarchy

grid

Grids help enforce rules for visual hierarchy. They show us the order modules take in the layout and how they are brought to life. Collapsing columns, transforming images into icons or shorter type driven interfaces are just a few examples of this brought to life.

Hop on over to mediaqueri.es and see how designs are transformed based on various viewport sizes.

Imagery

imagery

Usage of imagery in a design system helps to evoke an emotion. Often photography composition in brands takes on specific treatments that help us recall images such as the silhouettes holding the iPod in the Apple commercials or the strong saturated images of athletes achieving the impossible by embodying the “just do it” mentality. Imagery creates a visual continuity to the design system and sets apart a brand from a stodgy stock website.

ipod

Tying it all back together.

No matter what kind of designer you are, or are striving to become, remember to think in Design Systems; not comps. Design is a job thats sole purpose is to solve problems and establish communication. Design isn’t just art but rather the intersection of art and science.

Start with a mood-board and some content to begin to establish the visual language you are looking to create. Once you’ve started to establish the visual language translating it for different mediums tends to be a production task and not a conceptual one since the hard part is already defined.

I’m not going to force-feed you on the notion of designing in the browser, but being familiar with HTML/CSS and grid systems will be critical no matter what role you play in the design process.

We created Gumby, a responsive web design framework, to speed up how we transformed our designs into functional experiences. This framework helps us quickly translate all of the above elements of a design system into responsive layouts significantly faster than hand-coding and testing our own grid and layouts from a blank canvas. For more on that see the making of a responsive CSS framework.

For typography, turn to resources and tools like Nice Web Type , Typecast, and Typekit for creating and experimenting with web-ready typography in your designs.

Stay inspired and keep creating and making things. You should follow me on Twitter.

Posted on February 16, 2013

February Web Design resources roundup for designers

As a designer you are always on the hunt for inspiration, shortcuts, and resources that will help you focus on being creative faster. Here is a roundup of design resources that you can use on your next design project.

Little Ipsum - A menu let that lets you quickly grab latin sentences and paragraphs. No more going to websites to generate it.

design_0001_littleipsum

 

BLOKK – Not a fan of lorum ipsum or perhaps your client has a hard time visuzling your layout with greek text. Blokk is free great font for quick mock-ups instead of lorum ipsum in your designs.

blokk

 

DottedPaper – Dotted paper for sketching
dottedpaper

Gui Toolkits – A comprehensive library of design user interfaces for web and mobile apps
design_0013_guikit

Placeit by Breezi – A great tool for those times you need to quickly toss your app mockup on a device (iPhone, iPad, etc) Great for presentations.
breeziscreenshots

UXPIN. A great online tool for doing UX together. It’s faster than Axure and has a much lower learning curve.

uxpin

 

Subtle Patterns. Every designer worth their macbook can make a repeating pattern in Photoshop. Time just isn’t on our sides these days. Subtle Patterns has a library of free repeating patterns for use in your next web design projedct.
design_0009_subtle patterns

Pattern Tap - Great inspiration of design and interface patterns. Learn from the best and submit your own.

design_0008_patterntap

 

Dribbbleboard. If your’e a designer and not on dribbble you’re doing it wrong! Seriously though this is a great site to quickly rip through the recent content on dribble in a nice scrolling grid.

design_0000_dribbbleboard

Free UI Kits. Having UI Kits to get inspiration and as a starting place is super helpful when you are designing interfaces. Not every project is an opportunity either via time or budget to be able to start from a blank canvas. Here is a good site for pulling those resources when you need them in a pinch.

design_0002_freeuikits

CSS Drive Image Palette – Ever have a great photo rich with colors and you want to base your design color palette of it? This tool will help you with your palette quickly just upload from an image or web URL.

design_0007_imagetopalete

 

Colour Lovers. A great site to share your color ideas and inspirations and be inspired by others palettes.
design_0006_colourlovers

Adobe Kuler. Integrated with the Adobe Creative Suite this great tool is awesome for finding color palettes.
design_0005_Adibe Kuler

0 to 255. A great site for finding color variations based on a base color.

design_0004_0 to 255

 

Icon Finder. For those times when you need a quick icon.
design_0003_iconfinder

Typecast – Your type is going to likely end up online or in an app. Playing around with type fast is helpful.
typecast

Agile Designers - A great resource site for all types of resources from software, to fonts to icons.
agiledesigners

Stockvault – A quick place to snag photos from multiple sources. Similar to compfight.
design_0011_stockvalut

 

TextureKing – A place for free stock textures of grunge, dirt, concrete. Super helpful for comping and design.
design_0010_textureking

Business Model Canvas – If you are going to be a user experience designer you are going to need to understand business goals. This will help you work those out with your clients and teammates.

businessmodelgeneration

 

Typograph – A great tool for laying out Type scales using vertical rhythm
typograph

Sneakpeekit – Browser and Mobile Sketch sheets for designers.
design_0014_Layer 18

 

Gumby Framework – We live in a responsive era. This CSS framework will make designing your site on a fluid grid easy and comes with a nice customizer tool for easily downloading HTML/CSS responsive out of the box.

gumbycss

 

If you found this inspiring or useful please share it with someone that might find it useful as well. These things take time to pull together and I wanna share my design resources with the community. Follow me on twitter @petesena

 

Posted on February 16, 2013

February Roundup of Javascript Resources for front-end developers

Metafizzy Dropping Packery, a Sequel to the famous Masonry for awesome grid based layouts with jQuery

packery

iLightbox – A great Lightbox jQuery plugin for standalone use or as a WordPress Plugin

ilightbox

 

Meet JSDB.IO, a great collection of clientside Javascript libraries and snippets.

javascriptblog_0018_JSDB.io

 

Fine Uploader – Make file uploading easy.

javascriptblog_0015_fineuploader
Live.JS – designing in the browser with live reload of your scripts.

javascriptblog_0011_Livejs
Super Scrollorama – scrolling animations

javascriptblog_0012_superscroll
Infinity Scroll by AirBNB – Speed up and make infinite scrolls possible in your web app

infinityjs
Use Color Thief – JQuery + Canvas for grabbing a color palette from Image.

javascriptblog_0000_colorthief
ArcText – Curving your text with CSS3 & JQuery

javascriptblog_0001_arctext
Learn Angular JS easily with these screencasts from Egghead

angularjs

Cool Kitten – A framework with Parallax visual effects built in as an option

coolkitt
How to learn Javascript properly: You will learn Full Javascript Language, JQuery and some HTML5

javasexy

Slabtext – A JQuery plugin for responsive headlines.

javascriptblog_0007_Slabtext
HTML5 Grayscale Image Hover

javascriptblog_0017_html5 grayscale
Tubular – Set your background as a Youtube Video

javascriptblog_0016_Tubeular
Reveal.JS HTML presentations made easy

revealjs
scrollTo – A great plugin for smooth scrolling to an element

javascriptblog_0008_ScrollTo
jQuery Knob – touch friendly, Jquery spinning dial

javascriptblog_0004_Knob
Socialist – Pull social feeds into one feed. Supports Twitter, Youtube and Linked In.

javascriptblog_0003_sociallist
Adaptor – a JQuery content Slider

javascriptblog_0002_adaptor

 

Parallax.JS – A great library for all sorts of Parallax effects

parallax

 Turn.js – Make an HTML5 Flipbook

turnjs

Scroll up – A nice light scroll to top jQuery Plugin.

scrollup

These are some JavaScript and JQuery resources that I found useful for one reason or another this month.  If you enjoyed this post please share it with someone you think will enjoy it too. Did I miss any? Drop me a line on twitter @petesena

Posted on January 28, 2013

Is Facebook the next frontier for online dating? What marketers and startups can learn from the dark corners of the Internet.

Porn sites and dating portals have always been the first to innovate on the web. They leveraged mainstream usage of algorithms and video players first, turned to search engine marketing tactics early, experimented with freemium / premium subscriptions models first, and mastered the use of retargeting to follow you around the web.

Big data is big, but data attribution in scale is the tough nut to crack

Marketers, publishers and brands all have one thing in common. They want to better understand their consumers so they can better engage and monetize them. Everyone is collecting user data but analyzing and taking action on that information is a a complex science.

What does the future of online dating look like?

I don’t envy anyone who is currently involved in the dating scene. Digital communication through text messaging or social networks often trumps face to face as the primary means of communication today.

Dating websites continue to thrive despite a lack of recent innovation due to necessity. Some sites like eHarmony or Match.com dig deep into personality profiles and predictive matching based on predefined criteria. A perfect personality match might not be the only thing dating site users currently need.
What matters most to users today? Time.

We don’t have time to date!

Is Time the limiting barrier these days or are we just lazy? The digitalization of our society has us clinging to our smart phones; bringing “connected world” concepts to an unhealthy level in our personal and work lives.

Busy people often turn to apps and dating sites to help find their match. Just as people use LinkedIn to find a job or Craigslist to find used furniture. It’s more than time these days: we live in a “click culture” where we expect instant payoff for our needs.

Why is Facebook poised to be the dating site of the future?

You likely are already using it. Facebook exploded originally in the closed loop that was the ivy school system originating in Harvard and quickly spreading from college to college. Now it is the current social media home to every possible person and their grandmother on the planet.

Facebook is ripe to do just about anything based on the two that every startup on the planet craves: users and data. Not just users but active, engaged users who spend as much as eight hours a month, or one entire work day.

Going beyond Personalization and recommendations.

Every smart marketer has already introduced personalization and recommendations based on what they think they know about you, but what about what the information that only you know?

Facebooks mass adoption and high user engagement (for those not suffering from Facebook fatigue) means they can shorten the time you spend making your profile and focus on matching you with the right people, providing you opt in.

It could be a dating inbox or courtship corner, a pay to promote yourself style listing, or maybe just using their new graph search to rifle off a number of things you are looking for to narrow down the possible matches worldwide that fit what you look for in a match. Maybe you aren’t looking for any sort of deep relationship at all.

Facebook will be able to save users the time and aggravation of using online dating sites by leveraging their current data and large user base.

They say opposites attract why not create digital magnetism?

What if users could input the things they disliked about themselves that people with strange desires on the other end could respond to? I know I mentioned porn sites before, but I’m not talking about quirky fetishes here I’m talking about the primal unspoken desire that connects us.

What you hate about yourself others sometimes love.

Hate being overweight? Maybe you are a workaholic who wants to have a one day a week relationship that is more than just casual sex? These are people’s inner thoughts and not something that even the likes of Facebook can truly put together.

The future of online data is about connecting the dots. What’s that all mean?

Better data attribution and recommendation engines. I’m not going to beat you over the head with big data jargon so lets keep it simple.

Start by giving the user the ability to add more things they hate about themselves and less things they love about others. Facebook’s staff should be paying top dollar for psychologists and sociologists like they are for engineers.

Now certainly we will have to be careful and treat this data the same way we treat passwords to prevent people’s inner thoughts from leaking to a Google search engine page.

The psychology of the human condition is far more advanced than any algorithm we have today while still being one of the most simple and primal things on the planet.

Facebook, Google and Microsoft are pushing the bounds of search farther each day and leveraging interesting consumer data to provide a utility for users while matching up with their business needs. Great user experiences are all about bridging the gap between “the what” and “the why” to offer a seamless value for both the brand and the user.

Interested in how big data can informs user experience or shape the consumer journey? I’d love to connect or hear your thoughts.

Follow me @petesena and stay tuned for my next post on jumping into big data, some tools and platforms to help get you started.

Posted on January 19, 2013

What it’s like running a “small” agency?

First, before I pour my heart and soul into this post, here’s a little bit of context: In an effort to be more vocal in 2013, I asked my Twitter followers what content they found useful or enjoyable on my Twitter feed. Most people mentioned things like the tools I post, relevant business or marketing stuff, and development and engineering-related content. A colleague and friend shared that he enjoyed reading my thoughts and insights that involve running a small agency.

But small sounds limiting, instead let’s try the word “boutique.”

I don’t like the term “small” because I’ve seen lots of giants fall at the hand of a small sword or a faster more nimble competitor that they dismissed because of its size.

So what’s it like to run a boutique digital agency? Well for starters it’s awesome. It’s exhilarating and brings with it new challenges each day. It’s also very frustrating. Frustrating as in “I wish brands got it,” that sort of way. For us “small agencies” each and every client matters and every one of us working on their business put our heart and soul into it. With each project, idea, line of code or sexy visual, we leave a little piece of ourselves behind. Credited or uncredited, these artifacts are our legacy.

The day-to-day hustle

Coming to the office everyday to work with a team I love trumps everything. Face it – we all spend more time at work than we do with our families and loved ones. For that single reason it’s so important to go to work every day loving what you do and who you do it with.

Profits and losses matter, but human capital is what matters most

Our boutique agency team represents more than numbers on a P&L to me. I get to share amazing challenges and victories with these people every day. My job as managing partner is to make sure we are energized and well-equipped to help grow our client businesses.

From small local companies to Fortune 500s, we exist to support them. They don’t need us to run their business, but they do need us from time to time to help add to, extend or accelerate their initiatives and to take their brand to the next level. That could mean launching a product or campaign, supporting their online marketing and advertising, or sometimes just course correction for their digital journey.

I have to admit, running a small, excuse me, boutique agency also leaves me feeling smug at times, just from seeing the lightning pace we can move at – accomplishing more in a month than some behemoth agencies do in a year.

Embrace chaos. Change is our best friend.

Embracing change is what sets us apart from others. We don’t just like new, bright and shiny tools and interfaces — we seek them out. And when we don’t find what we want, we invent them (see Gumby). From browser capabilities to using sensors to bridge the physical and digital world, there’s never a dull moment in picking up or inventing the next big thing that will spark and engage consumers.

Our success is directly affected by how aggressively we pursue and embrace the changing digital landscape. Brands don’t need us to execute for today, they want us to plan and execute for tomorrow. Being small and nimble means less red tape, which makes us lean and mean enough to charge ahead at light speed.

We can act faster, think deeper and have the luxury of not being controlled by a parent brand or organization that dictates how we operate, the things we do and what our value propositions are. Need a contract changed or signed? Give us a minute.

Competitors at every corner

Digital agencies are popping up from every corner of the globe. Some emerge from the ashes of traditional agencies, others strike out as one-man armies. Each hang out their shingles for pretty much the same reason. They are sick of the Madison Avenue bureaucratic bullshit and want to get back to what they’ve invested heart and soul into for as long as they care to remember – their love of being creative.

The craft of digital. This ain’t Mad Men.

We don’t live in the Mad Men era anymore. Advertising has changed drastically and the media and measurement available to marketers is an ever-changing landscape.

I come from a design and development background and have always known that having both sides of that coin would be hugely beneficial. Consequently, we don’t hire people who do only one thing. As a boutique we have many hands on deck daily tackling diverse problems and client challenges. Having specialists (or one-trick ponies) would put us in the same segmented straight jacket that restricts bigger agencies. Instead, we hire creative generalists and technologists that possess a wide set of skills rooted in passion and curiosity.

I’m not saying every designer codes or every developer can design, but a deep understanding of the other’s craft through frequent collaboration makes the world of difference for us every time. Sorry, Don Draper, the days of drinking scotch and single-handedly solving the problems of the world in one sentence are gone.

Ideas ain’t shit without execution. Even Zuck agrees.

Not trying to bite the hand that has fed us but I can’t tell you the number of big “full-service” agencies that we have bailed out of trouble because they over-promised big ideas that were so far-fetched they would make your favorite science fiction film seem believable. We have a saying, ideas are a dime a dozen, but a well-executed idea can be worth millions. Don’t take my word for it, even Facebook’s Mark Zuckerberg attributes the paramount of Facebook’s growth and success to execution over ideas.

Ideas are backed and validated through whatever constraints exist. Just like budgets and timelines change to accommodate bigger thinking, ideas need to adjust to maximize budgets or timelines that have no wiggle room.

For the revolutionary product launching at a trade show to the next hottest blockbuster video game, we don’t have the luxury of spending all day with our heads in the clouds. Instead we have to scale our ideas to fit the need. Creativity in context – that kinda thinking is what big ideas and awesome execution are all about. Call it what you will, lean this or lean that, lean is the way of successful startups. Successful because they get it.

How big is small?

Our growth can be attributed to our practice of hiring the omni-skilled, our relentless drive and being blessed with some luck and amazing people. I never imagined I’d be running a 25 person agency in my twenties but it sorta just ended up that way. My quest to break down the silos that perpetuated the clumsy agency model has resulted in a holistic digital agency that continues its beastly evolution that I marvel at and nurture daily.

Our next challenges will be to remain nimble, innovate relentlessly, and continue to amaze and amuse ourselves and our clients. We think the “boutique” concept can support adding more brilliant people as well as a few thousand square feet. As we said at the beginning, small refers to size. We are certainly not small. But boutique is a state of mind. From that perspective, we can continue to grow, without growing out of our minds.

Thanks for stopping by, you should follow me on twitter I might tweet something you will like or find useful.

Posted on January 12, 2013

Change where screenshots go on your Mac.

There is always a time when you need to take a screenshot. It could be of a section of a window, website, etc. There’s a ton of programs or browser extensions that will do that for you but if you just need to grab the contents of a window or something on your screen why not do it using the built in Screen Capture from the Mac.

By default these goto your Desktop. I personally don’t want them going on my desktop. So I found out you can change this easily by opening terminal and telling it where else to go.

I like having them in my Dropbox, specifically in my public folder, so if I want I can quickly create a link to them to send to people. This comes super in handy when instant messaging or chatting it to someone who doesn’t support image sending, i.e google chat via web interface.

If you just want to change where they go that is fine do it like this:

  • Open terminal. Located in your Applications folder, tucked inside “utilities”

 

Screen Shot 2013-01-12 at 1.54.41 PM

  • Copy and paste this command into terminal: defaults write com.apple.screencapture location ~/Dropbox/Public/screenshots/
  • If you run this command this will save to a folder I’ve already created inside my dropbox public folder called screenshots. Simply change this path to wherever you want it to go. If you need to know the path to where you are saving it just find the folder you want and do a right click “get info” or command+i on the folder

Screen Shot 2013-01-12 at 1.58.21 PM

  • hit enter once you’ve done this and it will goto the next line without saying anything (that is ok) this occurred.
  • In order to get this to take effect you have to restart the UIServer in the system by executing the killall SystemUIServer command as shown in the screenshot below:

Screen Shot 2013-01-12 at 2.00.28 PM

  • That is it you have now successfully changed where your mac stores screenshots to.

Some other things you might want to know about the “take screenshot screen capture on the mac

  • Take screenshot – COMMAND + SHIFT + 3 (this captures the contents of your entire screen)
  • Take screenshot with cursor (aka a section of a window) – COMMAND + SHIFT + 4 (this will give you a cursor you can draw a picture with and snap just a section of it.
  • Take a screenshot of just a window – COMMAND + SHIFT + 4, then let go and click the spacebar, your cursor will turn into a camera icon and you can hover over the window you want to take a snapshot of.
  • Take a screenshot but only store it to your clipboard (aka don’t save to a file) After executing any of the above shortcuts, release and hold down the Control key. The control hotkey takes the contents of the screenshot and saves it to your clipboard. This is great for pasting into a document, ichat, etc. PS, the new google docs (in chrome) lets you paste right into the document if you didn’t know that already.

Well I hope this helped you out. If you are looking for more ways to tweak how your OSX does things you might want to have a look at Tinkertool, which makes it super simple with a GUI (no terminal needed) to change a ton of default things on your machine.

Stuff like:

Screen Shot 2013-01-12 at 2.09.00 PM

Looking for how to take a full page screenshot (say of a long copy page or something visual?) No problem.

My two favorites (for chrome) that I use are:

If you are looking for ways to do this with Firefox, Safari, or want a more extensive list of browser extensions/plugins to handle screenshots have a look at this article on designer daily.

If this helped you out, share it with a friend or gimme a shout on twitter.

 

Posted on December 29, 2012

Start 2013 with some Productivity tools & time saving workflow tips.

I’m obsessed with productivity and efficiency. Sometimes I’m so obsessed with these things that I make myself inefficient in the quest searching for new tools or techniques. Every year I pickup new tools, put others down, but there’s that core group of programs and techniques that I never seem to get sick of. Here are some of those tools and techniques I use daily to help organize, consume, process and share information.

I’m not claiming to be an expert in these things but I’ve read and applied successfully a ton of this stuff from experts like David Allen, Merlin Mann, Gina Trapani who have coined and contributed to some of the greatest techniques including GTD, Inbox Zero or built great blogs and successful businesses through applying or writing/speaking on these things.

Schedule time to read up on new techniques and happenings in your industry.

No matter how fresh or epic you are there’s other things happening that will help to validate, inspire or teach you how you can be better. Many of us these days wear multiple hats so being able to follow people who are niche practitioners and writers on their craft will help get you light years beyond where you are at today sometimes in just a few reads.

For me “industry” means Marketing, entrepreneurship, design and technology. I run a digital marketing agency so being up on and passionate about these things isn’t a hobby it’s a lifestyle.

That sounds great but when do you find the time?

Time is my most precious commodity these days, and I’ve studied some of these topics and am writing this very article in efforts to “hack” how much I could cram and get done each day.

I’ve found mornings, evenings, weekends, or while traveling (when you aren’t driving!) make for the best times to do the reading, curating, learning and sharing of this type of information.

First let me talk about of the tools you will need in your arsenal to be able to adopt any of this.

Some tools of the trade I couldn’t live without.

Twitter

Screen Shot 2012-12-29 at 3.46.24 PM

I’m pretty sure this one needs no introduction, but nothing surprises me these days online. Find people you respect or that inspire you and follow them. They will tweet links and you can either read them now, pocket them to read later, or if the source is a new blog with interesting content you can add it to your google reader or pulse so every time new content gets posted you can follow it without risking missing it in a sea of other tweets.

Pulse

Pulse_AboutUs-24a53b28ba8e37a36657f48125883ceb1fad7b28
Pulse is a sexy reader app that you can use wherever you are either via the sexy web app in the browser or iOS/Android/Kindle App. Pulse lets me pack it full of feeds, that I typically subscribe to in my Google reader and displays them in a very sexy way. Being a visual guy I like to be able to quickly rip through headlines and visuals and make my choice for what I want to read based on my mood or needs at that time.

Where the real magic comes in with Pulse for me is in its ability to connect to some of my other tools, since I often have “bursts” of time to digest but often don’t have the time to be able to fully read or digest the content. Luckily I can “Star” something in Pulse and it will also goto my Pocket (formerly read-it-later) account for reading later.

Pocket (formerly read-it-later)

Pocket is a great web and iOS/Android app that let’s you put things you want to read later into a collection that can easily be retrieved when you are ready via the web or mobile app. You can email yourself articles or sites to “read later” or anything you star in your reader app (if hooked up to pocket) will be waiting for you when you have that time to read it.

Screen Shot 2012-12-29 at 3.15.48 PM

The whole “Read it Later” concept, does it work?

I’ve heard from many people that “read it later” doesn’t work for them because they never go back and read the things. I know people who literally will keep dozens of browser tabs open for weeks on end with the hope that they will “get to it” and never do. All I can say to that is if something is important enough to you then you will read it. I try to only “pocket” or “star” things that I actually want to read that will either provide direct value to me or my team.

Speaking of my team, I believe in any service based business we are in the business of people. Data and knowledge have always been the currency that I like to trade and live on so adding this discipline into my regiment not only helps me be better at what I do, but also arms my colleagues, teams and social followers with tools and tricks that will hopefully also help inspire and grow their skills.

All these tools have social sharing built in (big surprise) so being able to email, tweet, facebook them to others is super simple.

Buffer

Buffer is pretty new to my workflow, but its ease of use and integration with my other reading apps makes it a perfect pairing for those times when I want to make sure I’m consistently sharing the gems I discover with those that are kind enough to follow me on twitter and read what I post. What buffer provides me with via the Chrome extension or mobile app is the ability to quickly build up things I want to share and then time release them automagically without me worrying about having to pick a time to post or worrying about over-sharing and pissing off people who follow me. At Digital Surgeons we use hootsuite, and a slew of other social tools for managing and analyzing our clients social accounts but their interfaces are a little too cumbersome for me when I’m simply trying to read an article and share it with people. Buffer gives me that nice “set it and forget it” approach to sharing.

Screen Shot 2012-12-29 at 3.36.31 PM

You can see here how items I’ve shared to buffer via Pocket just automagically stack up and are sent out during key times to post based on my timezone and follower-base. If you want deeper knowledge on posting schedules and a ton of tools to better engage your audience that’s what Digital Surgeons is for, after-all this is just an article to help you manage the signal and noise in your life with tools.

 

Evernote

 

We come across so much information these days there isn’t a shot in hell we can remember it all. It’s been years since I jumped on Evernote and it is literally one of the best apps on the planet. You can store everything from meeting notes to recipes or a photos with this app that there is an entire blog on their website dedicated to how people are using Evernote to do the quirkiest of things with it.

Screen Shot 2012-12-29 at 3.42.00 PM

I use evernote as a great “catch-all” tool. If I’m reading an article on programming or design and need to store a it for later I’ll use the web clipper to “clip” a part or entire part of a page and I can just forget about it. Lately I’ve been organizing my notebooks (I use the premium version) based on topics, projects or categories so it becomes my big cloud-synced junk drawer for that given topic. Where the magic of evernote saves my ass daily is in this below screenshot.

Screen Shot 2012-12-29 at 3.58.28 PM

Back in September 2012 I read an article about some random iOS6 hardware acceleration issue and a quick snippet of code to fix it. I was debugging a client project and couldn’t remember what that snippet was so I turned to google and saved myself minutes or possibly hours of searching for the solution simply by having Evernote’s chrome extension setup to include related results.

To enable related results just goto the extension options and enable it as seen below:

Screen Shot 2012-12-29 at 4.01.45 PM

Still not convinced are you? That’s fine try this one on for size. When webpages change or have dead links you can keep the content forever inside your always remembering Evernote. Here’s a real world example I just went through where Evernote saved my ass. A big part of what we do as a digital agency is work with clients on the topic of content strategy. One of the members of my team had a great resource guide on content inventory for web projects that she was trying to share with our client to aid them in that aspect of the product. The problem was the website was now “closed”. Google had released a beta product called KNOL which looked to be a powerful rival to wikipedia in terms of being a knowledge base of freely-available information. This article was something we referred our clients to weekly but now that the site was down the content was gone forever. Luckily I had Evernoted it so all i did was searched google for “content inventory audit” and in my related results was the entire webpage cached in my Evernote.

Notes, Images, Audio notes, Screenshots, whatever you want to place and be searchable later that is where Evernote comes to your rescue.

More tips and tricks on Evernote can be found on their site.

Top things I store in Evernote:

  • Website screenshots and images for inspiration
  • Tutorials or design/development articles
  • GTD and productivity articles I want to be able to reference again after I’ve read them.
  • Notes
  • Tools, SAAS products and other things I want to download, use or share with others.

Wunderlist

To-do list apps seem to be a dime a dozen these days. There’s tons of them but I like simple and a clean interface. For me to-do lists help keep me organized for what I need to do. Certainly I could use Evernote for this but I really prefer the quick simple interface that Wunderlist provides. In addition to having it synced across all my devices (OSX Laptop, Desktop, iPhone, iPad) I really like the new “push notification” capabilities for sending me reminders.

imageofwunderlist

At work we use Basecamp to trap project to-dos and such but I also have a life outside of work (sometimes) so being able to have my own to-do lists privately help me create and achieve goals without having to share them with others. One big tip if you use to-do lists. Break them down into smaller lists. There is nothing like clicking a to-do done and watching the lists crunch down. The longer the list the more unapproachable it is. This tool is free and awesome and even lets you share to-do lists with other people so you can be tackle it as a team. Note the Xmas list I shared here with my fiance for our families christmas gifts.

1 Password

One of the best tools for anyone to have is 1Password. If you are using the right kinds of passwords (not password or 1234) it is damn near impossible to be able to remember them all and you definitely don’t want to have them typed out on a post-it note on your monitor for anyone to steal.

Logging into social networks, banks, shopping sites, or any site that requires you to fill in information 1Password can come to your assistance.

Screen Shot 2012-12-29 at 4.16.57 PM

Literally by using the 1Password app and browser extension you can visit any site and in one click automate the entire login process. For a test one day I counted the amount of time I spent authenticating websites via login and it took nearly 5 minutes of my day looking up passwords and keying them in. 150 minutes a month, 1800 minutes a year, that is almost an entire work week  (30 hours) for some people each year you just got back by using this tool. There’s plenty of information on their website about the security of their app but it’s secure and plenty of professionals rely on this application in their daily lives. You will thank me later trust me.

IFTTT

My brain works like a computer program iterating through if/else logic all day long. It doesn’t matter what I’m doing it’s just how my brain works. What is awesome about this website is it lets you setup “recipes” for automating tasks.

Screen Shot 2012-12-29 at 4.24.19 PM

 

Things like when I update my Facebook profile image update it across all my social networks, or anytime someone tags me on instagram or facebook go get the image and download it to my dropbox.

The power of IFTTT is amazing and how the hell they offer it for free is even more amazing to me. Signup for it and have a look at all the “recipes” that are out there to help automate many mundane tasks you do online often.

 

Dropbox

 

Dropbox is a key application for saving and syncing files in the cloud. I use this for work, personal and keeping files synced between my many devices. Dropbox versions your files, backs them up in the cloud and makes your files accesible wherever you are via their web interace. Their pro and team plans make it incredibly affordable to have all your files locally and backed up in the cloud.

dropboxlogos

 

Caffeine

 

Caffeine is a great little tool for preventing your computer from going to sleep or screensaver. This is great for when you are giving a presentation, or working with your computer and don’t want it to goto sleep if you don’t touch it for a few seconds.

mzi.nvflrkie.175x175-75

 

 

 

 

 

Are you looking for a tool or solution to a problem you have? Shoot me a tweet @petesena and let me know. If I know of one I’ll shoot it your way. Well it’s time to get back to doing something awesome with my Saturday hope someone gets some use from this post.

 

Older Posts