Inference

I have always felt that there has been a really unjust divide between designers and developers. It’s almost like this really weird chasm that one must cross to go over to the other side. Somehow designers lack the analytical thinking required to be a developer and that developers lack the creative sense needed to be a designer. I think this is a really broad generalization and to me, it comes down to what you are striving to be in your career. Regardless of where you stand on this debate, one thing is clear; in a day and age when people are churning out web-based products at a high rate, there is incredible value in being able to do both.

I have always been a developer and never felt the need to learn how to design, until I started working on my own products. Once you start working on your product, there is this strong urge to put out the best you possibly can. And part of making a good product is a good design. So I started spending more time into understanding the aspects of good design. One of the issues I faced was that none of the design articles, books and tutorials were geared specifically towards developers. I really wanted a “design tips for hackers” type of a book. Something I can put to use right away and not feel like I need to spend an eternity to learn how to make the lander and interface for my project.

The 80-20 Effect

It’s true that it takes years to master any craft, and design is no different. The more time I spent on it, the more I feel there is to learn. I have come to respect designers and their work. That being said, I feel a lot of the basics can be picked up very quickly if it is provided in the right format. I’d like to think of this like the 80-20 effect, where getting reasonably good takes 20% of the time and mastering it takes the rest. So I am going to put together a series of posts that try and do just that.

Design Tips for Developers

I have gotten quite a few requests in the past from people asking me for feedback on their designs and I would always have this feeling that if only they knew a couple of small things, they wouldn’t need my advice. I am going to try and list the things I have learnt in the past couple of years of working on the design for my startup. I have the following goals in mind:

• Make it practical
• Target current design trends
• Greater detail to help with the basics
• Talk about specific techniques with examples

I hope that after reading each of these posts, you should be able to go back and apply it right away on your existing designs.

Who is this for?

I am trying to target developers that have little to no design experience and would like to do things to improve their design but don’t have the resources to bring a professional designer on board. Somebody that wants to improve but is stuck with the one nagging question, “people tell me my design looks bad but I don’t know why”.

The Plan

I’m going to try and make this set of posts as practical as possible while talking about the theory behind the designs as well. I’m going to be talking about the basics of using Photoshop for visual elements of the interface, the basics of UI, typography, the importance of grids, etc. I’ll also try and touch on the importance of developing a good taste for design and how we should think about design while developing products.

Disclaimer

I am not a professional designer nor am I going to pretend to be, so take my advice with a grain of salt. In essence I am trying to lay down a path that I would have liked to take as a developer when I was starting to learn design. I hope others find it helpful.

Rest of the Series

This post is a part of my Design Tips for Developers series.

• Preface
• Photoshop Basics
• Photoshop Effects – Gradients

Share

Please do share this on .

Thanks to @mliao for reading over this post.

We are officially launching our API and as a part of this launch the guys at TweetAgora are launching TweetAgora v2 which comes with a really slick implementation of our API.

Cadmus API

We have rolled out a couple of changes to the API over the last couple of weeks. The most significant change being the ability for other applications to allow their users to sign-in to Cadmus and get their API key. We do this by using OAuth echo to verify the user’s authentication details with Twitter and then returning the Cadmus API key back to the calling application. This allows application developers to seamlessly integrate with Cadmus. And it is as simple as a single click for our users to add Cadmus into your application. A huge thanks to Mark from TweetAgora for working with us to ensure that the process was as simple as possible for our users. You can learn more about our auth API here.

TweetAgora v2

Lets quickly walk through TweetAgora’s implementation of our API. First you get prompted to enable Cadmus if you wish to see your stream sorted by relevance.

And with one click they use the Cadmus Auth API to pull in my details.

Once TweetAgora has my Cadmus API key it shows me my stream sorted by relevance using the statuses API. And just like that I can view my Cadmus stream on my iPhone.

I can look at a tweet in detail.

And pull up the entire conversation around it using the comments API.

I have my personal trends using our trends API.

And search results just from the people I follow as well using the personal search API.

Mark and Brett from TweetAgora have done a great job with their latest version. You can grab TweetAgora from the App Store and read more about its other neat features here. You can also learn more about our API here.

If you would like to integrate Cadmus into your application; send us an email or contact us via Twitter for your own application key!

Share

Please do share this on .