• テレワークツールならユーザー数無制限のテレワンプラス。

見やすさ&使いやすさへのこだわり

見やすさ&使いやすさへのこだわり 500 280 テレワークツールのテレワンプラス
2022.10.28

見やすさ&使いやすさへのこだわり-テレワンプラス-

テレワンプラスの開発話
こだわり|開発ブログ|テレワンプラス
2022.10.28

見やすさ&使いやすさへのこだわり-テレワンプラス-

テレワンプラスの開発話
こだわり|開発ブログ|テレワンプラス
ローチンまではチェックの嵐|開発ブログ|テレワンプラス
2022.10.28

見やすさ&使いやすさへのこだわり-テレワンプラス-

テレワンプラスの開発話

チームも、クライアントもつながる65機能とは?!

チームも、クライアントもつながる65機能とは?!

見せ方を知ってるオサレ高田

見せ方を知ってるオサレ高田

時々、代表とzoomで話す時、思うこと…
「おしゃれなオジ様…」
「お、今日のシャツの柄、個性的~」

代表はスタッフに言います。
「バックどうにかならんか?」「そこはどこや?!」「画面の中央に写られへんのか?」
共有している画面を見つつ、「サッと動かしや」「そこはスッとあけや」「遅いのぉ‥」

元々デザイン好きで見せ方を知っている代表は、スタッフのzoomへの映り方、画面共有時のマウスの動きが気になるご様子。愛あるダメ出しが続きます(笑)

開発したツールにも、使いやすさ&デザイン性のこだわりが満載です。
テレワンプラスのオンラインデモを触ったことのある方ならわかる…

テレワンプラスのオンラインデモを
無料体験してみてください。

テレワンプラスのオンラインデモを
無料体験してみてください。

見やすい&使いやすいへのこだわり|開発|テレワンプラス

テレワンプラスのオンラインデモ
使いやすさ&デザイン性のこだわりが満載

「明るくて、かわいい!色々触ってみたい!」という気持ち。それは代表とGSCメンバーのこだわりの結果と言っても過言ではないでしょう!

見やすさと使いやすさへのこだわり

見やすさと使いやすさへのこだわり

今回は、ハヤスギ高田改め、オサレ高田の使いやすさとUIへのこだわりのお話…

このお話は、「見やすくて、使いやすくて、目立つツール作るで!!」とテントの中にこもる代表と、コサさん&タミさんとの話し合いの日々までさかのぼります。

オサレ高田の要望を受けたコサさんとタミさんは、具体案を提出。
それを代表が確認後、エンジニアスタッフへ依頼という流れになりました。

オサレ高田の要望は、具体的なこともあれば、大変抽象的なこともあります。
「ここもっとシュッと、サッと、クッ、スパッと…」
関西人あるあるですね、擬音語をフル活用して伝えて来られます。

なので、タミさんコサさんはそういう場合、それを具体化せねばらないのです。
どこをどうしたら、シュッとするのか、どこがどうなれば、スパッといく感じがするのか。

タミさんは言います。「今でも必要な事ですが…操作してるときの大小の“イラっと”を拾っていく感じですかね」
見やすくない、使いにくいものは、本当にイラっとしますよね。

見やすさ&使いやすさを意識して、以下のこだわりが推し進められました。

こだわり1:角を取る。カクカクではなく、丸く。
こだわり2:親しみやすい、優しいイメージのフォント。
初めての人でも、「かわいい」と触ってみたくなる、分かりやすく感じる。
こだわり3:テーマカラーは、キツくない、目に優しい青。
「テレワンの青はこれや」代表チョイスです。
こだわり4:入ったら次がわかるボタンの動線、配置。
配置には規則性をもたせる。
こだわり5:見やすいサイドメニュー。
メニューアイコンも厳選。幅の広さは長すぎず、短すぎず。

こだわり1:角を取る。カクカクではなく、丸く。
こだわり2:親しみやすい、優しいイメージのフォント。
初めての人でも、「かわいい」と触ってみたくなる、分かりやすく感じる。
こだわり3:テーマカラーは、キツくない、目に優しい青。
「テレワンの青はこれや」代表チョイスです。
こだわり4:入ったら次がわかるボタンの動線、配置。
配置には規則性をもたせる。
こだわり5:見やすいサイドメニュー。
メニューアイコンも厳選。幅の広さは長すぎず、短すぎず。

