タグ

ブックマーク / goodpatch.com (3)

  • パララックスを使ったストーリー性のあるWebサイトまとめ | Goodpatch Blog

    昨年度からWebサイトに取り入れられ始めたパララックス効果、現在でも取り入れられているWebサイトをよく見ます。実際にパララックスが取り入れられているWebサイトを実際に触って興味を持ったり、作成された方もいるのではないでしょうか。参考にできるパララックスを使ったサイトはたくさんありますが、今回はパララックス効果を上手く取り入れ、ストーリーを印象的に伝えているサイトをまとめてみました! (参考: 15 Awesome Websites That Tell a Story As You Scroll) Every Last Drop http://everylastdrop.co.uk/ 私たちが起きてから寝るまでに使う水の量が視覚的にわかるWebサイトです。 Ben the Bodyguard http://benthebodyguard.com/index.php 写真やメモ管理アプリの

    パララックスを使ったストーリー性のあるWebサイトまとめ | Goodpatch Blog
  • 簡単に使えて、コンバージョン率が高まるUI Tipsまとめ | Goodpatch Blog

    しっかりと考えられたUIのアプリやWebサイトはとても使いやすいく、使っていてとても楽しいですよね。この記事を見ているデザイナーやディレクターの方の中でショッピングサイトや登録型サービスを担当し、UI設計をしている方もいるのではないでしょうか。UI設計をする上で必ず考えるのが「ユーザーが使いやすいUI」だと思います。しかし前述したショッピングサイトや登録型サービスの場合は使いやすさと共に、「ショッピング購入数」や「登録者数」にも気を配る必要があります。そこで今回は「ショッピング購入数」や「登録者数」を示す、”コンバージョン率” を高めるUIとはどんなものか、海外の記事を参考に考えてみたいと思います。 (この記事はGoodUIから翻訳抜粋したものです) GoodUIには簡単に使えて、コンバージョン率を高めるUIのアイデアがいくつかまとめられています。その中から6つ、素晴らしいアイデアをピック

    簡単に使えて、コンバージョン率が高まるUI Tipsまとめ | Goodpatch Blog
  • 優れたUIデザインを作るために知るべき12のTips | Goodpatch Blog

    こんにちは、だいきです。 海外UIデザインに関する記事「14 Golden Eggs of Good UI Design(直訳: 優れたUIデザインの14の金の卵)」で書かれていたUIデザインに関するTipsがとても勉強になったので、その中からいくつか抜粋したものを翻訳しました! (この記事はJohannes Thönesというブログの14 Golden Eggs of Good UI Designという記事の抜粋翻訳ブログです。) 1, 先進的な技術を使う理由 photo credit: Carlos Varela via photopin cc HTML5が新しい技術だからといって、それを使う必要性はありません。 新しい技術を使うことが目的になってはいけません。 ユーザーとユーザーが期待している事を考えてください。 どんなUX(ユーザーエクスペリエンス)をユーザーに与えたいですか?

    優れたUIデザインを作るために知るべき12のTips | Goodpatch Blog
  • 1