By, uav-jp 10/10/2022

Aiming for "comfortable" design and movement."My SoftBank App" development story made by user first

The "My SoftBank app" for SoftBank's service users who won the "Good Design Award in 2021".It is an application that allows you to browse the usage and fees of the services you are using, but it is a little different from the common member pages you often see.The information screen that is colorful, pop, and is displayed as a card or ball -shaped figure emerges, is designed to be easy for anyone to see and understand by breaking away from the conventional image.We talked to the person in charge about the commitment of design that was repeatedly examined.

Yohei Katori

In charge of the lead design of the "My SoftBank app".He joined a new graduate and has experience in a corporate section, and belongs to the creative division.He has been in charge of UI / UX for various services and dedicated to MY SoftBank.

Mine Kimura

In charge of development of the "My SoftBank app".After the development of internal systems, he was seconded to PS Solutions Co., Ltd. in 2011 and engaged in various app development operations.Continuing to develop the My SoftBank app even after the secondmentation.

The comfort that snuggles up to the user is evaluated."My SoftBank App" won the "Good Design Award for 2021"

I want to make it a sparkling app that makes you want to open every day.How the app has arrived after a 2000 -hour design meeting

As the name suggests, the customer base promotion headquarters, which covers the project, is to provide users a safe and secure foundation.While SoftBank's official website and teams that operate online shops gathered, we decided to create an official app for smartphones, and an application development project was launched in 2016.

What I was aiming for from the beginning was a sparkling app that would make you want to open every day.Apps that check the information about everyday services are open only when necessary.However, I wanted to see it every day, and set up a big theme to create a completely new worldview that would not leave if I opened it.

What kind of app will be when you hear the theme you didn't imagine?I was worried.At that time, there was an app called "My SoftBank Plus" where the amount of mobile phone and data used, but it was to make something completely different.

In the two -year project, the time spent on the design conference was 2,000 hours.Above all, for six months since the start of the project, you can see the design meeting with the director of the headquarters for 4 hours every week.Participants were also carefully selected so that active opinions could be exchanged.The work of creating a design image, discussing, and fixing it many times.In the process, the direction of the app itself has been seen.Katori says that there were two impressive keywords that turned the app.

Many apps take the form of guiding them to the website when you look at detailed information.Even if you are particular about creating an app, if you transition to a website with different design ideas, the user needs to face the site of the transition from 1, so he wanted to avoid it.

I thought that the form of linking with the website was a matter of course, so I was surprised by the strong thoughts that I wouldn't guide them to a different world view, and the concept of app design changed in myself.I did it.

Completed in the app means that you have to summarize various services of SoftBank ...The number of screens of the app exceeded 1,000, which was incomparable to a normal smartphone app.The technical team is closely collaborating with the team on the website side to achieve service aggregation.

Even for the design team, the world view is different for each service, such as PayPay and T points, so it was a big challenge to express and express in one app.The number of designs is 2 to 3,000, and the design team has been divided into parts, including concept design, composition, screen design, animation, etc.

Normally, pricing plans and services have long notes such as conditions and exemption, but they also suspected that common sense.As a result of scrutinizing the details, it is said that 90 % of the notes so far have been omitted.

デザインも動きも「気持ちいい」を目指して。ユーザーファーストで作った「My SoftBankアプリ」開発ストーリー

We face all characters displayed in the app and scrutinize each note.By not writing the note as a note, it was reduced so far by naturally blending into a suitable place as a "guide".It will be easier to see neatly.

"A feeling of air" and "escape from career".Create a completely new worldview

Based on the portrait of creating an app regardless of the precedent of the previous apps, a bold attempt will be made in design creation.Katori, including Katori, was assigned to this project by members who were not in charge of the web version of My SoftBank.

While watching overseas apps and receiving impressions, basically, I am making a design concept from 1 with a clear thinking.With a design precedent type, we were able to develop app development that incorporates animation.

As soon as you open the app, you can see that everything moves fluffy.The My SoftBank app is one of the design concepts where "air feeling" is an important design concept, and the aim was to break away the hard image of the carrier.It seems that there is no one in the app in the app to produce this air feeling.

The My SoftBank app displays various information in "card -type design", but I made many patterns just by the Card of the card.The character size is the same.I was proceeding with the discussion that came up with the difference of one pixel.

At first, I was confused not only at the app that looked fluffy, as well as the appearance of the design.There were many technical difficulties to realize.While issuing an alternative, it was a trial and error day of how to reproduce it.

Pattern when considering the condition of the square of the card

Yes Yes.For example, I make the ball move to compare each service fee, but I asked Mr. Kimura from here ... I think I was able to make it well (laughs).

That was hard until it was completed ...In order to understand the detailed nuances, how can Katori, who have experience in producing CG, make an animation sample, and take the image in his head?The development was before the corona was in the cordona, so we had a lot of meetings.

Pattern when verifying the movement of the ball that represents each service fee

Changes from the initial design!Improved as many times as you want to become an ideal app

The design of the application screen from left to right

During the development period of two years, discussions have been repeated based on many design proposals.Up to such a place!?It seems that there are some parts that have been improved with particular attention to the details.

The results of the user test are important for app improvement.For example, it turned out that the color of the global navigation at the bottom of the app screen (the common guide menu for each page) was white, so it was difficult for users to notice.White is more beautiful in terms of the world view of the app, but it is a priority to use it, so I changed it to navy.

Transition of design of global navigation (common menu) at the bottom of the app screen

I also take into account the order in which the application is started and the content is read.By displaying the global navigation at first, it became much easier to notice.

The "My SoftBank App", which was created with the aim of an unprecedented app, is evaluated for its unique worldview and the fact that it is compiled together in cooperation with many services, and the "Good Design Award in 2021".I received it.Nevertheless, I was not satisfied with the current situation and asked me about challenging enthusiasm.

There were a lot of wonderful products at the second venue of the Good Design Award selection, and I felt the strong thoughts of the people who were entering, so I was overwhelmed.So, when I knew I was able to win, I was more relieved than joy.This app was created in collaboration with many people beyond the headquarters ...Every year, new services are available, and I don't think it's a completed form with the current app, so I want to gradually evolve.Kimura -san, please wait for a new design plan!

When Katori received awards, I remembered my desperate day.I think it seems to be a SoftBank, but I am excited to challenge something I have no experience, and now I am confident that I can respond to any design proposal (laughs).It is said that improvements are still going on, so I would like to continue trying!

I'm looking forward to what kind of experience you can experience next, which will further power up with the ideal app.

(Publication date: December 7, 2021) Sentence: Soft Bank News Editorial Department

The "My SoftBank app" application that supports all SoftBank services, for checking fees and data communication charges, changing plans and receiving advantageous information.Working with LINE will make it even more convenient!Click here for details of "Easy confirmation on LINE"

sbn_tc_04

The content is information at the time of publication.The company name, service name, title, etc. listed may differ from the present.

Information is Current as of the time of publicity.Company Names, Service Names, Titles and Other Information Are Subject to Change.

SNSボタン・バナー おすすめの関連記事