How does a UI designer make an app?

For every UI designer who does custom development of APP websites, proficiency in APP website production skills is a testament to the qualifications of every UI designer. Due to the development of the times, mobile terminals are keeping up with the pace of the times. There are countless application software for mobile phone APP development and APP website production. The mobile UI design is even different from the previous graphic poster design and web design. If you want to become a qualified APP development UI designer, you must keep up with the mobile era and understand the basic skills that every UI designer must master.

First: Understand the platform

Just like web designers need to understand HTML/CSS, as a mobile UI designer you should understand the architecture of mobile APP. First of all, the language of mobile design is different from the language of web design. Different platforms have different programming languages ??and interfaces. The composition of the mobile interface cannot be realized using CSS and tags.

You need to read the official development documents in depth, find more documentation knowledge about the APP, understand the composition of the APP, the compilation method, the publishing method, and understand the design rules. These things are not only related to the quality of your application development, but also affect the stability of the system, battery life and other factors. As a mobile UI designer, it is not enough for you to understand simple mobile design. We need to think from a long-term perspective.

Second: Understand the technical makeup of the mobile terminal

For a UI designer, it is not enough to understand the basic characteristics of the platform. Next you need to understand its related technical components: location services (wifi, GPS, etc.), Bluetooth (low-power Bluetooth technology), signal, front and rear cameras, microphone, gyroscope, position sensor, acceleration sensor, fingerprint scanner (iPhone5s ), eye tracking technology, speech recognition, face recognition, and so on. Behind every new technology are more possibilities for applications, interaction design, user experience, and even business models.

Third: Explore the development potential of local UI components

There are always a large number of local UI components in each mobile operating system. They have a great degree of freedom and are convenient for you to develop. custom made. You need to know exactly what their characteristics are (size, size, functionality) and you can save a lot of work time for the developers you work with.

Fourth: Understand the workflow of the mobile terminal

Install the SDK and run it, and understand the mobile development framework, such as TubyMotion, Xamarin, and Titanium. Be familiar with the integrated development environment as it covers all aspects of mobile development.

Fifth: Understand the interface mode of the mobile terminal

There are similarities between the three major mobile platforms, but if you delve into their interaction design, you will find that they are conceptually different. A huge difference. As a designer, you need to understand where these differences lie and how they manifest in real-world use cases.

Don’t just focus on a single platform. All three major platforms require in-depth experience. Play at least once every day, and for at least half a year. During this process, experience the differences and keep screenshots of the interfaces that you think are important, representative, and worth saving for records. As an avid fan of a single platform, you cannot be a mobile UI designer.

Sixth: Record and explain your UI design

Considering that screenshots are not enough to express all the features of the UI, you need to learn to record the different states, transition processes, and transitions of the interface. field animation and other information, and learn to record the interface’s feedback on different situations.

Practice lean UX design in the design stage

A modern designer should be a designer with a strategic vision. Your goal cannot be limited to just making a beautiful interface, you should integrate your design with teamwork and meet the needs of the project. Understand the deep-seated needs of users and quickly provide feedback to the design. Save design work with detailed instructions to ensure that all designs are consistent with the core concept and consistent with user needs.

Seventh: Adopt agile UX design in the development stage

You can’t just hand over high-fidelity models to developers, because new ones will continue to be proposed during the development process. need. There will always be situations that were not fully considered before and need to be supplemented and improved during the development stage, and designers need to respond quickly accordingly. So, at this stage, designers really need to sit next to developers to deal with emergencies. Ensure that when APP developers encounter new needs, they do not have to add UX details themselves or find designers again. Answer truthfully. If you say that you have done something that you have not done before, it will be easily seen by the interviewer during the questioning process.