


On August 21, 2024, a session “Wisdom in game development blossoms with educational apps” was held at the game developer conference “CEDEC 2024”.
In this session, LoiLo CEO Koji Sugiyama leveraged his skills and experience in game development to introduce the company's educational app "LoiLo Note School" , and how it was developed and operated. It was done.
![]() |
![]() |
“RoiLo Note” connects teachers and children/students in both directions
"LoiLoNote School" (hereinafter referred to as "LoiLoNote") developed by LoiLo is an educational app that is currently installed in approximately 40% of schools in Japan. The educational world seems to be in the midst of a trend, with Daily Active Users (DAU) expected to reach 2.6 million by July 2024. According to Mr. Sugiyama, the reason LoiLo Note attracted attention was the ``GIGA School Concept'' proposed by the Ministry of Education, Culture, Sports, Science and Technology in 2019.
This initiative is an initiative to provide one PC (or other) terminal and high-speed network for each child/student nationwide, and from 2019 onwards, schools in Japan will have terminals for children/students to use in class. It has been gradually introduced.
In line with this, LoiLonaut's DAU has increased rapidly from 2020 to 2021, and the number is still increasing.
![]() |
![]() |
![]() |
![]() |
![]() |
Background to the development of LoiLo Note
When Mr. Sugiyama was a university student, he and his older brother, who was majoring in the film department, used to make videos as a hobby. This was in the early 2000s, and at the time he was working on a low-spec PC that was incomparable to current machines. Even today, video editing requires a fairly high-spec PC, so he said, ``It was slow and heavy, so I didn't want to do it.''
One day, Mr. Sugiyama realized that games operate using almost the same process as video editing . Even though the processing is supposed to be the same, why does the game move in real time and why is video editing so heavy? This is because while games are GPU-based, video editing is mostly CPU-based. So Mr. Sugiyama apparently thought, ``Maybe if we created GPU-based video editing software, we could edit videos in real time.''
![]() |
When I tried making my own GPU-based video editing software, I was able to create what I was aiming for. Believing that it would be possible to edit videos in real time, meaning that anyone could create videos, Mr. Sugiyama collaborated with his brother on the theme of ``Developing non-rendering video software 'Ekou' to realize 100 million broadcasters.'' In 2006, I applied to the Unexplored Software Creation Project (at that time) and was successfully selected. Mr. Sugiyama and his colleagues were selected for the Unexplored Software Creation Project, and decided to create a new video editing software. However, even if you can edit videos in real time, if the UI is the same as the existing Premier, the hurdle will not be lowered to the point where anyone can use it. Mr. Sugiyama was worried about what kind of UI he should use, but the clue came from the RTS he was playing at the time.
In that RTS, when the camera was zoomed in on the unit, a 3D model was displayed, and when zoomed out, a 2D icon was displayed.
After seeing this, Mr. Sugiyama said that since data such as videos is a very abstract concept that the general public does not understand well, he said, He thought, ``Maybe it would be easier to understand if we showed it as something we have.''
Development of the UI that would become LoiLoNote's predecessor began, and in 2008, ``Super LoiLoScope'' was released. At the time, there weren't many cases where GPUs were used for general-purpose processing, and the UI was also inspired by games, so he said, ``It's a software that was heavily inspired by games.''
![]() |
When Super LoiLoScope was being developed, he also talked about how a mentor pointed out to him, ``Software is an experience product, so experienced users won't switch to something else'' and ``compatibility with competing products must be the most important thing.'' It was done. In short, they were told that unless the UI was compatible with existing software, they wouldn't be able to use it in the first place.
Mr. Sugiyama also pointed out that in the International Adult Skills Survey conducted by the OECD in 2011, 8% of Japanese people had level 3 (maximum level) "problem-solving skills using IT" (compared to 5% on average for OECD member countries). "There are actually very few people who can use a PC," he said. The content of Level 3 of the same skill is that ``you can transcribe applications received by email into an Excel spreadsheet.'' ![]() |
Mr. Sugiyama says that there are many people who are interested in PCs but have given up on PCs because they find the tools difficult to use, but the smartphone has successfully captured that interest. In fact, it is not uncommon for people, with the exception of the elderly, to be able to use a smartphone or tablet even though they cannot use a PC.
![]() |
Mr. Sugiyama argues that the most important reason why smartphones have become so popular among the general public is ``intuitiveness.''
As an example, Mr. Sugiyama's child was already able to use a tablet to watch YouTube videos when he was 1 year and 5 months old. This proves that the smartphone touch UI is so intuitive that anyone can use it.
![]() |
On the other hand, it seems that the child, who is now 4 years old, is not yet able to use a PC mouse or game console controller. Sugiyama says, ``As you use tools, they can become like extensions of your own body, but it takes practice to get to that point.As a result, they are difficult to handle.''
Even with LoiLoNote, teachers sometimes say, ``I finally learned how to operate a PC, so why do I have to learn new things again?''
However, the app was proposed as a tool that could be used in a different way from a PC perspective. Mr. Sugiyama also said that his analysis was based on the assumption that people who actually used the product would say it was ``easy to use.''
![]() |
It was explained that the way of thinking up to this point has been influenced by the marketing theory of Junichiro Koyama, also known as ``Chief Koya'' of the former BANDAI NAMCO Research Institute. Mr. Sugiyama cited smartphones and LoiLo notebooks as things that fit the concept that he learned from Mr. Koyama: ``Hit products = new market development products.'' It matched well and was a hit.''
Mr. Sugiyama worked on the development of "Mobile Suit Gundam Battlefield Bonds" under Mr. Koyama
It was also mentioned that in game development, the pursuit of controls and UI that makes the game feel comfortable, but in general software development, this is not given much importance. For example, it can be said that new features are being added to Office and Photoshop all the time, but they never become easier to use. Everyone seems to have many ideas about this, regardless of the tool.
Also, this situation is related to the aforementioned ``software is an experience product.'' In other words, for people who are familiar with the software, the operations that they have learned once are the easiest to use, and the operations that they have to learn anew are difficult to use. Mr. Sugiyama also said that since LoiLo Note was a huge hit, it would be difficult to make changes to the UI in the future. At the end of the session, Mr. Sugiyama reiterated that creating an intuitive and pleasant UI/UX is a given in game development. On the other hand, he says that existing companies, including GAFAM, are weak at cultivating new markets because they focus on functionality and are tied to existing users. He concluded his lecture by saying, ``That's when I can make new proposals.'' That's when my experience in game development comes into play.
|
The above is the detailed content of Developing new markets with UI/UX born from game development thinking. The idea behind the blockbuster educational app 'RoiLoNote” created by a former game programmer [CEDEC 2024]. For more information, please follow other related articles on the PHP Chinese website!

