タグ

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

  • 【DeNA×Goodpatch】 UIデザインを本気で追求するコミュニティ『UI Crunch』が始動! | Goodpatch Blog

    先週10月15日、DeNAのサクラカフェにてDeNAとGoodpatch両社が共同で立ち上げたコミュニティ『UI Crunch』の第1回イベントが開催されました!日はその様子をお届けします! UI Crunchとは? UI CrunchとはUIデザインを追求していくコミュニティです。デザイナーだけでなくエンジニアからディレクターまで、UI開発に関わるすべての人を対象とした勉強会やワークショップを定期的に開催する予定です。第1回はUIに関するスピーチ&パネルディスカッションを行いました。ただの『勉強会』という位置づけではなく、UI Crunchという『コミュニティ』を広げていくことによって、日全体のUIを良くしていきたいという強い想いを持っています。 大盛況となった第1回『UI Crunch』 100人を超える参加者にお集まりいただき、大変活気にあふれる空間になりました。 さらに今回はS

    【DeNA×Goodpatch】 UIデザインを本気で追求するコミュニティ『UI Crunch』が始動! | Goodpatch Blog
  • 簡単に使えて、コンバージョン率が高まるUI Tipsまとめ | Goodpatch Blog

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

    簡単に使えて、コンバージョン率が高まるUI Tipsまとめ | Goodpatch Blog
  • これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(後編) | Goodpatch Blog

    UIデザインの新しいワークフローを作るために長谷川恭久さんとの共同プロジェクトとしてスタートした“Patch Project”。導入部分として長谷川さんにお話頂いたワークフローの提案について「これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(前編)」として記事にしました。後編となる今回は、デザイナーがするべき雰囲気のデザイン、また具体的なワークフローについての話をまとめていきます。 ルック&フィールを考える photo credit: Crossett Library Bennington College via photopin cc ではHTMLプロトタイプを作っている間にデザイナーがするべきことは何なのか。それは雰囲気をデザインすること。レイアウト以外のデザイン、色やタイポグラフィ、写真や動画について考えていくのです。 具体的に言うと、スタイルガイドを作るこ

    これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(後編) | Goodpatch Blog
  • メタファーがUXを向上させる5つの理由 | Goodpatch Blog

    メタファー、日常生活であまり使うことのない言葉ですが、実はWebを通して私たちは日常的に触れています。 そもそものメタファーの意味はwikipediaに下記のように説明がありました。 メタファーは、言語においては、物事のある側面をより具体的なイメージを喚起する言葉で置き換え簡潔に表現する機能をもつ。わざわざ比喩であることを示す語や形式を用いている直喩よりも洗練されたものと見なされている。 参考: wikipedia Webにおけるメタファーで代表的、かつ議論があるものと言えば、保存を示す「フロッピーディスク」のアイコンでしょうか。 フロッピーディスクは昔、(今ではあり得ない量ですが)データを保存するものでした。そのなごりで私たちはフロッピーディスクのアイコンを見ると「保存するアイコン」と認識するようです。 この他にもWebにおけるメタファーの例はたくさんありますが、 今回は「メタファーがU

    メタファーがUXを向上させる5つの理由 | 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