たまには具体的なUIの紹介など。 どうしても商品画像以外のデザインがワンパターン化しやすいECサイトの商品ページに、ちょっとした一工夫をすることで画面を一味違う味付けに仕上げる小技をいくつか。 ※カートのデザイン例は、80 Examples of Add to Cart Buttons for Design Inspirationより。 1.値引きの見せ方を工夫して、割安感を「さりげなく」アピール なんだかんだ言っても、ユーザは最後は価格をしっかりチェックしてます。 あまり大々的に書くとサイトが胡散臭くなってしまうような商材で、でもちゃんと値引きや割安であることをアピールしたいケースは意外と多いもの。 そんなときは 値下げ前と値下げ後の価格を並列に設置 値下げした価格を強調(主に赤系の色を使ったり、太文字にしたり)しつつ、定価は主張しないように、でも目に留まる程度に配置 定価を横線で打ち消
When overlaying text onto images, the most important thing you need to consider is readability. If the text being placed on top of the image doesn’t have enough contrast with the image itself, the message will get lost and frustrate visitors as they try to work out what it actually says. You don’t want visitors to have to work hard just to read something on a website. This can contribute to them i
業務アプリケーションがWebアプリケーションとして開発されるのは現在の大きなトレンドです。それに伴ってHTMLとCSSによって業務アプリケーションの複雑なユーザーインターフェイスを構築する必要性が生じます。 しかし機能が豊富な業務アプリケーションのユーザーインターフェイスをHTMLとCSSで構築するのはそれほど簡単ではなく、しかもそれをアプリケーション全体で統一し、優れたユーザビリティを実現するのはさらに手間のかかる作業です。 そうした業務用のWebアプリケーションのユーザーインターフェイスを構築するためのサンプルが豊富に含まれたガイドライン「IBM Lotus User Interface Developer Documentation」が、IBMから公開されました。 今回公開されたIBMのガイドラインは、同社のLotus製品群のユーザビリティを統一するための社内プロジェクト「One U
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く