こんにちは、SmartHR を開発している株式会社KUFU 代表取締役の宮田です。

もう今年が2ヶ月を切りましたね。信じられません・・・！

さて、今回はここ数日のUIアップデートをご紹介します。

主なUIの改善点

1. 手続きのUIが更に直感的になりました

SmartHR は手続きは大きく3つのステップを経て開始されます。

1. 各書類に共通する情報の入力
2. 書類ごとの詳細な情報の入力
3. 手続きの開始

これまでは「1」にはナビゲーションを設けず、「2」にだけナビゲーションを設けていました。「1」で入力した情報によって条件分岐が発生し、「2」で必要になる書類の枚数が増えたりするためです。

しかし、「1」と「2」とでUIが分断されていたため、より直感的になるようナビゲーションを工夫しました。

Before

1.共通する情報の入力（ナビゲーション無し）

2.各書類ごとの細かい情報入力（突然のナビゲーション）

After

1.共通する情報の入力（ナビゲーションを設置）

2.各書類ごとの細かい情報入力（条件分岐にも対応）

わかりやすいですね。

2. 縦長のフォームにはフロートメニューを追加

従業員の編集フォームなど、項目数が多く縦長なフォームにて、一部のみ編集したい場合でも「更新ボタン」をクリックするためには最下部までスクロールする必要があり、不便だというフィードバックをいただきました。

そこで、従業員・事業所の「編集」画面にフロートメニューを追加しました。
一番下までスクロールせずとも、いつでも更新ボタンが押せます。

ナビゲーションはスクロールにあわせて追いかけてきます

クリックするとジャンプします

便利ですね。

3. メンバー招待のUIがより直感的に

従業員リストからでもメンバーの招待ができるようになりました。

これまでこのウィンドウは「CSV」「直接入力」の2択でしたが、「メンバー招待」の3択になりました

4. 事業所情報の編集画面で、代表者情報を直接編集できないように

一見、「不便になったのかな？」と思われる見出しですね。

SmartHR では「事業所情報で使用している代表者の情報」と「メンバーとしての代表者の情報」が連動しています。これは、代表者の住所等が更新される際の、抜け漏れを防ぐ為です。

しかし、これまでは「事業所の編集画面」でも代表者の情報が編集できてしまい「これは従業員情報と連動しているのかな？」「不安だからチェックしにいこう」など、余計な手間と不安をあたえるような状態でした。

それを下記のように「あ、代表者情報は連動しているんだ」「一箇所だけ変えればOKなのね」と直感的に認識していただけるように変更しました。

すごーく地味ですが、こういう細かいところにも気を使って開発してきたいと思います。

最後に

いかがでしたでしょうか？

操作方法のヘルプが不要になることを目標に、使いやすいUIを心がけていきます。
今後のUIカイゼンにもご期待ください(｀･ω･´)ゞ

ちなみに、今週はもう2〜3本くらいアップデートのお知らせブログが出ると思います。
そちらもお楽しみに。

更新は Facebook や Twitter でもお知らせしています。

– Facebookページ
– Twitter: @smarthr_jp

それでは、引続き SmartHR をよろしくお願いします。