Hey Swaggers, we’re again with the brand new contemporary article on Classes from a cellular engineer: How Ohmyhome constructed an app with market enlargement in thoughts
At Ohmyhome, we just lately launched a brand new iOS utility for our DIY customers to purchase, promote and lease their properties.
Now, this new app isn’t only a patch replace however a whole overhaul of our iOS app.
It options graphical updates like a brand new touchdown web page with our prime companies on show and, extra importantly, a brand new strong engineering framework that permits us to scale the appliance simply.
Ohmyhome is consistently on the lookout for methods to simplify property transactions for our customers. We have been additionally gearing up for regional enlargement making straightforward scalability a precedence. Nevertheless, that meant transferring away from a few of our app’s structure and software program.
With these targets in thoughts, we mentioned, deliberated, and debated, earlier than lastly deciding to take a built-from-scratch strategy.
It was a troublesome choice however in the end, we went with what wouldn’t solely lead to a greater app for our customers but in addition give our builders a chance to design a clear coding structure.
Additionally Learn: Singapore’s proptech market Ohmyhome raises US$2.9M to broaden into Malaysia, Thailand
The overhaul was a herculean activity. It was painful to must throw away every thing acquainted concerning the app and re-build it from ground-zero. However we succeeded in our endeavours and gained valuable expertise on tips on how to revamp our app.
Listed below are a few of the key learnings that I wish to share with the neighborhood.
Break it down
We categorised the important options of our app after which broke these options down into additional smaller units. We then prioritised engaged on the options our customers discovered most helpful primarily based on analytic knowledge collected from the prevailing app.
For instance, a single itemizing on our app represents a node in a fancy community of interconnected options and sub-features. By cataloguing all of the options and sub-features that interact a selected node, we’re then capable of zoom in on discrete sub-features, comparable to location and extra readily determine areas of enchancment.
Create a number of mock-ups
A few of you is likely to be tempted to leap proper into coding. Don’t try this. You may find yourself losing hours constructing one thing totally totally different from what your staff envisions.
As a substitute, take the time to create totally different mock-ups of the brand new app to see which feels higher. Designers at Ohmyhome went again to the drafting board and churned out a number of variations of touchdown tabs, empty state illustrations, and icons for all of the totally different sections within the app.
Additionally Learn: Significance of UI/UX design interplay and why it’ll matter for what you are promoting
This helped us discover what seems and feels finest, which is vital for a seamless UI and enhances the general UX. It additionally allowed us to see what we wish the ultimate product to be even earlier than we start redevelopment.
As soon as we settled on the ultimate mock-up, we started our code sprints and by no means seemed again.
Consistency is vital
From an engineering standpoint, one of many fundamental causes for an overhaul was that the app was in pressing want of fine-tuning because it had handed via totally different builders throughout a number of phases.
Being a lean staff in a fast-paced startup setting, we needed to make loads of inelegant hacks to get our options prepared within the quickest manner attainable for our customers, which led us to a stage the place our code was a haphazard mixture of UIKit and Texture written in numerous kinds.
This hindered our capacity to scale the app shortly. Moreover, a few of our codes adopted Android-driven UI/UX which takes longer to jot down.
Once we started rebuilding the appliance, we determined to stay with solely Texture for all UI throughout the app together with a framework constructed by the superb staff at Instagram known as IGListKit.
Later, Apple proved that our choice was a step in the appropriate course once they launched SwiftUI at DubDub-DC (or WWDC for these not acquainted with nerd-speak), which follows code-driven, stack-based semantics. We additionally stayed away from Storyboards.
Additionally Learn: From Cantopop to commissions: Ohmyhome desires to alter Singapore’s public housing recreation
Sustaining a constant programming language for our app enormously enhanced our capacity to determine and repair issues and on the identical time permits for scalability and the flexibleness to adapt to adjustments sooner or later.
Iterate, iterate, iterate
All of our engineering efforts went via a number of designs, programming, and product iterations in parallel to rigorous High quality Evaluation (QA) and inside testing earlier than we make new options out there to our customers.
We additionally consulted our customer support staff, who’re essentially the most acquainted with customers’ desires and wishes, on tips on how to refine and tweak the product.
Our staff of techies seized each alternative to achieve perception into our consumer’s considerations and thought processes, particularly when it got here to simplifying the consumer expertise. We leveraged present assets inside Ohmyhome, as an illustration when our colleagues hosted seminars educating our customers in Singapore about property transactions, we made certain to gather knowledge on what customers wished in our app.
Additionally Learn: eight issues to think about when selecting a cellular app growth platform
We have been additionally lucky that our product homeowners welcomed suggestions on our present app and interactive mock-ups, which helped our design staff to always refine the UX primarily based on how our customers have been utilizing the app.
The organisational construction of Ohmyhome was conducive to the method of iterating on the app design and it emphasised how vital it was to determine and facilitate avenues of suggestions and incorporating that into our technique of iteration.
After many tribulations, the brand new app is now prepared to soak up adjustments and challenges that include international enlargement.
One side we’re significantly happy with is the advance of app efficiency. Not all international locations have the identical web pace as Singapore and it was a problem to make the app strong sufficient to adapt to a variety of connection speeds.
Now that we now have crossed the end line, we’re extremely joyful to share our labour of affection with all our customers in Malaysia and Singapore.
For these of you interested by how the ultimate app seems like:
To sum up, I’ll depart you with a quote that encapsulated our ethos as we constructed the brand new app.
“You don’t study to stroll by following guidelines. You study by doing and falling over.” — Richard Branson
Editor’s observe: e27 goals to foster thought management by publishing contributions from the neighborhood. Grow to be a thought chief locally and share your opinions or concepts and earn a byline by submitting a publish.
Be part of our e27 Telegram group, or just like the e27 Fb web page.
Picture credit score:
The publish Classes from a cellular engineer: How Ohmyhome constructed an app with market enlargement in thoughts appeared first on e27.