When 'speed' becomes a killer element of web and application development and what is the solution?
In web services and apps, people tend to focus only on implementing functions that achieve the user's purpose, but in reality, 'speed' may be the killer factor. Brad Dickerson, Facebook's Product Manager, explains when speed is especially important and what to do if you can't improve it.
Speed is the killer feature --bdickason.com
The iPhone is a good example of how speed is important. The history of mobile phones changed in 2007 with the advent of the iPhone. Touchscreen mobile phones existed before the iPhone, but the iPhone was groundbreaking in that it solved the common problems they faced.
Apple finally announces 'iPhone' mobile phone that can connect to the Internet-GIGAZINE
A common problem with touchscreen mobile phones before the iPhone is 'speed.' Motorola and Palm mobile phones, which were popular at the time, had a delay between 'operation' and 'execution of functions'. Apple has eliminated this delay on the iPhone so that the function runs the moment the user taps the screen. The 'elimination of delay' enables the iPhone to operate in real time, and realizes the same reaction as in the real world with the interface of the mobile phone, creating one 'experience'.
Whether it's hardware or software, development teams tend to focus on 'features' and often overlook speed. Of course, functionality is important for users to achieve their goals through the product, but delays in the process prevent them from achieving their goals. Dickason points out that delayed UI can be frustrating, frustrating, and disruptive.
Dickason describes 'a scene where speed is especially important' as follows.
1: Check-out screen of online shopping site
On the checkout screen, the conversion rate drops steadily for every second of the screen display delay.
2: Frame rate in virtual reality (VR)
When VR apps and hardware were just introduced, it was reported that motion sickness-like symptoms occur when the frame rate drops below 60 fps.
3: Design tool
For design apps such as Sketch and Figma , users will experience a particularly large amount of irritability due to delays. These design apps have a lot of actions per minute, and a slight slowdown can have a big impact on your work.
4: Core function of the product
Many products are aimed at solving user problems or saving time. As a result, delays in key product functionality can undermine the very meaning of people using the product.
On the other hand, when there are physical restrictions such as ATM, when providing the user with an opportunity to make corrections such as Gmail's 'cancellation function', or when adjusting to human perception such as the frame rate of a video game. When it is necessary, there is no problem even if there is 'slowness'.
Also, if you can't speed up a particular action, you need to change the 'perceived speed' instead of the 'actual speed,' Dickason said. In other words, it is important to 'make it look fast' by changing the way it looks.
Dickason explains how to make the processing speed appear faster in the following four cases.
1: When the size of the content is large
If the content is large, you can show the user 'what is going to be displayed' by showing the rendering.
2: When the loading time is long
If you make the screen interactive even when the loading is not completed, the loading time will be reduced.
3: Waiting time for action
If an action has a wait time, the perceived wait time is reduced by allowing the user to perform the action and act freely while performing the action in the background.
4: If the action time is longer
If it takes more than 30 seconds to execute an action, it is better to send a notification to the user when the action becomes available.
Facebook is the pioneer of such a 'make it look fast' UI, and by ensuring that the page structure and UI are loaded first even when the content is not loaded, users are ready for action. Mr. Dickason said that he has achieved 'increased perceived speed'.
Related Posts:
in Software, Web Service, Web Application, Hardware, Posted by darkhorse_log