Posts Tagged "Design"

The 2013 Sharks Jersey Redesign

After teasing fans on social networks for days prior, the Sharks took the wraps off their home and away jerseys today.

The players are obviously excited
The players are obviously excited

It was a minor update, and overall, I like the changes. The shoulder cap was nice, but I personally think the jerseys look better without it–the white away jersey especially looks great without the teal shoulder cap! Removing the orange accents from the numbers and letters is a big improvement, again, especially on the white jersey.

The only thing that looks peculiar is the absence of any striping on the waist. The black pants is a natural break in color, so at least it’s not one, solid color. Apparently, a big factor in this redesign was players’ desire to lighten the weight of the jersey, which taking out the striping would certainly accomplish. I own the consumer versions of the black 3rd and the now retired teal, and the black jersey without the stripes does feel noticeably lighter. I never knew why the players chose year after year to wear the black 3rd jerseys in the playoffs, and now we know!

I came to the same conclusions that I see other fans have posted online. The only thing I’d like to point out is now they have simplified everything, while they may not be much to look at, I think they look great on the players in context with the whole uniform.

A comparison between the old and the new
A comparison between the old and the new. I think the white home jerseys in particular are a big improvement. I never liked the teal shoulder cap.

My subjective opinions:

Thumbs up

  • Removed shoulder caps
  • Removed orange around lettering and numbers

Thumbs down

  • Kept the superfluous chest numbers
  • Absence of any striping at the bottom

Icethetics has a good review on the new sweaters.

Thoughts on iOS7, iOS6, and Android

iOS7 Debuted yesterday at WWDC
iOS7 Debuted yesterday at WWDC

Apple took the wraps off iOS7 yesterday and its unveiling created a lot of buzz all over the world. Before yesterday, the general feelings by tech experts and enthusiasts alike is that iOS had stagnated in recent years, with very minor updates and not a lot of innovation. This is partly because the smartphone platform has matured, but right or wrong, there wasn’t a lot of excitement around iOS. Just comparing iOS to Android feature for feature it was obvious that Android had not only caught up to iOS, but surpassed it in many areas. iOS badly needed a facelift if only to put some new shine to the platform.

We have recently seen Mac community high profile names like Andy Ihnatko switch to Android, and just anecdotally, I’ve had friends and family — some of whom are pretty well-entrenched iPhone fans — at least sneak a peek at the latest Android phones. And that speaks to how little iOS has changed to keep the attention of it’s users. iOS7 rejuvenates that community — right now the internet buzzing with opinions on Apple’s redesigned OS.

Android for Now, but Still an iOS Fan (yes, it’s possible)

I’m not posting this to bash iOS or sing the praises of Android. I’m no rabid fanboy of either platform but pride myself in always making an educated decision in going with what I think is best for me. I didn’t hesitate making the switch to Mac from PC when OSX looked so much better than Windows XP. I just feel that since I have used both platforms as my daily driver, my opinion carries a little more weight than those who have only ever used one or the other.

It’s disappointing to see so much hate on the internet between iOS and Android fans. Come on people! Just because you’re a fan of one platform doesn’t mean you have to be blind to legitimate upgrades of the other.

Wishing 7 had been 6

This time last year I was lustfully eying Android Jellybean’s features, but being an iPhone user since the beginning, I wanted to see what iOS6 would bring to the table before I made the decision. Unfortunately, iOS6 didn’t bring in some of the features that Android users had been enjoying for a long time.

Ignorance really is bliss! If I didn’t have friends who showed off Android’s notification shade, quick toggles, and multi-tasking, I would have been happy with my iPhone. But seeing those features on Android, there was no denying that it was just better in some areas, and it was enough to get me to switch. Fast-forward to a year later, Apple announces the biggest changes to iOS since the iPhone’s debut. iOS7 looks great and addresses a lot of the features I was missing a year ago. I got the Nexus 4 a few months after last year’s WWDC, and I wonder if had this iOS7 update come a year earlier, would I have switched?


Take those 3 aforementioned features: 1) notifications, 2) quick toggles, and 3) multi-tasking – how Android had been superior in those areas when compared to iOS6, and the promise of iOS7:

1. Notifications

Android had a notification center long before Apple implemented theirs in iOS5. Before iOS5, Apple gave every notification it’s own dialog box, which was clunky (not to mention annoying!) having to close multiple dialog boxes at a time, all the time. And even iOS5’s version of notification center was so bad I ended up hardly ever using it. One of the things that appealed to me about Android was it’s notification shade–it is one of the core features and is used all the time. And in today’s connected world, that’s how it should be, since you are receiving notifications throughout the day.

