Lukas Hermann

69 posts on MacStories since April 2012

Former MacStories contributor.


Preview iOS Designs Instantly With Skala

A while ago I wrote a quick review about Screenshot Journal, a utility to archive and investigate iPhone and iPad screenshots on the go. It features a zooming capability of up to 400% to inspect single pixels in order to easily find design flaws, but to transfer those screenshots back and forth, I personally use Pastebot. As I recently found out, developer Bjango offers a kind of a mixture of these two worlds: Skala.

Skala is a tool for designers to easily check iPhone or iPad UI designs (or other creations like wallpapers, etc.) they made on their computers on the screen of iOS devices. Skala comes in two apps: Skala Preview on the Mac — which ironically features a 3D version of the feared OS X beachball as its icon — and Skala View on iOS. The latter obviously works on both the iPad and iPhone, but because the design is the same in both cases, I’m going to focus only on the iPhone version here. Read more


David Leatherman Is A New And Unique Growl Theme

In February, design agency Yummygum posted a exciting Dribbble shot presenting a design idea for a new Growl notification. The tanned leather-styled design, which got inspired by a (also very cool) Growl theme idea of Manu Gamero, was designed in order to create a completely new and innovative theme, which would be different from any other Growl theme:

“The goal was making something else than a (what seems to be the default) semi-transparent dark or light box with tooltip.”

After publishing roundup with 10 really gorgeous Growl themes last month, they’ve now finished their own. It’s called David Leatherman, was coded by Patrick van Marsbergen from Mimbee, looks a bit like a leather credit card, and definitely fulfills the aim of being unique and stylish, though I think it won’t fit everyone’s taste in design.

Nevertheless, it’s pleasant to see that the Growl community is still alive. If you like its style, the David Leatherman theme can be downloaded for free.


Compare Timezones On The Go With Timelanes

When I ask myself what timezone a friend (or more recently, colleague) lives in, I fire up the Clocks app on my iPhone or Every Time Zone when I’m on my Mac. In many cases, this needs quite some time and disrupts my workflow; I need to go back to my mail or calendar or any other situation which required this knowledge (meetings, mails or projects) and apply the time differences to them. Yesterday, I stumbled upon Timelanes by B-ReelProducts, immediately bought it, and from time to time while trying it out, I remembered some awkward situations in which I could have needed exactly this app to enhance my workflow.

Timelanes basically is Every Time Zone on the go — with some handy extras and a different, but in no way worse UI. When launching it for the first time, the app automatically locates your current timezone and displays it styled as a horizontal lane. This way, it centralizes your chosen hour of the day, plus indicating the exact current time with a small clock indicator. At the same time, you can easily switch between the days or come back to the current time using the arrows and the clock button at the center of the navigation bar at the bottom of the screen, or you can scroll horizontally until you reach the exact point in time you need (Timelanes works both in portrait and landscape mode).

From here, comparing timezones and times is just two taps away. Using the plus button, you can search for any city in the world — not just those standard “indicating” cities like NYC or Mumbai — and add them to your lanes. Those behind your current timezone are displayed above, those ahead are arranged below it. Tap the weekday information and it will change to the actual date, so you can see when the new day begins in every timezone; swipe one, and you can delete them again. Here lays a small and more or less the only design flaw of the app: the edges of the delete button are scruffy and look pretty ugly in my opinion. Read more


Simple: Online And Mobile Banking With Style

New services providing financial management usually evoke doubtful feelings within us, as we tend to rely on big, long-time running companies with a good reputation rather than small competitors new to the game. More or less exactly two years ago, in May 2010, Alex Payne joined and co-founded a company called BankSimple with the imagination of a bank without fees, caring for support and responsible money treatment — plus a love for good design and usability concerning its user-end products. It already sounded like an ambitious goal the day he published his announcement post.

Two years later, his company, Simple, has grown into a still small, innovative and transparent financial service for US-residents who own a social security number, a computer, and an iPhone. It’s a combination of “classic” credit card payment and modern online banking. Read more


Review: World Atlas For iPhone

Good design certainly is not all to care about. Sometimes, a nifty UI can solve many problems or even hide certain failures in functionality. But it can be as perfect and unique as conceivable — if a product doesn’t work at all, good design cannot change that. Unfortunately, I came across a very good example for this: World Atlas by Technoplus. I only tested the iPhone version, so I cannot tell anything about the usability of the separately sold iPad app yet. But on the iPhone, it’s easy to sum up World Atlas as a well-designed, yet pretty useless app, coded without real care for good UX and features. Read more


