Andreas Hellqvist

Digital creative from Stockholm

Social

DeviantArt Dribbble Google+ LinkedIn Twitter

iOS 7 GUI PSD

06/12/2013

So Apple just introduced iOS 7 and it sported a new look. I decided to create an iOS 7 PSD mockup with some of the GUI elements. It’s all in vectors and nicely grouped in various views. Will probably do an update when Apple releases the OS to the general public in the fall. Until then you can download it at my Deviant art page. Use it freely for private and commercial projects. However don’t try to sell it. Make something amazing! :)

Webb

Stockholmsmässan web page

02/06/2012

Stockholmsmässan is the largest meeting place in Scandinavia hosting around 70 leading exhibitions and hundreds of national and international congresses, conferences and corporate events every year.

Stockholmsmässan wanted to create a new fair schedule on their main web page so that the users could “browse around” and discover new exhibitions. I helped Stockholmsmässan create an immersive experience for the users that improves their abilities of both finding exactly what they are searching for and discovering new and exciting experiences to attend.

I wanted to display three primary exhibitions, editorial content followed by list view. The user can also do a text search, order by date, choose by category and list the exhibitions alphabetically.

Case-mobil

Stockholmsmässan mobile app

11/25/2011

Stockholmsmässan is the largest meeting place in Scandinavia hosting around 70 leading exhibitions and hundreds of national and international congresses, conferences and corporate events every year.

Stockholmsmässan wanted to create a mobile experience framework for their exhibitions. The user can search for exhibitors and look up activities. Since one of the functions was indoor mapping we felt that an app would be best in regards to performance rather then making the web page responsive. Another reason was that we wanted to create a focused experience that should be enjoyed on the exhibit floor and made it possible to pre download all data incase there was spotty coverage inside.

stofair-iphone2

The app had to be designed in a way that it would be easy to “reskin” to work with a number of different fairs and exhibitors.

Stockholmsmässan wanted to display a lists of all the participating companies. There were also some filtering options. The user could mark a company as an favourite, or star them inside their profile page in the app.

These companies should really stand out in the different listings so instead of just adding a tiny little yellow star I came up with the idea of inverting the entire list item.

marked-favourite

Case-Rejta1

Rejta

06/08/2011

Rejta is a rating service where users can voice their opinions regarding everything from restaurants to car service specialists. Rejta is part of Eniro which is one of Swedens largest companies in local search. The greatest benefit with Rejta is the user created content that brings an added value to local search.

Rejta wanted to expand into mobile with apps for both iOS and Android. After market research we found that users who like to participate and voice the opinions, more commonly do so in a mobile environment. They want to rate the company immediately after the transaction or service is completed. We also identified a large group of individuals who use Rejta to find new great companies, for example restaurants on the go.

rejta3-maps

We started with creating a wire frame and rapid visual prototype. Then we divided all the functionality into “Need to have” and “Nice to have” groups. We felt that iOS was the premiere platform to initiate on, because it had the largest user base and most potential of reaching critical mass. It would also be a great way to verify our findings in the initial market research.

After a successful launch of the iOS app we started to create the app for Android. Both platforms has it’s pros and cons, but one of the biggest for me as a designer was the fact that Google hasn’t really set a standard for their applications UI. This was a huge challenge for us as we had to identify some kind of a design pattern through out the Android app store.

rejta4.android

Download here: Rejta for iPhone, Rejta for Android

Case-ipad

Eniro sea charts

05/26/2011

Eniro is one of Swedens largest companies in local search. Eniro was originally very heavily invested in print as they were responsible for the telephone book. The concept of searching for “name” and “number” is a heritage that influence the perception of the services the company offers today. We wanted to distance our self from this idea and started to develop the concept of packaging our existing data about local business in new ways.

pa-sjon1

Sweden has a large archipelago with a serious amount of islands. The marine life is a huge part of the population and it’s estimated that there’s over a million leisure boats. That means that one in six people spend part of the free time in a marine environment.

We came up with the idea of pairing free charts with the ability of searching for various products and services. Fuel, guest harbors and hotels were some of the categories.

Initially we started with an app designed for iPhone. One of the limitations of the device in that environment was that the screen really is too small to get a favourable sense of direction when viewing the map. We solved this by implementing an augmented reality function so that the user could hold the screen up to the horizon and actually see the direction of the target.