Notification comparison

Android 4.2

Android’s notification shade is probably the single most-used and most useful thing about the whole OS. You can swipe away single notifications within a group, pull down on one to see more info, or dismiss all of them at once with a tap.

And because Android is an open platform, you can add functionality to it (I have added toggles and shortcuts to apps at the top)


I was excited at first, but ended up rarely using the iOS notification center simply because it wasn’t intuitive. You could not dismiss one notification at a time – only a group, and that involved tapping a tiny “x.”

Not that it was all that much simpler to hunt through your homescreens for notification badges and go into each app, but that’s what ended up happening in practice.


Sadly, besides looking so much better than previous versions, and what might be a useful “Today” category, iOS7’s notification functions the same way.

2. Quick Settings / Control Center

Android has long had the ability to quickly toggle power-saving portions of the phone on and off through toggles and recently a quick settings pane. Android has had this useful feature for so long I was frustrated that it took Apple so long to implement it themselves. iOS7 finally brings this to the iPhone and it’s a welcome addition.

Quick Settings comparison

Android 4.2

Quick toggles built-into the OS are pretty new to Android, coming in Jelly Bean 4.2 at the end of 2012, though toggles have been available as widgets or add ons to the notification shade (as I have them in my notifications screen above) for far longer.


iOS has long been stuck in their 2007 settings menu where you have to drill down through multiple menus to turn different things on and off.


iOS7 introduces their version of quick settings, called “Control Center.” Just like all of iOS7, the implementation looks great.

The icons, sliders, and text are still a little bit of a mess. It’s not immediately clear at a glance what is on or off and readability isn’t great. I supposed you would get used to it.

3. Multitasking

Multitasking on iOS is another feature that I rarely used because it is a bother. The reality is, even if I knew another app was open, it was easier for me to hit the home button once and tap the app from my homescreen because I knew where it was rather than double-clicking the home button and hunting through pages — 4 apps at a time — to find the app I wanted to switch to. Also, the number of steps it took to close open apps made it so I never closed apps!

Multitasking comparison

Android 4.2

Android’s multitasking is accessed by a tap of a button. It gives you large previews of your open apps, and closing an app is just as effortless as switching to one: simply swipe the open app either left or right! It’s so easy and fluid that Android owners use this killer feature constantly.


In contrast to Android simple tap and swipe method of closing an app, iOS’s involves a double-tap, then long-pressing an app until it “wiggles,” then hitting a tiny “x” to close the app.


iOS7 comes to the rescue here again with slick-looking multi-tasking of their own, complete with swiping up to kill an app. Simple, visual, and easy!

iOS7 is a Welcome Upgrade

I’ve been fiddling with the iOS7 beta for an evening now and while it’s a polished beta, it’s still a beta. Laggy performance and random app crashes I’m sure will all be ironed out by the time it’s released to the masses.

Besides the three features I mentioned previously, here are my quick first impressions.

  • The whole iOS7 theme seems to be “light” and “airy.” The absence of borders and bars, transparency, removal of any superfluous adornments, simplifying of icons, and even the choice of the lightest of fonts with thin strokes gives the OS a feeling of space and room.
  • It’s interesting to see that Apple’s apps are now predominately white-themed. Google has been moving in that same direction with their Google Now “cards” look. iOS7 and Android’s newest Music player look strikingly similar:

Music players compared

Google Play Music (left) and the Music App in iOS7 (right)

  • I love the animations when opening and closing an app or opening a folder. Little visual cues about where you are going or where you are coming from are small details that is classic Apple. Love it.
  • I’m happy to see that Apple’s embracing gestures further
  • I wish Apple had introduced something akin to widgets or something totally different for their home screens. Folders are still the only way to manage your “desktop” on iOS, and I much prefer Android’s philosophy. Give people more ways to customize their phones to their liking!
  • Auto-update apps – another headache for me on iOS fixed with iOS7, and another one of those features that Android users have long enjoyed

Android fans can gripe all they want about how iOS stole this and that from Android, but it doesn’t change the fact that this is a great upgrade for iOS. If nothing else, it puts a fresh coat of paint on a stagnating OS, and gives people something new to try out. As for me, I think after using iOS since 2007 and then a mature Android for a year, I now prefer Android — at least for now. I have gotten so used to Android’s philosophy of being open, allowing for endless ways of being able to tweak and personalize my phone for my needs.