The Magic Of Words, Or: Why I Am Addicted to SpellTower

I still remember the day when Chris recommended this game to me – SpellTower. When I looked at the game’s website for the first time, I asked myself whether it could be a new subject for my Inspiring UI series. Although I concluded that it would not fit the series, the website nevertheless looked like the game could be worth my time. Zach Gage, the developer, promotes SpellTower with a nice scrollable site, containing some lovely designed icons and symbols, large, mono-colored backgrounds, and some moving CSS3 flavour. It is a lovely website you should take a look at – whether you’re interested in games or not – just for the sake of admiring Zach’s work as a web designer.

But since I am interested in iOS games and I was curious to see if the game could live up to the site’s promise, I downloaded SpellTower for the ludicrously low price of $1.99 (actually, it’s currently on sale for $0.99, so please head over to the App Store to get it first, then continue reading afterwards). Allow me now to shortly recap what playing SpellTower is all about (the app features a one-minute tutorial, which also interactively explains the game’s concept). To summarize it in one sentence: to me, SpellTower is like Tetris with words.

Random blocks with letters arranged in twelve rows cover the screen, and you have to connect letters located abreast of each other. Some letters need to be included into certain minimum lengths, indicated by a small number in the top right of their square block, and words touching black boxes without letters will delete them. Blue colored letters included in a word (these are letters which are hard to incorporate into words, like “Z” or “J”) delete a whole row and generate a lot of points. Apart from those special features, the game follows one simple rule: the more letters a word has, and the more rare those letters are (a “Q” is obviously more valuable than an “E”), the more points you earn. That’s all there is to say about the game’s concept: you can start playing SpellTower within seconds, a prior condition a game needs to get you addicted to it.

This principle is translated into five different game modes, two of which you can unlock by reaching extraordinary results in the two basic ones: tower mode, where the screen is completely filled up with letters and the goal is to make as many points with them as possible; and the more tactical puzzle mode, which starts off with five rows, adding one row for each word you spell until the letters reach the top and the game ends. You can also play rush mode, which is the closest match to the idea of Tetris: rows add over time (whether you spell words or not), and you need to quickly eliminate them to prevent a letter from reaching the top. While I’m not the best at puzzle and rush mode — I do not even reach the 1000 points mark, and to unlock the fifth mode you need more than 2000 points — playing the tower mode always is a lot of unconstrained fun and makes me coming back again and again.

So, how exactly is this addiction accomplished? I think it’s a combination of three factors that Zach managed to mix perfectly: UI design, highscore competition, and a vocabulary learning process. Read more


Facebook Introduces App Center

Facebook has introduced App Center, a new way to distribute Facebook apps to more than half a billion users in order to centralize existing apps and easily allow developers to publish new ones in the future.

Today, we’re announcing the App Center, a new place for people to find social apps. The App Center gives developers an additional way to grow their apps and creates opportunities for more types of apps to be successful.

With today’s introduction, Facebook has opened a beta phase for all developers. Starting today, developers can create and lay out their app’s detail page within the App Center (see example above) using predetermined guidelines. If you’re really fast and submit a finished layout before May 18, your app will be listed with higher priority when App Center launches. The submitted apps are checked and controlled with fixed quality perceptions in mind, and if they get approved, they’ll be available at the initial launch of App Center — Facebook didn’t specify a fixed launch date though.

Additionally, there’s a new feature added to their statistics app Insights: it’s a user feedback monitoring tool that uses a new, visual app ratings metric (see image below).

App Center will also go mobile through the iOS app, using a layout comparable to its possible future competitor, Apple’s App Store:

The App Center is designed to grow mobile apps that use Facebook – whether they’re on iOS, Android or the mobile web. From the mobile App Center, users can browse apps that are compatible with their device, and if a mobile app requires installation, they will be sent to download the app from the App Store or Google Play.

To make your app ready for iOS or Android, the app just needs to use Facebook login. For the first time, there will also be the possibility to offer paid apps through App Center.

Many developers have been successful with in-app purchases, but to support more types of apps on Facebook.com, we will give developers the option to offer paid apps. This is a simple-to-implement payment feature that lets people pay a flat fee to use an app on Facebook.com.

