そのままでは伝わらない製品比較表の画面設計 | ツクロア - DESIGN LABもう3年半前にもなるけれど、個人のブログに「スマホサイトの機能比較表はどうデザインするか？」という記事を書いたことがある。 実は3年も経つと大手企業のWebサイト上の機能比較表も足並みそろえて、同じようなパターンに従うようになってきているようにも感じた。 久しぶりにここで考えたことを書いてみることにする。 製品機能や競合サービスとの比較表など、tableタグなどでセル状に項目を組むとスマホサイトはおろか、デスクトップ版ですら画面に収まらず機能しなくなるため難しい課題だ。 何度か別のWebデザイナーの方やコーディング担当の方に製品比較表のワイヤーフレームを渡して作業を依頼すると、見事に1000px程度の横幅にぎっしりと格子状に詰め込んだレイアウトを仕上げてきた。 モバイルの状態など全く考えていない「この指示書通りに依頼されたと思っていました」と言う。 先週のツクロア・デザインラボの記事「HT
