こんにちは、<a href="https://smarthr.jp/">SmartHR</a> を開発している株式会社KUFU 代表取締役の宮田です。もう今年が2ヶ月を切りましたね。信じられません・・・！さて、今回はここ数日のUIアップデートをご紹介します。<h2 id="h5a2c5475d3">主なUIの改善点</h2><h3 id="hb50bd37a69">1. 手続きのUIが更に直感的になりました</h3>SmartHR は手続きは大きく3つのステップを経て開始されます。1. 各書類に共通する情報の入力 2. 書類ごとの詳細な情報の入力 3. 手続きの開始これまでは「1」にはナビゲーションを設けず、「2」にだけナビゲーションを設けていました。「1」で入力した情報によって条件分岐が発生し、「2」で必要になる書類の枚数が増えたりするためです。しかし、「1」と「2」とでUIが分断されていたため、より直感的になるようナビゲーションを工夫しました。Before1.共通する情報の入力（ナビゲーション無し）<figure><img src="https://images.microcms-assets.io/assets/9811eab4844a4b34a789be7746858abf/67b707abd48d42e2a03abff4f5325926/image.png" alt="" width="766" height="183"></figure>2.各書類ごとの細かい情報入力（突然のナビゲーション）<figure><img src="https://images.microcms-assets.io/assets/9811eab4844a4b34a789be7746858abf/6fce2f98bf334df1b53d5be14c61e4dd/image.png" alt="" width="877" height="291"></figure>After1.共通する情報の入力（ナビゲーションを設置）<figure><img src="https://images.microcms-assets.io/assets/9811eab4844a4b34a789be7746858abf/abeb14bc3c644235b83c69c156857644/image.png" alt="" width="909" height="161"></figure>2.各書類ごとの細かい情報入力（条件分岐にも対応）<figure><img src="https://images.microcms-assets.io/assets/9811eab4844a4b34a789be7746858abf/b73afab985814e24a1a081678de6864d/image.png" alt="" width="1024" height="256"></figure>わかりやすいですね。<h3 id="hfae8016252">2. 縦長のフォームにはフロートメニューを追加</h3>従業員の編集フォームなど、項目数が多く縦長なフォームにて、一部のみ編集したい場合でも「更新ボタン」をクリックするためには最下部までスクロールする必要があり、不便だというフィードバックをいただきました。そこで、従業員・事業所の「編集」画面にフロートメニューを追加しました。 一番下までスクロールせずとも、いつでも更新ボタンが押せます。ナビゲーションはスクロールにあわせて追いかけてきます <figure><img src="https://images.microcms-assets.io/assets/9811eab4844a4b34a789be7746858abf/7cf3a2712b574a638d8af55c497e58a8/2fc0280d98362e24c7d67b290dedb6f1.gif" alt="" width="742" height="362"></figure>クリックするとジャンプします<figure><img src="https://images.microcms-assets.io/assets/9811eab4844a4b34a789be7746858abf/ba14b5986b414502944eac2af77d554b/a9a5a4e341f048aa94053489cabb72b0.gif" alt="" width="748" height="346"></figure>便利ですね。<h3 id="hc0ef8c7ed8">3. メンバー招待のUIがより直感的に</h3>従業員リストからでもメンバーの招待ができるようになりました。これまでこのウィンドウは「CSV」「直接入力」の2択でしたが、「メンバー招待」の3択になりました<figure><img src="https://images.microcms-assets.io/assets/9811eab4844a4b34a789be7746858abf/50d6593cf43340dc90f77ddd1bb9edce/image.png" alt="" width="676" height="373"></figure><h3 id="h46ed42b634">4. 事業所情報の編集画面で、代表者情報を直接編集できないように</h3>一見、「不便になったのかな？」と思われる見出しですね。SmartHR では「事業所情報で使用している代表者の情報」と「メンバーとしての代表者の情報」が連動しています。これは、代表者の住所等が更新される際の、抜け漏れを防ぐ為です。しかし、これまでは「事業所の編集画面」でも代表者の情報が編集できてしまい「これは従業員情報と連動しているのかな？」「不安だからチェックしにいこう」など、余計な手間と不安をあたえるような状態でした。それを下記のように「あ、代表者情報は連動しているんだ」「一箇所だけ変えればOKなのね」と直感的に認識していただけるように変更しました。<figure><img src="https://images.microcms-assets.io/assets/9811eab4844a4b34a789be7746858abf/8d9e0efaedf34510b96b3fbb6bb8c8dd/image.png" alt="" width="634" height="353"></figure>すごーく地味ですが、こういう細かいところにも気を使って開発してきたいと思います。<h2 id="h3bcda3e6b0">最後に</h2>いかがでしたでしょうか？操作方法のヘルプが不要になることを目標に、使いやすいUIを心がけていきます。 今後のUIカイゼンにもご期待ください(｀･ω･´)ゞちなみに、今週はもう2〜3本くらいアップデートのお知らせブログが出ると思います。 そちらもお楽しみに。更新は Facebook や Twitter でもお知らせしています。- <a href="https://www.facebook.com/smarthrjp/">Facebookページ</a> - <a href="https://twitter.com/smarthr_jp">Twitter: @smarthr_jp</a>それでは、引続き SmartHR をよろしくお願いします。

メンバー招待、手続きのUIが更に直感的になりました

SSO／SAML認証

文書配付

分析レポート

従業員サーベイ

人事評価

配置シミュレーション

キャリア台帳

学習管理

採用管理

通勤経路検索

有料オプション

設定

従業員リスト・従業員情報

招待

マイナンバー

手続き

電子申請

届出書類

給与明細

源泉徴収票

お知らせ管理

年末調整

申請

組織図・名簿

スキル管理

HRアナリティクス

データ連携

各種サービス連携

機能で調べる

セキュリティ

SmartHR API

料金と契約内容

サポート

その他