As of now, developers can visit the new App Center tab on the developer website to create their app’s detail page for the new Facebook App Center.


Archive Blood Pressure Results Easily With Bloodnote

Nobody likes being ill, but thanks to software, nowadays we have a series of better options and tools to ease the process of logging our health. When it comes to heart attacks and related issues, obviously the first thing to measure is the blood pressure. It lays out the overall situation of our body and is a good measure to compare the health over time. Most people who need to check their blood pressure over a longer period of time use paper notebooks or little post-its for that — at some point this method is doomed to result in chaos. To ease up this process of archiving blood pressure results and to allow for easy comparisons, Peter Bajtala and Matt Ludzen developed Bloodnote for iPhone.

Bloodnote is designed as minimalist and simple as possible and does not need any big tutorial or explanation for its feature set. It saves your blood pressure results for later and you can fetch them again, whenever you like or need to. It features the standard division into systolic and diastolic pressure as well as the pulse frequency. You can flick through the past results and view them with a single tap. These are basically all features the app has to offer; they’re certainly useful, but when reviewing Bloodnote for a design series, it’s much more interesting to analyze how these features are embedded into the app’s UI.

The three values are displayed using differently colored (red, blue and green), nearly full circles. The whole app is — besides the colored circles — designed in various shades of beige, and within the circle, a darker area is indicating optimal results as a benchmark. A legend at the bottom of the screen connects the color to their respective values (red for systolic, blue for diastolic pressure and green for pulse frequency). Tapping and holding one of them dims the colors of the other circles to focus on one specific value. To enter a new value, you just tap the respective circle, drag up or down until the indicator (which automatically pops up) shows the right value. The dragging interaction is sensitive and pretty smooth, and it’s very easy to get exactly your currently measured value. Tapping the date indicator at the top brings up a slide calendar to move to a specific date in the past and take a look at the respectively measured results.

Bloodnote is a really thought-out iPhone app. Its design just serves the functionality and makes it both simple and — if you can say that — fun to a certain extent as well. It makes recognizing the different values as well as changes over time very easy, and therefore is a very good and time-saving way to enter and archive blood pressure results. You can get Bloodnote for $1.99 on the App Store.


Invy Is An Iconic Date Planner For iPhone

What do you prefer when it comes to apps: functionality or ease of use? Most people would answer “a combination of both, a good compromise”. It might be true in many cases, but sometimes the balance between those two sides is not the right goal, and to meet a specific niche you need to move into more extreme directions. Invy, a new iPhone app by Bread & Pepper, helps you to set up meetings or dates and inviting friends, family or colleagues to them, and it’s a good example how such a hard decision can turn out pretty well.

Creating appointments and inviting other people to them is nothing new; it’s more or less integrated in any sophisticated calendar or even mail application. Because of this, often developers cannot focus on functionality while creating new apps in this area anymore; they either need to create a gorgeous design to convince users to buy their product, or they need to make one specific feature a must-have. Here lies the reason why I chose writing about Invy: it has got both.

When firing up Invy for the first time, you’ll need to register your email address from which you’ll send out invites to other people. To create a new event, just tap the create button at the top, set the date’s description and location, invite recipients, set day and time and hit send. Within seconds, everyone you invited will get the same information in their inbox (emails are designed similarly to the app; see image below). Invitees can accept or refuse to participate: those who have Invy installed on their iPhone will be brought to the app, while everyone else can confirm the date via the Invy website.

All your set dates are displayed in a very elaborately designed list view in the app’s main window. By tapping one of them you can investigate all the attached details and how many people already answered the invite. If you set up the date, you can modify and fix it, and Invy automatically saves the appointment in iCal — and thus on every device with iCloud sync. Invy is intuitive and serves exactly one need: setting appointments and dates easily, and with style.

Responsible for Invys good UX is its clean and bright design, which is centered around the use of big, colored sans-serif typography and white background to automatically focus on the most important information: the dates you set. The big date descriptions change their color when they go through the process of sent invites, answered invites and fixed dates moving from a light blue (just sent) to red (fixed and saved date). This doesn’t just look good, it also ensures a fast recognition of whether a date already is important to you or not.

So Invy is a great date planning app, but nothing more. It has a really focused feature set, and serves those features in a fast, easy and good-looking way. I recommend Invy as a way to plan dates within small groups of people, like in businesses or families, especially when all members have got an iPhone and are likely willed to pay $1.99 for Invy on the App Store.