Webディレクターやフロントエンドエンジニア、デザイナーの現場で飛び交う「SP」は、Smartphone（スマートフォン）の略語として完全に業界標準用語となっています。仕様書やデザインカンプ（完成見本図）には必ず「PC用」「SP用」というフォルダやレイヤーが作成されます。
かつてはPC用と携帯電話用のURLを別々に用意する手法も見られましたが、現在は1つのHTMLソースを端末の画面幅に応じて最適化する「レスポンシブWebデザイン」が主流です。その中でWeb制作のSP表示とPC表示には、UI/UX設計における決定的な設計思想の差異が存在します。
- 画面幅のブレークポイント設定：CSSメディアクエリを用い、一般的に横幅767px以下（あるいは768px未満）をSP表示、それ以上をPC・タブレット表示としてレイアウトを切り替える設計が標準的。
- 指先操作（タッチターゲット）の最適化：PCはマウスカーソルによるピンポイント操作（1px単位）が可能ですが、SP表示では人間の指の腹（最小タップ領域：44×44px以上が推奨）を考慮した余白とボタンサイズが必須。
- 視線誘導のシングルカラム化：PC表示では2カラム・3カラムで情報を並列配置できる一方、SP表示では縦1列（シングルカラム）で上から下へと直感的に読ませる情報構造へ再編される。
「SP表示が崩れている」「SP用のグローバルメニュー（ハンバーガーメニュー）の開閉アニメーションが重い」といった会話は、制作現場における日常風景です。Webサイトへのアクセスの7〜8割以上がモバイル端末経由となった今、SP表示の品質がサイトの離脱率やSEO評価を決定づける生命線となっています。
