スマホ対応はレスポンシブだけではない

2017年5月22日

社内システムをスマホでもパソコンでも使えるようにするには


前回、社内システムをスマホでもパソコンでも使えるようにするには
「レスポンシブ」という考え方で実現するとよい、
ということを書きました。

ところで、パソコン用のウェブの社内システムを
ただ単に小さい画面(スマホ)用に最適化さえすれば
問題ないのでしょうか。

答えは「いいえ」です。

 

スマホとパソコンの違い


パソコンとスマホの違いはなんでしょうか。

持ち運びしやすく、そのために画面が小さくなっています。

それだけだとガラケーと同じですが、
ガラケーと違うのは、ボタンがほとんどない、
というところです。

ガラケーでは、数字などのボタンを含めて
およそ10個を超えるボタンがありましたが、
スマホでは、音量や電源など含めて5個前後ではないでしょうか。

それでは文字入力はどうするか、といいますと
みなさんご存知のとおり、その小さな画面にキーボードが表示されて、
これを使って入力します。

 

スマホ独自の入力方法


パソコンではキーボードを使って入力する前提ですが
スマホでは、この入力しづらい画面上のキーボードを
なるべく使わないように工夫されています。

たとえば、「年月」を入力したい場合ですが、
iPhoneでは以下のように年月を選択して入力できるようになっています。

Iphoneカレンダー

 

同じ入力部分をandroidスマホでみると、以下のように表示されます。

androidカレンダー

 

この例では「年月」ですが、「年月日」や「年」もあります。
そのほかいろいろあるのですが、詳細については記事を改めたいと思います。

 

スマホ対応はレスポンシブだけではない


パソコンのブラウザで使えるウェブシステムを
スマホでも使えるようにするには、
ただ単に画面幅をスマホ用に最適化すれば済むという話ではありません。

小さなスマホでもストレスなく入力できるように
上述のように、入力が容易になるような工夫が必要になります。

技術的にはそれほど難しいことではありませんので
社内のウェブシステムをスマホでも使いたい、という場合は
これも考慮に入れておくことをお勧めします。

 

この記事の著者

イルカシステム(株) イルカシステム株式会社

イルカシステム(株)は、以下のような業務用ウェブシステムのご提案、受託開発、運用を行っております。

1.中小企業さま向けの社内向け業務ウェブシステム(営業支援、顧客管理、受注管理、請求入金管理、在庫管理、経営数値管理など)

2.医療業界向けの業務改善システム

※業務ウェブシステムの開発を効率化するための自社サービス「イルカベーカリー」をご提供しております。
※医療業界向けに、臨床研究の無作為割付自動化のための自社サービス「ムジンワリ」をご提供しております。

お問合せはお気軽に、こちらからどうぞ! → イルカシステム株式会社へ問合せ

著者:イルカシステム株式会社

お問い合わせ




会社概要

<p>イルカシステム(株)</p>
<img src="http://www.iruka-system.co.jp/wp-content/uploads/2017/01/WS000000.png" alt="会社概要 住所" width="243" height="84" class="alignnone size-full wp-image-49" />
<div class="alert alert-warning">
2017/1/1より、住所変更いたしました。
</div>
<p><span class="label label-success">TEL</span> 03-5843-9168</p>

  • 中小企業 41個の記事

    中小企業様にご提案・開発してきた実績をもとに、システム構築について記載した様々な記事一覧です。

  • 社内システム 39個の記事

    様々な社内システムをご提案・開発してきた実績をもとに、システム構築について記載した様々な記事一覧です。

  • わかりやすさ 30個の記事

    情報システムをわかりやすく使いやすいものにするためのノウハウ、気をつけていることの記事一覧です。

  • UI設計 27個の記事

    UI(ユーザーインターフェース)は、システムの使い勝手を左右します。どんな点に気をつけているか、どんな考えでシステム開発しているかの記事一覧です。

  • 顧客管理 26個の記事

    これまで構築した様々なシステムのうち、顧客管理機能をどのような観点でご提案、開発しているかをまとめた記事一覧です。

  • 受注管理 18個の記事

    これまで構築した様々なシステムのうち、受注情報を管理する機能をどのような観点でご提案、開発しているかをまとめた記事一覧です。

  • ビジネス 18個の記事

  • 業務 16個の記事

  • 要件定義 14個の記事

    要件定義とはどのようなシステムを構築するのかを決める作業です。要件定義において注意し、考えていることをまとめた記事一覧です。

  • クラウド 13個の記事

  • 登録画面 13個の記事

  • 編集画面 12個の記事

  • システム会社 12個の記事

  • 情報共有 11個の記事

  • みえる化 11個の記事

    手作業をシステム化して効率化するだけでなく、それらの情報を集約して簡単に見えるようにし、社員が自律的に動ける組織を作ることが「みえる化」です。

  • 一覧画面 11個の記事

  • 業務用ウェブシステム 10個の記事

  • エクセル 9個の記事

  • コミュニケーション 9個の記事

  • セキュリティ 8個の記事