こんにちは、freee 会計のワークフロー(会社内の申請・承認の流れ)機能を開発しているエンジニアのミツバ (@mitubaEX) です。 先日ワークフローの機能の一つである支払依頼を刷新しました。この記事では刷新した手順とこだわりポイントについて紹介したいと思います。 以前の支払依頼について 支払依頼は主に請求書を元に申請を出し、稟議を回すものになっています。 刷新以前の UI は以下のようなものでした。 以前の支払依頼の UI 左側に取引先の情報、右上に請求書の明細の情報が表示されており、右下に請求書の画像が添付されています。この UI は明細が増えていくと請求書が画面下部に表示されてしまいます。これによって申請後に承認をする人が請求書を確認して入力された明細のデータを確認するための視線の移動が多くなってしまうという問題が生じます。 加えて昔から利用されている UI component