第三講親和性のあるUI/UX機能と繊細な処理ロジックを実現化 1

[PM]

博士、本当にコーディング作業を一行もせずに、データベースにデータを保存し、また読み込んで画面に表示する機能までこんなに短い時間で具現化できること自体に驚きです。

しかし最近のお客様は、ユーザーの利便性や機能的側面はもちろん、デザイン的な観点からもこのように単純なアプリでは満足できません。使用者の立場で実用的な機能はどのように具現化しますか。

[博士]

はい、当然の指摘です。これからこのようなノーコーディングツールで繊細なUI及びUX処理や、複雑でややこしい業務処理ロジックを具現化する方法についても見ていきましょう。

まず日付表示欄から見ましょうか? 現在の'支給日'欄を調べると、こんなに数字形態で直接入力するのは、容易でないし、すでに入力された日付を認識したのも直観的ではないでしょう? そして'類型'欄も宿泊費、交通費、諸経費と毎回文字を直接入力するのも面倒だし、識別するのも易しくないですね。

それなら、この2つの機能を改善してみましょう。まず、支給日の隣にあるデータ入力ボックスを消去して、右側の方のツールバーで日付入力ボックスというアトムを選んで、描き込みましょう。日付の表示形式も、このように実務で使用されるすべての形式を選択できます。このうち広く使われる年月日（日本の場合、年号入力方式）形式を選択してみましょう。