2024/07/18 11:01
★相談したいこと
スマホ版、ブラウザ版、いずれの端末でも見やすい
ポータル画面を作るために、工夫されていることはありますか？
両立に成功した例があれば、教えていただきたいです。
■契約の状況
・ライトコース
・試用期間含め運用三か月目
・営業部の導入プロジェクトメンバー５名で使用
・主に、営業活動の記録、申請のオンライン化、
データ管理の目的で使用
■悩んでいること
・スマホ、PCいずれの端末でも、
同じくらいの頻度で、Kintoneを利用する予定です。
・ブラウザ版のポータルは、各アプリの一覧画面、
新規登録画面にリンクした画像を貼るなど、
かなり見やすくできました。
・が！やはりスマホでポータルを見ると、
アイコン画像のバランスが崩れるなど、
「少し使いにくいね…」という意見が出ています。
■試してみたこと
・行を調整する、アイコンの大きさを調整する。
・が、やはりブラウザ版、スマホ版のポータル両方が
見やすいという状態は難しく…
良い案があれば、教えていただきたいです。
共有する
ミュートしたユーザーの投稿です。
投稿を表示みなさんのアドバイスを参考に、アイコンを改良しました！
アイコンから飛ぶ人が多いようなので、少し数は多めですが…
PC、モバイルでも見やすくなったと
メンバーにもコメントをもらえました＾＾
個人的には、旧Twitter風の分報アイコンがお気に入りです。
ありがとうございました！
ミュートしたユーザーの投稿です。
投稿を表示PCとスマホでいずれでも、そこそこ見やすくというのはとても難しいですよね。
割と多くのユーザーさんが使用する「Wordで表組みして貼り付ける」を弊社も使用しています。
参考： https://ascii.jp/elem/000/001/792/1792248/
この時、記事のように「Window幅に合わせる」を選択せずに表の幅を固定にすることで、スマホでは横スワイプでメニューを右端まで表示させることが可能になります。
この方法だとPCとスマホを意識しすぎないで済むので私的には最適です。
ミュートしたユーザーの投稿です。
投稿を表示ミュートしたユーザーの投稿です。
投稿を表示はじめまして
弊社ではスマホユーザーがメインなのでパソコンで作って満足していたら、スマホでは見にくかったということは何度もあり試行錯誤しています。
スマホでは使いやすくてパソコンでは使いにくい ということが私はあまりなかったと思うので、スマホユーザー重視で考えるようにしています。
ポータルに関しては、ICONEをフル活用しています。
https://icone.unique-work.com/
アイコンに文字を入れることで説明文が不要になり、スマホ画面をスクロールしなくてもおさまるくらいを目安に配置しています。
アイコンサイズがあまり大きくないのでスマホ画面でもたくさん配列できて、よく使うアプリはこのボタンから使ってもらうようにしています。 現場担当者は、開いて一覧を切り替えるとか検索する とかも手間に感じるようなので、できるだけアクションが少なくて済むように工夫しています。
例えば、同じスケジュールアプリでも予定追加用のボタン・検索用のボタン・一覧別のボタン …等
とにかくワンクリックでできればいいかなと。
この前 「よく使うアプリはどれ？」とアンケートを取り、ポータルに必要なアプリ、不要なアプリを整理しました。
一覧表示もＰＣ目線で作るとスマホ画面では見えにくいので、並び順を変えてほしいと現場担当者から言われて気付くこともありました。
ミュートしたユーザーの投稿です。
投稿を表示アイコンはどのように作られてますか？
どこかからダウンロードしてる、とかペイントで一から作っていると、どうしても元のサイズに依存してしまうので、PCではきれいに出来ててもモバイルで見るとズレる、ということが割とよくあります。
なので、canvaが簡単にサイズ調整できるのでおすすめです！
https://www.canva.com/
ロゴサイズ（500px ×500px）で作って、ポータルに貼り付ける時は「小」、横並びは最大3つまでにするときれいに収まりますよ～
⇩うちのポータルトップです。
ミュートしたユーザーの投稿です。
投稿を表示ミュートしたユーザーの投稿です。
投稿を表示ミュートしたユーザーの投稿です。
投稿を表示