ハンバーガーメニューを使用する最適のタイミングとは
Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 ハンバーガーメニューとは、メニューを表示するために使われる３本線のアイコンです。アイコンをクリックまたはタップすると、ナビゲーションが表示されます。 デザイナーが書いたハンバーガーメニューに関する記事はたくさんあり、その多くはハンバーガーメニューに反対するものです。読んだことがない場合は、NNGroupのHidden Navigation Hurt UX Metricsを読んでみてください。簡単に言えば、アイコンそのものについてではなく、アイコンの背後にナビゲーションを隠してしまっていることについて議論しています。 しかし、場合によってはハンバーガーメニューが良い選択になりえるでしょう。 第２のナビゲーションとしてのハンバーガーメニュー ハンバーガーメニューの主
“押してオーラ”でCV率アップ！？CSSアニメーションでクリックしたくなるCVボタンを作る | デジタルマーケティングブログ
こんにちは、クリエイティブDiv.の萩原です。 皆さんは、Webサイトを見ていて「このボタンをクリックしたい」と思ったことはありますか？ サイトの目的にもよりますが、特にLPやキャンペーンサイトでは、ユーザーにCVボタンをクリックしてもらうことが非常に重要です。 魅力的なビジュアルやキャッチコピーでアピールしても、いざCVしようとした時に「ボタンはどこ？」「これクリックできるの？」などと思われてしまっては、ユーザーを逃してしまいます。 では、一体どんなボタンならユーザーの心を引き付けることができるでしょうか？ 今回はCSSアニメーションを使用して「クリックしたくなるボタン」を作るテクニックをご紹介します。 その1：「あ、これ押せそう」と思わせる See the Pen button hover animation by Risa Hagiwara (@cr022) on CodePen.
UXデザイナーは、何をデザインしているの？｜ばっこ / デザイナー｜note
以前、Mediumに書いた記事に追記・編集した内容になります。 UXデザイナーは、「成果を出すチーム」をつくる僕は普段「デザイナー」として仕事をしているのですが、グラフィックデザインやUIデザインをする時間を意図的に削っていて、世間でいう「UXデザイナー」っぽい仕事をしているように思います。 その「UXデザイナーっぽい仕事」が何に繋がっているのかと考えたときに、チームのデザインをしているのではないかと思い当たりました。 なぜチームのデザインが必要なのか単純に「ユーザーに価値を感じてもらえて事業としても成立する製品・サービス」をつくること・維持することが難しいからではないでしょうか。 最初は上手くいっていたとしても、ユーザー数が頭打ちになって方向性に迷いはじめたり、チームの拡大や分業化で“つくること自体”が目的に置き換わってしまったりすると、ただ闇雲に開発するしかなくなり、ユーザーに価値を届
着信認証のUIデザインから考える、モーダルウィンドウの使い所とアンチパターン - CrowdWorks Designer Blog | クラウドワークス デザイナーブログ
こんにちは。デザイナーの田村です。 最近「ジョブ理論」という本を読み終えたのですが、お堅いビジネス書かと思っていたら、あまりにもUXデザインや人間中心設計に通ずるものを感じて驚きました。*1 とても面白かったので、興味のある方はぜひ読んでみてください。 さて今回は、クラウドワークスの一部の機能で、「着信認証」を導入したときのことを書きたいと思います。 「着信認証」のUIデザインというと、なかなか特殊なケースかと思いますので、今後同じ状況に遭遇したデザイナーにとって少しでも参考になれば幸いです。 着信認証とは？ 着信認証のUIデザイン 草案 改定案 効果（KPIへの影響） モーダルウィンドウの使い所 モーダルウィンドウとは？ なぜモーダルウィンドウを選んだか アンチパターンに注意する 仕様を理解する おわりに 着信認証とは？ 着信認証は、Webサービス上で指定された電話番号にかけることで、本
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
