Archive for the ‘Design’ Category

Jeff Park

Meet the new iPhone and iPad apps: faster, better, iOS 8ier

By Jeff Park | 2 weeks ago | 5 Comments

Hot on the heels of our newly redesigned HipChat for Mac, the brand new HipChat for iPhone and iPad is out today. The new HipChat is more responsive, more beautiful and more connected, so you can get work done faster, wherever you are.

The first thing you’ll notice is the new design, which is lighter, cleaner, and easier to navigate. It’s also faster; responding more quickly to get you directly to the right conversation. And HipChat uses some of the great new features of iOS 8 to connect with the other apps on your phone.

So what’s new?

Beautiful and efficient new design

We’ve redesigned HipChat to make it easier to read information and faster to navigate between conversations. The main chat window has been simplified and the chat windows have been improved to fit more context on your mobile screen.

We’ve also brought HipChat more in tune with iOS aesthetics, all while fitting beautifully within Atlassian’s Design Guidelines.

A fresh new chat view makes it easy to read your messages.A new home screen makes it easy to find your conversations.

Share to (and from) HipChat

The new HipChat makes it even easier to share with your team. 

You can now select any file from any other app and post them straight into HipChat, and vice versa. Let’s say there’s a photo you want to share with your team on HipChat. Simply click the share icon button, select HipChat, and choose which chat you want to share the photo with. Likewise, if you have a file in HipChat you want to share, just click the share icon inside HipChat and select where you want it to go.

Share on HipChat easily.

Interactive notifications

Now you can be even more efficient in HipChat thanks to our new interactive notifications. When you get a notification from another teammate or chatroom, you can pull down to read the whole message.

You can also respond directly from the notification. Click the pencil icon to type a reply. Or ‘quick reply’ with a thumbs up, thumbs down, OK or question mark. Interactive notifications let you carry on multiple conversations without constantly switching tabs. Get your point across without leaving your current chat.

Stay on top of your messages with rebuilt notifications.Quick reply to messages with our interactive notifications.

There’s a lot of other cool stuff in this update, so grab the new version on your iPhone or iPad. If you don’t have the app yet, you can download it for free at the App Store.

As always, we want to hear your feedback. Let us know what you think!

Jeff Park

Get to know the new HipChat

By Jeff Park | 2 months ago | 103 Comments

Starting today, we’ll be rolling out a HipChat that looks a whole lot different. At first you’ll notice it’s lighter and cleaner, but there’s a lot more going on (and sets us up for more big changes to come). We’re starting with the Mac app first, then we’ll be rolling out the changes to the rest of the apps.

HipChat for Mac 3.0

The new HipChat for Mac 3.0

Over the past few years, the Atlassian design team created the Atlassian Design Guidelines. ADG is a public guide of the best practices when designing Atlassian products, services, and add-ons. We followed the spirit of these guidelines in the new Mac app, so some of it may feel familiar if you currently use existing Atlassian products.

More than a coat of paint

Along with a new design, you’ll also find the app has some new features and fixes mixed in.

Emoticon autocomplete

Does your team have more emoticons than you can remember? It may sound like a (firstworldproblem) but once you use emoticon autocomplete, you’ll wonder how you lived without it. Simply type the open parentheses, and the autocomplete window will pop up.

Say things faster with Emoticon autocomplete.

Local time in 1-to-1 chats

Now when you’re in a chat with someone, you’ll see the local date and time of where they are. As a company that’s spread across a dozen time zones, we’ve been wanting this for a long time. Now I’ll know if I’m about to message someone in the middle of the night. I’m still going to do it, but at least I’ll know.

To make sure you don’t get woken up, you can set your timezone in your account settings.

The local time of your colleague is listed here.

Unread message counts

We recently added unread message counts to our Android app. Our Android users loved it, so we’re releasing it on all of our desktop apps (starting with Mac). HipChat will also indicate when you have new messages for tabs hidden off of your screen. You won’t miss a message again.

Never miss an unread message with unread (and hidden) message counts.

New presence icons

Our old icons were the classic red, orange, and green orbs that made it somewhat difficult to tell them apart (nearly impossible for colorblind folks). We’ve kept the color scheme, but changed the shapes to make it easier for everyone to know whether someone is available.

Updated status icons make it easier for all people to use HipChat.

One last change: search.

As HipChat has grown, our search took on the brunt of the growing pains. We’ve made a lot of infrastructure changes and now search speed should be noticeably faster. There’s also a search bar in the header now so you can search from anywhere. Best yet, since version 2.6, search results now show up within the app.

A much improved search is in the new HipChat for Mac 3.0.

