由設計師 Den Klenkov 創作嘅 Hango App 分單應用程式係備受推崇嘅 2020 A' Design Award 銅獎得獎作品，獲獎類別為流動設計。

銅流動· 2020

Hango App 分單應用程式

由 Den Klenkov

客戶: Den Klenkov

流動類別嘅 A' Design Award 銅獎得獎者

18,645

經驗證嘅獲獎者

驗證設計 #100757 嘅獲獎狀態

訪問網站喺 A' Design Award 查看新聞稿獎項徽章

色彩

設計

關於 Hango App 分單應用程式

Hango係一個iOS應用程式概念,專為喺餐廳分單而設計。整個流程分為四個步驟:掃描帳單、加入枱上嘅人、分配項目,以及收返應付嘅款項。帳單上嘅項目會自動被識別,每個項目只需簡單噉拖放手勢就可以指派俾對應嘅人。其他參與者確認自己嘅訂單後,可以用指紋確認嚟支付佢哋嘅份額。介面設計簡潔,專注於單一主要任務,並運用動態效果同動畫嚟解釋流程入面嘅每一個步驟。

榮譽認可

關於A' Design Award 銅獎

Hango App 分單應用程式是 A' Design Award 銅獎得主，這是授予以創造力、獨創性和敏銳見長的傑出設計的極具聲望的認可。銅獎得主是技藝嫻熟、創意驚人的作品，印證了其設計師豐富的經驗、想像力與機智。預計Hango App 分單應用程式將成為一件備受推崇、令人欽佩且被珍愛的物品，兼具顯著的專業性與創新性。這件贏得 A' Design Award 銅獎的設計融入藝術、科學、設計和技術領域的最佳實踐，並因注重細節而出類拔萃。Hango App 分單應用程式出色地滿足需求，觸動渴望，迷住情感，並吸引好奇心。

設計背後

新聞資料包

由設計師提供嘅製作人員名單、團隊成員同技術詳情。

獨特屬性: Hango is an iOS app concept that is designed to simplify the process of bill splitting in a restaurant. Scan a bill, add friends, split it and get your money back in a matter of seconds. Key strengths: quick and efficient scanning using modern technologies (AR, AI), clean and minimalistic design that supports usability, intuitive engaging and informative interactions through out the user journey. The app focuses on one main task and accomplishes it in the cleanest and easiest way.
尺寸同包裝: Designed in @1x resolution 375x812px (iPhone X)
標籤: app, interaction, ios, finance, minimalistic, clean, modern, clear, typography, food, iphone, restaurant, ui, mobile, split the bill, check, interface
生產技術: The software used: Adobe Photoshop, Sketch, Principle. Used sketch symbols to design faster and have more flexibility. Principle for simpler interactions, After effects for some advanced smooth/liquid/scanning effects.
設計挑戰: The most challenging part was to identify what should be the perfect experience for the users trying to split the bill in restaurants.
For this purpose the market research was conducted. I made a list of the biggest user’s frustrations and a list of the things that people like about the existing apps that solve similar problem. Main week points: no scanning functionality or it has a poor performance; it takes longer then reasonable to accomplish the main task (calculate the amounts and pay back); the overall look and feel is outdated and not beautiful, some other features are missing. Based on the survey and the market research, I created and prioritized a feature list. Features for MVP (Minimum Value Product): Scanning check, Displaying the items in a clear and easy way with pictures, Adding friends (contacts) to the party based on their geolocation, Drag-and-drop to split the bill, Payment using fingerprint confirmation, Setting and viewing Reminders to pay or request money later, Notifications, Hangouts history, Profile and Payment settings. For the beta version I left some nice-to-have features like: Simultaneous items claiming from each participant's device, Ability to add tips, Sub-parties who want to pay together.
研究: When paying one bill at a restaurant for a big group of people it’s hard to quickly calculate the amounts for each participant or a smaller group. Or if one person decided to pay and make calculations later, then you need to make photo of the check, do the math and pay off later. This results in spending too much time on calculations during a dinner instead of enjoying each other’s company. I conducted a survey among my friends, colleagues and some other people. It's goal was to confirm the problem existence and to find out in what way people usually solved it. The conclusions were the following: some people don’t have this problem, because in their culture the most common way is splitting the bill equally among participants; other people don’t use banking card in most cases, they rather pay cash right away; more often one person pays by card and gets paid off later; some individuals have some experience in using apps to handle this, but they were not satisfied with the experience they had with them. Finally it was discovered that most people would be happy to have the app to solve this issue.
靈感: I never liked to calculate my part of the check in restaurants. From time to time I tried to find an app with a good UI/UX that solves this problem, but never found.
項目時長: Started September 2019 in Kyiv Ukraine, ended November 2019 in Kyiv Ukraine
操作流程: The key steps in interaction are the following: Scan a check, Add participants, Split items and Refund a payer. The app provides a smooth transition to each new step along the way. The UI animations communicate what's happening (like in case of scanning the check or waiting for a refund) or suggesting how to use the app (like when you hold on an item it changes it's state, so it's clear that now you need to drag it somewhere). All the motion timing and easing is precisely chosen for each scenario to be consistent and communicate a certain motion language.
專利: Copyrights belong to Den Klenkov, 2019