このサイドメニューすごいんですよ、ヘッダーの3本線でサイドメニューを閉じたり開いたりでき、且つ閉じた時、カーソルを各メニューの所にもっていくと、ポップアップでメニュー名が出る!
サイドメニュー表示を縮小させてアイコン表示だけになっても、悩まない優しい設計なんです。

ポップアップからメニュー名|開発|テレワンプラス

ポップアップからメニュー名
サイドメニュー表示を縮小させてアイコン表示だけになっても、悩まない優しい設計

UIへの細かいこだわり

UIへの細かいこだわり

コサさんは初期段階のテレワンを見せながら「ココのラインを少し濃くしたんです、わかりますか?このラインがあるのとないのとでは見え方が違うんです。ホラ!!」と目がキラリ。

あ!そういわれれば、少し違う。そして修正されたほうが、見やすい!
皆さんにお見せできないのが残念…

UIは、さりげなく、気づかれにくいけれども、「言われると納得!」するのが特徴とも言えますね。ラインの濃さ、タブ、ボタンの配色、アイコンのサイズなど、細かい修正が続きます。

細かいんだったらもういいんじゃない?
と、思ったそこのアナタ…
チッチッチ。(ライターの人差し指が左右に動いています。)

オサレ高田は細かいことを見逃しません。
そういうお人なのです。

色々なツールを片っ端から使い、思ったことをメモしたノートを広げ「使う人が、動きやすい!使いやすい!と感じるものを作らなあかん」と挑んだツール開発です。

UIを考えた結果、削った機能もあります。
例えば、初期段階ではあったという幻の…飛び出すチャット機能。

右下にピヨンと出ていましたが、代表の「いらん」の一言で、お別れに。
でも確かにいらない。そこの動きが気になって、今見ているページに集中できません。
なくなって正解!画面がスッキリして見やすい~

デザイン変更や修正の依頼をエンジニアスタッフへお願いした数、な、なんと183!!

エンジニアチームと、チェックして再修正依頼をかけるスタッフみんなの努力と涙の結晶…
テレワークツール\テレワンプラス/

オンラインデモでお試しできますので、どれくらい見やすいのか、使いやすいのか…思う存分、ご確認ください!

テレワンプラスのご相談はこちらから!

無料オンラインデモ

オンラインデモならサクッと実際の動き・イメージがつかめます。データの入力も可能です。ぜひ、テレワンプラスを実際に使って、検証してみてください。

30日無料体験

30日間無料で体験することができます。じっくり試して見てください。全機能無制限でお使いいただけます!もちろん、体験期間中もバッチリサポートします。

いろいろ相談したい

「テレワンプラスでこんなことできるの?」など、操作や活用方法について、またテレワークツール導入についてのご相談など、お気軽にお問合せください。

ZOOMでサクッと相談

もっと詳細を知りたい方、操作方法を聞きたい方におススメです。サポートスタッフがZOOMにて無料でご説明します。ご予約はこちらからお申込みください。

テレワンプラスの
ご相談はこちらから!

テレワークツール「テレワンプラス」のご相談はこちらから!

無料オンラインデモ

オンラインデモならサクッと実際の動き・イメージがつかめます。データの入力も可能です。ぜひ、テレワンプラスを実際に使って、検証してみてください。

30日無料体験

30日間無料で体験することができます。じっくり試して見てください。全機能無制限でお使いいただけます!もちろん体験期間中もバッチリサポートします。

いろいろ相談したい

「テレワンプラスでこんなことできるの?」など、操作や活用方法について、またテレワークツール導入についてのご相談など、お気軽にお問合せください。

ZOOMでサクッと相談

もっと詳細を知りたい方、操作方法を聞きたい方におススメです。サポートスタッフがZOOMにて無料でご説明します。ご予約はこちらからお申込みください。

プライバシープリファレンス

当社のウェブサイトにアクセスすると、特定のサービスからブラウザを介して、(通常はCookieの形式で)情報が保存される場合があります。こちらから、プライバシー設定を変更できます。一部の種類のCookieをブロックすると、当社のWebサイトおよび当社が提供できるサービスでのエクスペリエンスに影響を与える可能性がありますのでご了承下さい。

Click to enable/disable Google Analytics tracking code.
Click to enable/disable Google Fonts.
Click to enable/disable Google Maps.
Click to enable/disable video embeds.

このサイトでは快適な閲覧のために Cookie を使用しています。Cookie の使用に同意いただける場合は、

「同意します」をクリックしてください。詳細については プライバシープリファレンスをご確認ください。