HI CORPORATION

HI CORP.

  1. HOME
  2. Products
  3. ビジネスメリット|exbeans® UI Conductor

Business Advantage

Incomparable HMI development tool which improves productivity, efficiency and brand images

New work flow improves productivity

Achieves HMI development that can incorporate user requests more than ever

The larger the development scale is, the larger the manhour becomes for customization or change according to user's request at a later process, which makes it difficult to respond such customization/change. UI Conductor uses components by drag-and-drop operation to enable a prototype model development, making HMI development less rework and more suited to requirements from users.

Conventional HMI development

UI Conductor
UI Conductor

HMI development model with UI Conductor

UI Conductor

You can quickly create UI parts, animations or screens with visually confirmable drag and drop operation. It is also possible to create UIs and animations, immediately check their operation on a PC, and incorporate user requests promptly to implement improvement/evaluation cycles for proceeding with development, which minimizes rework, as well as changes in the latter stage of the project.

Improving localization work flow

Embedded equipment having graphical UIs requires many manhours for localization in dozens of languages. Consistency between localized strings and UIs can be checked only after embedding on actual equipment, which increases manhours and costs due to replacement or modification at the latter stage of the project caused by inconsistency or text overflow. UI Conductor can display localized strings on a PC in the same way as on embedded equipment, and switch to display them in various languages. It enables checking of strings at an early stage without waiting for embedding on actual equipment.

UI Conductor

Localization work flow with UI Conductor
Can detect and modify any defect affecting designs due to its text length, etc.

UI Conductor

You can proceed with localization while checking UI displays or operation, which minimizes inconsistency with UIs. It is also equipped with the text overflow checking function, which shorten the time to check overflowing texts in multiple languages.

Sophisticated expressions to improve brand image

Improving brand image by creating UIs as desired

Penetration of mobile equipment including smartphones heightens requirement standards by users for UIs on embedded equipment. Users familiar with a lot of animations or 3D expressions expect UIs of equal or higher level expressions, which raises an importance of UI development through cooperation and collaboration between graphic designers, technical designers, or embedding engineers.

UI Conductor

UI Conductor supports exports from Photoshop, an application graphic designers normally use. Graphic contents created can be imported as they are. Moreover, FBX format files supported as standard by 3D graphic creation software such as Maya and 3ds Max can be directly imported.

Technical designers can utilize these materials to create UI parts of high flexibility. In addition, they can add animations, setting lights or materials, and provide camera works to achieve a wide range of expressions. The application can reflect designer's intention correctly, and create UI as desired, thereby contributing to improvement of brand images.

Lower manhours and higher maintenanceability

Separating embedded application and UIs to enable parallel development and UI reuse in parallel

The embedded application directly operates UI parts individually to switch the screen. It is possible for UI Conductor to develop UIs closely related to the embedded application, but in such a case, a modification on one side causes changes in both of the embedded application and UIs, which doubles manhours in development, maintenance and regression tests. UI Conductor, however, can separate UIs and embedded applications with view model variables and message sending/receiving.

Conceptual diagram of sending/receiving state messages
UI Conductor

Embedded application operates UIs by sending states. UIs control their operations when receiving states

Conceptual diagram of view model variables
UI Conductor

Embedded application operates view model variables, while UI connects variables with components and animations through data binding.

Determines messages and view model variables as an interface, and designs operations of embedded applications and UIs based on that. UIs and embedded application can be developed in parallel, contributing to a shortened development period. In addition, in improvement and maintenance, a change in either embedded application or UI will not affect the other, which reduces manhours in changes and tests.

Screen transition according to statuses and conditions

UI Conductor supports a conditional screen transition function with model view variables and state messages for screen transition. It can transfer screen transition to the view side, enabling a screen transition only by operating messages and view model variables from embedded application, which maintains the binding between embedded application and UIs at a low level, thereby heightening reusability and maintenanceability of UIs.

UI Conductor