長すぎるスマホサイトをスマートにリデザインする6つのコツ
スマホ対応していないWebサイトはもはや少なくなりましたが、あなたのサイトはよいUXを提供できていますか？ 「長すぎるページ」を解決するデザインのコツを紹介します。 進化の早いデジタルの世界におけるデザイナーの役割は、ユーザーに無駄な時間を使わせないようなシンプルなインターフェイスを提供することです。デザインをシンプルにした分だけ、よい多くのコンバージョンを期待できます。とはいえ、市場の大半をモバイルデバイスが占めている現在では、シンプルなインターフェイスを提供するのは簡単ではありません。 なによりモバイルデバイス経由のオンラインショッピングが増えている中で、モバイルユーザーにとって使い勝手が良いWebサイトを構築することが欠かせません。そこで問題になるのがロングスクロールのWebサイトです。 ロングスクロールページの問題 モバイルユーザーはロングスクロールWebサイトへのアクセスを敬遠し
【CSS】おしゃれなボックスデザイン（囲み枠）のサンプル30
使い方 HTMLとCSSの編集方法をご存知の方は読み飛ばしてくださいませ。 スキップ 手順1：CSSをコピペ のちほど紹介するボックスデザインのうち、気に入ったものがあればCSSをコピーします。これをブログやWebサイトのCSSファイルに貼り付けます。貼付け先はブログサービス別に以下のようになります。 link rel〜を貼る場所 WordPress[ダッシュボード][外観][テーマエディター]右側のバーの[style.css]※もちろんFTPソフトを使ってもOK はてなブログ[デザイン][][デザインCSS]スマホ用はの[フッタ]に<style></style>と入力、この中に貼付け アメブロ[マイページ][デザインの変更][CSSの編集] Livedoorブログ[ブログ設定][PC][カスタマイズ][CSS] FC2ブログ[設定][テンプレートの設定][スタイルシートの編集] Blog
Webデザインにおける「ハンバーガーメニュー」を再考する【本当に使いにくい？？】
おそらくモバイル向けWebサイトで最上部の端にハンバーガーアイコンがあるのを見たことがあるでしょう。 3つの線が積み上げられハンバーガーのように見えるメニューのことです。このメニューはスペースを節約できるという理由でWebデザインに採用されています。 しかし、このメニューには大きな欠点があります。 ユーザーエンゲージメントを向上するにはこのメニューを別のメニューに変えることをおすすめします。 ハンバーガーメニューは効率が悪い このハンバーガーメニューの最大の問題点の1つはモバイルアプリで見た場合の配置にあります。このメニューは通常、最上部の左端に配置されます。モバイルデバイスの右利きのユーザーはこの位置をタップしにくいのです。これではエンゲージメントに悪影響を及ぼします。 また、メニュー内容を見るためにメニューをタップする必要があり、目的のメニュー内容を見つけたらもう一度タップする必要があ
理解するべきユーザビリティとデザイラビリティの違い
Interaction Design Foundationはグローバルにデザインレベルの向上を目指す、デンマーク発の非営利団体です。 「デザイラビリティ（Desirability）とユーザビリティ（Usability）の違いとは何か」という質問はUXデザインの分野でよく見受けられるため、区別できることは重要です。 なぜなら、ユーザビリティはUXの基本であり、ユーザビリティ（使いやすさ）がなければ、価値のあるUXを作り出すことが難しいからです。一方で、デザイラビリティ（望ましさ，好ましさ）がなければ、ユーザーの心にいつまでも残ることはほとんどありません。記憶に残り、誰かにオススメできるUXではなくなってしまう可能性があります。 ニールセンノーマングループが2008年アムステルダムで定義した、UXの４つのシンプルな段階があります。 ユーティリティ ユーザビリティ デザイラビリティ ブランド体験
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