After completing the phone apps for both iOS and Android we continued to create a more immersive experience for iPad. Here I felt that we had the opportunity to express our self a bit more and create a product that not only solved a problem but also gave the user a more pleasurable experience. I designed a user interface inspired by classical 50’s racer boats with analog indicators, leather and a feeling of luxury.

pa-sjon-ipad2

 

pa-sjon-ipad

Download here: Eniro på sjön HD, Eniro på sjön, Eniro på sjön för Android

Case-ipad

Eniro iPad concept

05/06/2011

Eniro decided to try a new fun and creative way of exploring concepts without any constraints. The called this Eniro labs, and this is something Google introduced in order to motivate their coworkers. I created this concept during an Eniro Labs exercise, and its my vision of how Eniro should look and fell on the iPad.

Case-notifications1

iOS notifications concept

03/12/2011

I really love electronics in all forms and I wanted a chance to contribute some how. I started to think about ways to improve iOS and at the time there were several areas that could be improved, but one stood a bit taller then the others. Notifications was the area where even the most hardcore fan could agree that Apple was a bit neglectful on. Users where being harassed with numerous intrusive popups, and you had to act on them right away.

I really love electronics in all forms and I wanted a chance to contribute some how. I started to think about ways to improve iOS and at the time there were several areas that could be improved, but one stood a bit taller then the others. Notifications was the area where even the most hardcore fan could agree that Apple was a bit neglectful on. Users where being harassed with numerous intrusive popups, and you had to act on them right away.

There were a lot of really great concepts for iPhone notifications, but they all seemed to stray away from what was the look and feel of iOS. So my idea was pretty simple, I created a concept using only the existing graphical resources of iOS, short of a few few exceptions.

My idea was to use the app switcher menu to display notifications when the device was active.
When I started thinking about how to improve the notification system I felt almost immediately that Apple is all about apps, so why not make an app that handles this task. Take Settings for example, one would think that the entrance to this would be more integrated into the system, but in Apples case they view it as just any other app. Therefore you as a user can choose whether this is important to you or not, i.e. noteworthy of a first page placement or even quick launch bar. Having one app that handles all notifications also reduce the time you have to spend hunting them all in various apps.
The app itself is was very straight forward. The notifications was structured in three simple views. The first was a list view in order to get an overview. The second was an extended view where you could read the full messages just like in an RSS news feed. And the third was notifications grouped by app, this way if you get 10 mails and 15 Facebook wall posts you could still find your 2 SMS messages quickly. In all views you could also clear all notifications. Note that this only clears the notification, the actual messages would still be there.

I thought long and hard about notifications on the lock screen. Apple was doing it already, only it’s one at a time and you couldn’t really act on it. I felt that the space between the clock and lock bar could be used more effectively. So I started adding more notifications in almost the same style as the app. I took away the time and date to clean up the impression a bit. It was just glanceable information in my view.
I was looking at the lock screen and felt that you simply had to be able to act on the individual notifications, but how? Just enabling the ability to click a notification seemed dangerous. Pocket calling would increase ten fold. Then it dawned on me, why not slide the app icon in the same way you slide to unlock. This way it’s a reduced risk of accidentally calling your boss at a Friday night.
That function actually made it’s way into the final product. I released this movie and pictures about three months before Apple unveiled iOS 5. I think they certainly must have had this idea in some form or another during this time. But it could quite possibly have been one of a number of ideas and the positive feedback I received during the months before the keynote could have pushed them towards this solution. But I guess I will never know ;)

Here are some of the highlights after I published my work:
“Brilliant Designer Shows Apple How iOS Notifications Should Work” – Softpedia.com
“Apple, Please Hire This Man And Implement His iOS Notifications Already” – Read Write web
“An iOS notifications concept that we wish was real” – The Next Web
“How Notifications on iPhone Should Work” – MacTrast
The concept was also mentioned at 9 to 5 mac and Tuaw.com
I’ve got in contact with some really creative and inspirational people and have gotten a ton of great suggestions and ideas. The response from the gadget community was completely overwhelming, and I am so happy that I got the chance to share my concept.

Older Posts