This Mother's Day, ditch the predictable flowers and chocolates and tap into Mom's inner nerd with a fantastic tabletop game! Whether she's a seasoned strategist or a budding adventurer, there's a perfect game to ignite her passion. And don't forge

Forbes NYT Connections Hints and Answers for Thursday, May 8th Greetings, fellow word puzzle enthusiasts! This week's NYT Connections game presented a delightful challenge, and I'm excited to share my approach and solutions with you. My recent disco

Ginny & Georgia Season 3 Arrives June 5th, 2025: A New Trailer and What to Expect After a lengthy wait—over five years for just three seasons—Ginny & Georgia Season 3 finally premieres on June 5th, 2025. The anticipation is palpable, fueled

Embark on a puppet's journey through Krat in Lies of P! This guide covers pre-ordering, pricing, and available editions, including DLC. ← Return to the main Lies of P article Lies of P DLC: Overture Delve into the Past with Lies of P: Overture Expe

Experience the thrill of Kirby Air Riders! This article covers pre-registration/pre-order details, availability, and pricing. We'll keep you updated as information becomes available. ← Return to Kirby Air Riders main article Kirby Air Riders Pre-Or

New York Times Strands game tips and answers (May 9, 2025) Hello everyone! Here are tips, full letter puzzles and answers for The New York Times Strands game Friday, May 9. Strands gameplay The New York Times Strands game is a variation of the classic text search game. You can find it on the New York Times website and the New York Times game app, along with games like Wordle and Connections (we also cover these games in Forbes Gaming's daily guide). There will be new Strands games every day. The game will present you with a grid of letters of six rows and eight columns. The goal is to find a group with a common one

Players have an interesting point: Jason and Lucia have a different look than the original trailer in the latest trailer. They believe that the character's facial model has changed to some extent, not only with better visual effects, but also with more attractiveness. Is this statement correct? One problem is that 80% of the original GTA 6 trailer was random shots from Miami and Leonida, with relatively little attention to Lucia and Jason. Jason barely appeared in the trailer, which focused on the plot of Lucia's release from prison. While the latest trailer provides more footage about the two of them, Rockstar has also released a complete news package containing their high-definition images. I think this

Wordle's meteoric rise from a personal project to a global phenomenon is a fascinating story. Initially conceived by software engineer Josh Wardle as a gift, Wordle quickly captivated millions worldwide. Its popularity spawned numerous fan-created


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

MinGW - Minimalist GNU for Windows
This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

mPDF
mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),

SecLists
SecLists is the ultimate security tester's companion. It is a collection of various types of lists that are frequently used during security assessments, all in one place. SecLists helps make security testing more efficient and productive by conveniently providing all the lists a security tester might need. List types include usernames, passwords, URLs, fuzzing payloads, sensitive data patterns, web shells, and more. The tester can simply pull this repository onto a new test machine and he will have access to every type of list he needs.

EditPlus Chinese cracked version
Small size, syntax highlighting, does not support code prompt function

DVWA
Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software
