{"id":344,"date":"2018-01-18T12:38:16","date_gmt":"2018-01-18T12:38:16","guid":{"rendered":"http:\/\/ginabastek.com\/?p=344"},"modified":"2021-10-03T20:35:17","modified_gmt":"2021-10-03T20:35:17","slug":"stadtspiegel","status":"publish","type":"post","link":"https:\/\/ginabastek.com\/?p=344&lang=en","title":{"rendered":"Stadtspiegel – UI Design"},"content":{"rendered":"

During this group project in the 3rd semester, we were asked to develop an object and interface for a device of our choice that solves everyday problems.<\/p>\n

Our initial idea was to create a device for refugees or foreigners, which would help them understand the city they’re staying in better.<\/p>\n

We started collecting all the features which the device could include, which may be helpful.<\/p>\n

\"\"<\/p>\n

We then divided them into four categories: must, should, could and won’t.<\/p>\n

\"\"<\/p>\n

To get a better overview, we prepared a hierarchy with all the different functions of the device.<\/p>\n

\"\"<\/p>\n

Afterward, we created use cases for visualization.<\/p>\n

\"\"\"\" \"\"<\/p>\n

\"\" \"\" We also made some sketches.<\/p>\n

\"\" \"\"<\/p>\n

For further clarity, we used a paper prototype that showcased the information hierarchy of two different use cases.<\/p>\n

\"\" \"\"<\/p>\n

The interfaces were then created.<\/p>\n

\"\" \"\"<\/p>\n

We decided to use the second design for our model and revised it in Photoshop.<\/p>\n

\"\"<\/p>\n

We then redesigned our interface and created a quick animation to showcase the function of our design.<\/p>\n