I’m quite happy with being able to turn the default Android 4.2 home screen (left) into a home screen carefully crafted to the way that works for me (right):

Nexus 4 home screen out of the boxNexus 4 home screen modified

And that’s the beauty of Android–infinite ways to make the phone what you want it to be. Unhappy with the icons (the way a lot of people feel about iOS7’s)? Change the icon set. The stock keyboard not working for you? Download and install one of the really great keyboards available on the Google Play Store.

Very different than Apple philosophy of making the iPhone the way they believe is best for you–and there’s nothing wrong with that, because it’s carefully polished UI works and makes 99% of it’s owners happy. When the dust settles from the initial storm of complaining that accompanies every change, I think users will be pretty happy with what’s new in iOS7. And guess what? This is good for the Android OS also. Competition always brings out the best out, and this is nothing but win for us as consumers.

The Great Portfolio Redesign of 2013

I haven’t redesigned my portfolio site in ages. It’s undergone minor “realigns” in past years, but this time I started from scratch. I give you the new Blue Sphere Studios!

Blue Sphere Studios
This redesign features a layout that changes to adapt to whatever device it’s viewed on.

All the buzzwords are in there: HTML5, CSS3, and most importantly, responsive. With mobile becoming more and more of a factor for the web these days, responsive design the skill to have right now. That is, doing away with specific mobile versions of websites and developing one website that actively “responds” to the device form factor, be it a desktop with a 30-inch monitor, tablet, or the smallest of smartphones.

Responsive design was just starting to show on websites around the time of the 2011 An Event Apart Conference, but the following year at the same conference, it was all about mobile, and responsive design took center-stage.

Next to the slow but rewarding change from websites with table-layouts to the css-based design, responsive design is the biggest change in thinking for web designers. Mobile-viewing is growing and continues to grow exponentially, while the desktop experience grow has slowed, and your next website redesign must have a responsive design or you are leaving a big part of your audience with a less than happy experience on your website.

A responsive design makes a difference!
A non-reponsive website (left) will leave your mobile users squinting or zooming in and out, while a responsive design (right) changes the layout on the fly for a better mobile experience.

So check out the new Blue Sphere Studios website and let me know what you think! Redesign

I’m happy to say that after a year of off and on work with the excellent team at the non-profit, CityTeam Ministries, we’ve launched a long-overdue redesign of the CityTeam website! redesign

CityTeam Ministries was my first web design job out of college, so I was happy to work with them again. You can see a brief history of their website designs on my post I wrote when I left CityTeam back in 2005.

Congratulations to CityTeam and the marketing team on the launch of their new website!


Months of work has led up to a brand-new This version of the website sheds the 3 or 4 (more?) previous designs, and brings the entire site into a single, unified design:

The new
The new

The previous state of the website had iterations of old designs from years and years past running together simultaneously, with their own sub navigation, their own css, and to a degree, their own structure. As you can imagine, this was a huge headache for updating the site. Just to illustrate what a mess this was for the user, here’s random handful of pages on the old site, each pointing out 6 different sub navigation designs:

Yep, this is all the same website

We invested the time to bring all these different generations of the website under one, brand-new design and architecture. The sub navigation is now pretty consistent across the entire website. It was a big project up-front, but I know that it will really pay large dividends in the coming years with future product launches and general maintenance.

The global navigation underwent a huge overhaul. The old global navigation:

Old nav
Old nav

…and the new one, using the superb protofish dropdowns:

New nav
New nav

As a side note, I made a big push to use some forward-thinking CSS 3 techniques, and drop full support of IE6 (Hallelujah!). Small CSS 3 enhancements like rounded corners, drop-shadows, and pseudo-selectors sped up development time, allowing me to literally re-code the old site in this new design in the insane project schedule we have here.

This was a huge effort, and a big redesign of the site was something that I have been wanting to do since I came onboard. I jumped at the chance to get it done in the small window of opportunity that I had. Congratulations to the web team for a job well-done. Now if only we could get a break–onto the next product launch…


And since this took so long to write and post, FileMaker 11 has launched already. Bring on the purple!

Car Design: The Honda Insight vs Toyota Prius

Both Honda and Toyota released their new green cars recently, and I can’t be the only one who sees the similarity…

comparison 1
Honda Insight (top) and the Toyota Prius (bottom)

comparison 1

comparison 2
Honda Insight (top) and the Toyota Prius (bottom)

comparison 2