There’s a lot more in this latest version, so update your Mac app and check it out. If you don’t have the app yet, download it for free at hipchat.com/downloads

As always, we want to hear your unfiltered feedback. If you have questions or got something to say, please let us know.

Pete Curley

New HipChat app icons, take two!

By Pete Curley | 6 months ago | 23 Comments

After months of hard work, our team was really excited to announce 1-1 video chat and screen sharing for all of the apps. However, that news was completely overshadowed by another change: a new logo and app icon.

This is our new logo and the controversial OS X app icon we released a few days ago:

New logo Controversial OS X icon

The feedback was as plentiful as it was negative. 

There were hundreds of tweets about how ugly the icon was. Hundreds.

The weird thing is, we agree. So how did this happen?

The original goal of the new logo was to align it with the rest of the Atlassian tools. I think we achieved that and came up with a solid logo. The problem came with the implementation of the app icons themselves.

You could look at the feedback and say “people hate change” which is often true. But the problem here was that a large part of our team feels the exact same way as our users. There were two schools of thought when it came to the icon:

School #1 – “Consistency means the icon is the same on every device.”

School #2 – “Consistency means it pays homage to the style/design while respecting the look and feel of each OS.”

We fought. We argued. We gave each other the silent treatment, then argued some more. In the end, we chose option #1. But hey, if it sucks, we can fix it. We have zero problem admitting we made a mistake.

We made a mistake. The app icon sucks. Today we’re fixing it.

Lesson learned: respect the design guidelines and recommendations put forth by each operating system, even if you have to sacrifice your own internal guidelines. No one wants to see an OS X icon that looks like it belongs on iPhone, and people certainly don’t want to see an Android app with an iOS style icon. The part that made me both happy and sad was that people on Twitter proposed an alternative design, and it’s almost the exact app icon that we decided not to use in the first place (and I have the PSD’s to prove it!).

Here’s the the new app icon we’re releasing today for the desktop apps:

The new NEW OS X icon

It may seem that having hundreds of tweets shitting on your icon is a bad thing. Sure – it bummed us out, but it means our customers are passionate and they fucking care. It also means our team members that argued for the ugly icon have to buy the rest of the team a big box of apology donuts.

So let us know what you think of the new icons. I can’t promise we won’t make mistakes in the future, but I can guarantee we’ll own up to them and make things right.

Jeff Park

Winter is coming — HipChat Game Of Thrones emoticon pack!

By Jeff Park | 7 months ago | 11 Comments

zOMG… did you guys catch last night’s episode of Game of Thrones?!

We here at HipChat have been going gaga over the new season and we’ve been chatting all about it. Pete was so excited that he created some Game Of Thrones emoticons this weekend, and we’re making them available to everyone.

 (hodor) - (hodor) | (tyrian) – (tyrion) |  (jaime) – (jaime) | (ned) – (ned) | (jonsnow) – (jonsnow)

 (daenerys) – (daenerys) | (joffrey)  – (joffrey)| (tywin) - (tywin) | (arya) – (arya)

Enjoy!

Elena Gorman

Help us raise money for charity (and win a system-wide emoticon)

By Elena Gorman | 9 months ago | 1 Comment

Help us raise funds for the Room to Read  and share your custom emoticon with the world.

Starting today, the HipChat team will open bidding on a universal HipChat emoticon via Charitybuzz.com.

We’re starting the bidding at $250.  Yes, that’s a lot of money for something you can create on your own for private use. The kicker here is that your emoticon would become part of every HipChat experience.

Universal? Go into any HipChat room and type (dealwithit). You’ll see this guy 

Everyone sees him because he is system-wide.

How it works

  1. Place your bid at Charitybuzz.com.
  2. If you win, our co-founder, Pete, will help you with your design.
  3. We’ll make sure everyone knows about it via our newsletter, blog, social media and lobby messages.

Of course, we reserve the right to refuse any content we deem inappropriate.

The cause

Our parent company, Atlassian, has set the goal of raising funds to benefit the  Room to Read Girls’ Education Program in Cambodia.

Our team believes in this cause and the organization behind it. We sent 11 staff members to check out the program personally.

Inspiration

Atlassians have created some epic emoticons for internal use. Most of them reflect inside jokes.  They are also a great way to build camaraderie.

We’ve got an incredible Events Manager named Rudy who owns a panda suit. He’s got his own emoticon (rudy) that makes everyone smile 

We also created emoticons based on our company values. The first of which is open company, no bullshit. So Atlassians type (nobullshit) and see 

We know you’ve got some good ones too…

So let’s merge forces to raise money for a great cause. The auction lasts until February 13th. Bid now!