Hidden Square
Transition from v1.0 to v1.1
Mar 19, 2013
[Mar 29, 2021]
In 2012, friends and I have built a curated night guide for Berlin. The main USP versus other guides was the possibility to win tickets for a range of events and concerts. We have chosen a mobile-first strategy and decided to start designing for iOS while planning to release a responsive web version later.
When we thought of the app’s visual appearance, we wanted to spread the feeling of something hidden or even prohibited and equip the app with a minimal and straightforward UX. With that in mind, I started designing the product and discovered some challenges in different parts of the realization process.
UX Design
From the beginning, we wanted to stick to Apple’s human interface guidelines, which provide an integrated experience throughout Apple’s whole eco-system.
“People appreciate iOS apps that feel as though they were designed expressly for the device. For example, when an app fits well on the device screen and responds to the gestures that people know, it provides much of the experience people are looking for.”
This sounds boring first but is best for usability reasons as users will find themselves in a familiar environment. We came up with a simple list from where you can dive deeper into the various sections of the app. The feedback was great and most of the users liked the simple UX. When sticking to a certain degree of minimalism, we had to decide which features should be in- or excluded from the product. These decisions were hard sometimes. It’s easy to artificially blow up a product with features no one needs. For example, we first thought of integrating sub-views for artists or pictures of parties but struck that off the list because it blurred the main experience.
UI Design
The design was supposed to feel like entering a hidden spot. You should feel like digging for rare items, in this case, free-tickets for events and concerts. Therefore, I skipped the idea to develop a too minimalistic and clear design and decided to go for skeuomorphism.
In the first version I came up with a wooden background image, but after evaluating the feedback and playing around with version 1.0, it felt like not completely nailing it. By replacing the wood with rough concrete we made a further step in visually mirroring most people’s nightlife perceptions.
Besides the changes in design, we introduced a menu to the app with new features. Version 1.1 made it possible to favorite and share events and to add them to any calendar. Further, we added an ‘around me’ functionality, which showed all events nearby.
At this moment we were also working on a web-app and started jumping into the Android world. We aimed to max-out our reach by providing a clutter-free experience throughout most common platforms.
Epilogue
We maintained Hidden Square as a side project for 4 years. Sometimes more, sometimes less active. By the time, we realized that this project was too time-consuming running it on the side and it didn’t show the numbers to turn it into a full-time venture.
In 2012, friends and I have built a curated night guide for Berlin. The main USP versus other guides was the possibility to win tickets for a range of events and concerts. We have chosen a mobile-first strategy and decided to start designing for iOS while planning to release a responsive web version later.
When we thought of the app’s visual appearance, we wanted to spread the feeling of something hidden or even prohibited and equip the app with a minimal and straightforward UX. With that in mind, I started designing the product and discovered some challenges in different parts of the realization process.
UX Design
From the beginning, we wanted to stick to Apple’s human interface guidelines, which provide an integrated experience throughout Apple’s whole eco-system.
“People appreciate iOS apps that feel as though they were designed expressly for the device. For example, when an app fits well on the device screen and responds to the gestures that people know, it provides much of the experience people are looking for.”
This sounds boring first but is best for usability reasons as users will find themselves in a familiar environment. We came up with a simple list from where you can dive deeper into the various sections of the app. The feedback was great and most of the users liked the simple UX. When sticking to a certain degree of minimalism, we had to decide which features should be in- or excluded from the product. These decisions were hard sometimes. It’s easy to artificially blow up a product with features no one needs. For example, we first thought of integrating sub-views for artists or pictures of parties but struck that off the list because it blurred the main experience.
UI Design
The design was supposed to feel like entering a hidden spot. You should feel like digging for rare items, in this case, free-tickets for events and concerts. Therefore, I skipped the idea to develop a too minimalistic and clear design and decided to go for skeuomorphism.
In the first version I came up with a wooden background image, but after evaluating the feedback and playing around with version 1.0, it felt like not completely nailing it. By replacing the wood with rough concrete we made a further step in visually mirroring most people’s nightlife perceptions.
Besides the changes in design, we introduced a menu to the app with new features. Version 1.1 made it possible to favorite and share events and to add them to any calendar. Further, we added an ‘around me’ functionality, which showed all events nearby.
At this moment we were also working on a web-app and started jumping into the Android world. We aimed to max-out our reach by providing a clutter-free experience throughout most common platforms.
Epilogue
We maintained Hidden Square as a side project for 4 years. Sometimes more, sometimes less active. By the time, we realized that this project was too time-consuming running it on the side and it didn’t show the numbers to turn it into a full-time venture.
In 2012, friends and I have built a curated night guide for Berlin. The main USP versus other guides was the possibility to win tickets for a range of events and concerts. We have chosen a mobile-first strategy and decided to start designing for iOS while planning to release a responsive web version later.
When we thought of the app’s visual appearance, we wanted to spread the feeling of something hidden or even prohibited and equip the app with a minimal and straightforward UX. With that in mind, I started designing the product and discovered some challenges in different parts of the realization process.
UX Design
From the beginning, we wanted to stick to Apple’s human interface guidelines, which provide an integrated experience throughout Apple’s whole eco-system.
“People appreciate iOS apps that feel as though they were designed expressly for the device. For example, when an app fits well on the device screen and responds to the gestures that people know, it provides much of the experience people are looking for.”
This sounds boring first but is best for usability reasons as users will find themselves in a familiar environment. We came up with a simple list from where you can dive deeper into the various sections of the app. The feedback was great and most of the users liked the simple UX. When sticking to a certain degree of minimalism, we had to decide which features should be in- or excluded from the product. These decisions were hard sometimes. It’s easy to artificially blow up a product with features no one needs. For example, we first thought of integrating sub-views for artists or pictures of parties but struck that off the list because it blurred the main experience.
UI Design
The design was supposed to feel like entering a hidden spot. You should feel like digging for rare items, in this case, free-tickets for events and concerts. Therefore, I skipped the idea to develop a too minimalistic and clear design and decided to go for skeuomorphism.
In the first version I came up with a wooden background image, but after evaluating the feedback and playing around with version 1.0, it felt like not completely nailing it. By replacing the wood with rough concrete we made a further step in visually mirroring most people’s nightlife perceptions.
Besides the changes in design, we introduced a menu to the app with new features. Version 1.1 made it possible to favorite and share events and to add them to any calendar. Further, we added an ‘around me’ functionality, which showed all events nearby.
At this moment we were also working on a web-app and started jumping into the Android world. We aimed to max-out our reach by providing a clutter-free experience throughout most common platforms.
Epilogue
We maintained Hidden Square as a side project for 4 years. Sometimes more, sometimes less active. By the time, we realized that this project was too time-consuming running it on the side and it didn’t show the numbers to turn it into a full-time venture.
This blog rarely updates. Subscribe to receive updates.
2024 recap
My year in review
Dec 12, 2024
2024 recap
My year in review
Dec 12, 2024
Universal color system
Color naming in interface design systems
Sep 11, 2023
Universal color system
Color naming in interface design systems
Sep 11, 2023
Scalable interface design
Eight key concepts
Dec 18, 2021
Scalable interface design
Eight key concepts
Dec 18, 2021
Essential tools
A collection of useful software
Nov 17, 2020
Essential tools
A collection of useful software
Nov 17, 2020
Playbook
Concepts for design and development processes
Jan 2, 2019
Playbook
Concepts for design and development processes
Jan 2, 2019
How to value a logo
Design comprehension
Mar 31, 2015
How to value a logo
Design comprehension
Mar 31, 2015
Working with friends
Freelance life
Aug 14, 2014
Working with friends
Freelance life
Aug 14, 2014