タグ

UXとUIに関するyamadarのブックマーク (48)

  • 値段の「¥マーク」を小さくしたら購入率が大きく改善された。機能は「体験」で成果が激変する。10周年の「メルカリ」に聞く新機能の開発の裏側。3つの成功施策。|アプリマーケティング研究所


    ¥10310  Product Manager  UX Design Manager   2023710 MAU2,200GMV2,500 3017.9 10
    値段の「¥マーク」を小さくしたら購入率が大きく改善された。機能は「体験」で成果が激変する。10周年の「メルカリ」に聞く新機能の開発の裏側。3つの成功施策。|アプリマーケティング研究所
  • ウェブアクセシビリティ導入ガイドブック|デジタル庁


      
    ウェブアクセシビリティ導入ガイドブック|デジタル庁
  • なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】 - Qiita


    ?UXUIDesignUI 1.   2.  使 使       使 
    なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】 - Qiita
  • 成功法則が詰まったBtoBサイトの標準ワイヤーフレームを無料配布します | knowledge / baigie

    約1年前、BtoB企業における顧客獲得型サイトの勝ちパターンをまとめた『BtoBサイト・チェックリスト』を、ベイジ、才流さん、WACULさんの3社連名で発表し、大きな反響をいただきました。 このチェックリストはブログで公開しただけではなく、私たちのウェブ制作の現場でもフル活用されています。この1年間に手掛けた多くのBtoBサイトが、このチェックリストを満たすように設計され、多くのBtoBサイトでコンバージョン数/率やフォーム誘導数/率の向上など、ポジティブな変化が生まれました。 このような活動の中から、『BtoBサイト・チェックリスト』の内容を満たした『BtoBサイト・ワイヤーフレーム』なるものが誕生しました。これを今回、皆さんにご提供します。リード情報なども一切取らず、そのまま丸ごとお渡しします。 BtoBサイト標準ワイヤーフレームXD版(770KB) BtoBサイト標準ワイヤーフレーム

    成功法則が詰まったBtoBサイトの標準ワイヤーフレームを無料配布します | knowledge / baigie
  • note ――つくる、つながる、とどける。

    1203 思想を持ったお店をつくったり、運営、デザインをしているひとやその感想などの記事をまとめるマガジンです。

    note ――つくる、つながる、とどける。
  • 検索結果ページにおけるベストプラクティス

    Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 検索とは、ユーザーとシステム間の会話のようなものです。ユーザーは必要な情報をクエリとして表現し、システムはその返事として検索結果を提示します。そのため検索結果ページは、検索体験において非常に重要な部分です。検索結果ページはユーザーの情報のニーズを導き出して会話を成立させる機会を提供するものなのです。 この記事では、検索結果のUXを向上させる10のベストプラクティスを紹介したいと思います。 1.  検索ボタンが押されたあとユーザーのクエリを消去してはいけない オリジナルテキストは残したままにしてください。クエリの再構築は、数ある情報探索においてとても重要な段階です。探している情報が見つからない場合、ユーザーは元のクエリを少し修正して再び検索しようとします。これをユ

    検索結果ページにおけるベストプラクティス
    yamadar
    yamadar 2018/01/15
  • 深津貴之『確実に良くするUI UX設計』 - UX & Service Sketch #21 イベントレポート |ブログ|root|芯を問い、成長に貢献する


    1219 UX& Service Sketch #21 410~15 THE GUILD UI UX THE GUILD   21
    深津貴之『確実に良くするUI UX設計』 - UX & Service Sketch #21 イベントレポート |ブログ|root|芯を問い、成長に貢献する
    yamadar
    yamadar 2018/01/05
     ""  

    UX

    UI


     
  • ユーザー体験に関連するUXデザイントレンドまとめ デザイン会社 ビートラックス: ブログ


    使 UX2017UX 1.使使使UX使UX3使 Task   (1-3)Task  
    ユーザー体験に関連するUXデザイントレンドまとめ デザイン会社 ビートラックス: ブログ
  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
  • 遅延読み込み用のぼやけた画像


    Medium30px 使
  • 10歳のこどもから学んだユーザビリティ向上のポイント

    2015年9月8日 ユーザビリティ 夏休みの後半、原稿用紙15枚の自由研究に苦しめられていた姪っ子(10歳)を「楽しそうだな〜」と手伝っていました。そんな時「私も久しぶりに自由研究したい!」と思い、ちびっこが家にいることですし、最近のちびっこがWebサイトをどのように利用しているのか研究してみることにしました。という事で今回の記事は自由研究風に進めようと思います! ↑私が10年以上利用している会計ソフト! 調べたいこと 認知度の高いWebサイトを、小学生がどのように利用するのかを観察し、こども向けのWebサイトに必要なもの、Webサイトを制作するうえで注意すべき点を調べます。 予想 難しい漢字は読めないので読みとばす イラストやキャラクターなど、可愛いものに興味を示す 明るい色彩のサイトに興味を示す まだ習っていない漢字や難しい表現は読み飛ばし、自分の理解できるもののみにフォーカスしていく

    10歳のこどもから学んだユーザビリティ向上のポイント
  • 確実に良くするUI/UX設計

    日経電子版のリニューアルで、コンセプトモデル設計とプロダクト監修をさせていただいた。 超大型アプリを完全リニューアルするとき、KPIを落とす事なく、どのように整合性やユーザー利便性を担保していくか。 「日経電子版×Sansanアプリ開発プロジェクト成功への道〜アプリ開発者勉強会Vol.2」より http://connpass.com/event/16187/

    確実に良くするUI/UX設計
    yamadar
    yamadar 2015/06/26
    fladdictさんが関わったリニューアル。基本に忠実で見習いたい。そして過去を思い出して感慨深い。
  • ディズニー社に学ぶ!HTML/CSSで12個のアニメーション基本原則を完全再現! - CSS Animation


    HTML/CSS12  CSSCascading Style Sheets: Transition: Animation CSS  使 12: 12 Principles of Animation
    ディズニー社に学ぶ!HTML/CSSで12個のアニメーション基本原則を完全再現! - CSS Animation
  • ページ内リンクはスムーズスクロールしなくても一瞬点滅すればいいんじゃないかという実験

    スムーズスクロール以外の方法で、ページ内リンクによって画面が切り替わったことを利用者にわかりやすく伝える方法はないかということで、ページ内リンクでの移動時に画面を一瞬点滅させるスクリプトを jQuery で書いてみました。 タイトルが (謎) な感じですが...... ページ内リンクでページ上部に移動させたりするとき、最近は所謂スムーズスクロールってやつを実装するのが当たり前になっていますよね。パッと瞬時に画面が切り替わってしまうと、ページ内で移動したことがわかりにくいので、スクロール処理を入れることでわかりやすくしてあげましょうって言う、親切心から採用されるケースが多いと思います。 実装方法は JavaScriptCSS アニメーションの組み合わせや、JavaScript (というか jQuery) でというのが多いと思いますが、今回はそのスムーズスクロールの実装方法はどれが良いの

    ページ内リンクはスムーズスクロールしなくても一瞬点滅すればいいんじゃないかという実験
    yamadar
    yamadar 2015/05/15
    ベージ遷移したように見えて分かりにくいけど、良い問題提起だと思う。
  • ショートカットキーはマウスより遅い - WirelessWire News


    CTRL+XCTRL+V 使 使2   TogAppleMacintosh TogWeb 2  Tog2 
    ショートカットキーはマウスより遅い - WirelessWire News
  • HTML5 と SVG で考える、これからの画像アクセシビリティ

    This document discusses Yarn and its advantages over npm. It notes that Yarn uses yarn.lock files instead of npm-shrinkwrap.json files to lock down dependency versions. Yarn is also described as being faster, able to work offline by caching dependencies, and potentially more secure than npm with features like flat mode and module folders. The document suggests Yarn may handle dependencies and devD

    HTML5 と SVG で考える、これからの画像アクセシビリティ
    yamadar
    yamadar 2015/03/07
    IE8が早く滅びて欲しい。あとブラウザによって微妙にプロパティーの書き方が違うのは何とかならないかな。
  • 小さな変更で大きくUXを改善するマイクロデザインってなに? | WebNAUT by Beeworks


    20152412015 UXTX          / WEB
    小さな変更で大きくUXを改善するマイクロデザインってなに? | WebNAUT by Beeworks
  • 伊藤直也氏が語る、モバイルアプリケーション開発のいまとこれから(前編)~Salesforce Developer Conference Tokyo 2013


    Salesforce Developer Conference Tokyo 2013 96Salesforce Developer Conference Tokyo 2013B2C iOSAndroid
    伊藤直也氏が語る、モバイルアプリケーション開発のいまとこれから(前編)~Salesforce Developer Conference Tokyo 2013
    yamadar
    yamadar 2014/11/06
    本で得た知識を中々生かせていない現状。こういうプレゼンは為になる。naoya氏は昔から注目されていたけど、近年の活動も凄いと思う。
  • http://saeki.me/%E3%81%8A%E5%8B%89%E5%BC%B7/573/

    http://saeki.me/%E3%81%8A%E5%8B%89%E5%BC%B7/573/
  • モバイル向けUI/UXデザイン10のポイント デザイン会社 ビートラックス: ブログ

    日々めまぐるしく変化するモバイルマーケットにおいて、マートフォンアプリやモバイルWebのUIUXを最適にデザインする事はそのプロダクトがヒットするかの大きな要素となっている。特に最近は見た目が良いだけではなく操作性が非常に高いモバイルサービスが次々とリリースされユーザーが求めるクオリティレベルも上がっている。 小さな画面サイズ、様々な利用シーン、複雑な仕様の機能を実装したモバイルサービスにおいては、高いユーザビリティを実現する事が何よりも重要である。よりユーザーに愛される為もポイントをまとめてみた。 1. レイヤースタイルのUIで奥行きを出す モバイルのインターフェイスに関しては、最近のトレンドを見てみると、フラットなUIがトレンドのように思えるが、実はモバイルの限られたスペースでユーザーに効果的なエクスペリエンスを提供するには、縦と横のスペースに加え、”深さ”を利用したレイヤースタイル

    モバイル向けUI/UXデザイン10のポイント デザイン会社 ビートラックス: ブログ