SIGArthon «Frame Me»
The Swiss company SIGA provided us with a work package for the hackathon. The package contained various use cases, a more detailed description of the persona, the user journey and an object-orientated UX. In a group with two other people I didn't know before, we tried to define the problem more precisely and then implement our solution approach in an app.
The HSLU Lucerne University of Applied Science and Arts organized the first UX/UI hackathon together with the suiss company SIGA.
For many craftsmen who insulate and install windows and doors as part of their daily work, measuring the respective frames is a necessary but tedious task. This work at great heights is often not without danger. In addition, a lot of time is lost when carrying out this work. As a result, it can happen that orders cannot be accepted and, are lost.
Problem context
Proposed solution
As part of the SIGArthon, it was defined that an app should be developed to assist experts in the measurement process. The measurement is to be simplified with a scanner that records the correct dimensions via camera and 3D scan. Our task: to develop a convincing user experience with an intuitive UX/UI design.
Our developed app should not only record the correct dimensions of the windows and doors, but also suggest the SIGA products corresponding to the frame models using AI. This means that the specialist can allocate the right products directly on site and, if necessary, order them straight away.
Although I was in the group with two experienced UX/UI designers, the start was a bit bumpy. Instead of discussing a clear process first, each of us took a document from the work package and analysed it. However, we quickly found each other during the discussion about the architecture and focussed on the most important features that the app must have in order to achieve the main goal. Namely, to make it as easy as possible for craftsmen to create a 3D scan of a building and to display the correct dimensions of windows and doors in the app. We quickly had the idea that the craftsmen could also use the app to create a proposal and send it to the customer. Using the predefined user flow, we created a quick and dirty paper prototype. We carried out the first two testings with this low-fi prototype. At the end of the first day, however, we realised that sending the proposal was not possible due to the different sales margins and different ERP systems. The idea was very efficient and solution-orientated in theory, but hardly feasible in practice. For this reason, we cancelled the navigation point " Proposal" and decided on the following navigation points: Start, Projects, Scanner, Profile and More.
The next morning, we set about designing the app in more detail. We opted for a clear sans serif font and a strong main colour (blue). Together we finalised the prototype on figma and tested it on a third person. Due to time constraints, we decided against a fourth test person. This gave us enough time to create a visually appealing presentation and practise it as a team.
Our group was voted 1st place with the "Frame Me" app by a selected jury.
Process
Challenges + learnings
As already mentioned in the "Process" section, the start of the project was a bit bumpy for the team. Next time, I would like to make sure that all documents are read through by all participants. So that everyone has the same level of knowledge. Then the most important features should be discussed and the requirements defined and prioritized. This procedure gives a project process structure and clarity about the next project steps.
I would also like to pay even more attention during the next testing session to ensure that I don't point something out to the tester too quickly and wait a little longer before explaining it. In order to gain an even deeper insight into their thoughts and intentions, I want to ask them more often what their expectations are behind certain icons.
It was exciting for me to learn about interdisciplinary collaboration in figma, or more precisely about working with components. If understood correctly, it can save a lot of time, especially in redesigns.
