UIUX改善の記事

開発情報・ナレッジ ver.1 middle

ステップアンケートをスマホでも見やすく!CSSでできるマルチデバイス対応

ステップアンケートは、PC向けまたは携帯電話向けのデザインのみ対応しており、スマートフォン向けのデザインには対応していません。 本記事では、CSSやHTMLを調整することで、スマートフォンからも見やすいデザインに変更する方法をご紹介します。 カスタム

開発情報・ナレッジ ver.1 middle

一覧表・単票をもっと見やすく!スマホ対応デザインにする方法

SPIRAL ver.1をご利用の皆さん、「一覧表をもっと見やすくできたら…」と思ったことはありませんか? 今回は、そんなお悩みを解消するために、一覧表を手軽にリッチ化し、スマホでも見やすくデザイン性のある画面を作成する方法をご紹介します。 一覧表のテンプレートを

開発情報・ナレッジ ver.1 middle

「エラーがどこか分からない!」を防ぐ。ユーザーのストレスを減らすエラーサマリーの実装方法

SPIRALのフォームでエラーサマリーを表示するJavaScriptをご紹介します。 機能としてはエラーメッセージをカウントし内部リンクによってエラー位置に遷移するというシンプルなものですが、どこでエラーが起きたかを一目で把握でき、エラー位置までクリッ

開発情報・ナレッジ ver.1 middle

入力体験を劇的に向上。SPIRALフォームにCSSだけで実装する次世代フローティングラベル

フローティングラベルを使用してSPIRALのフォームの入力体験を向上させる方法をご紹介します。 フォームのデザインテンプレートも用意いたしましたので、ダウンロードして試してみてください。 フローティングラベルとは?実装するメリット まずはデモサイトを

開発情報・ナレッジ ver.1 middle

暗い場所でも快適に。OS設定に連動するダークモードでUXを向上させるCSS

フォームを入力するユーザーのPC、ブラウザの環境によってライトモードとダークモードを自動で切り替える方法をご紹介します。 デモサイトをご用意しました。 デモサイト フォームのデザインテンプレートも用意いたしましたので、ダウンロードして試してみてください。 ダークモー

もっと見る