スマートフォン用検索窓の設置

スマートフォンの場合、使い勝手やスペースの問題もあって、検索機能をヘッダー部に虫眼鏡アイコンで表示していることが多いです。

検索窓の開き方はおもに二通りです。

検索窓をオーバーレイする

薄暗いレイヤーの上に検索窓

スライドして表示する検索窓

ヘッダーとスライドショーの間に

注意点

ヘッダーメニュー(くっつくタイプ)の挙動によっては、作業が複雑になり費用が余分にかかります。

スマートフォン用メニュー(ハンバーガーメニューなど)との重なりがありますので、丁寧な作り込みが必要です。

執筆者

えいじ@naeco.jp この記事を書いた人

メーカー系情報システム部門出身の個人事業主。
自作するのが好きですぐに試したくなる、凝り性なWebエンジニア。
カラーミーショップ、モールなどのECについて記事にしています。

ご相談・お問い合わせはこちら

よく読まれているプロダクト