rrweb.io | Open source web session replay libraryRecord and replay the web rrweb is an open source web session replay library, which provides easy-to-use APIs to record user's interactions and replay it remotely. Join Community Try rrweb
ã²ã©ã„ダッシュボードã®æ³•å‰‡ | POSTD
白状ã—ã¾ã™ãŒã€ç§ã«ã¯ã²ã©ã„ダッシュボードを構築ã—ã¦ããŸè²¬ä»»ãŒã‚ã‚Šã¾ã™ã€‚個人的ã«ã€ã“ã®è¨˜äº‹ã«æ›¸ã„ãŸé–“é•ã„ã®ã»ã¨ã‚“ã©ã‚’犯ã—ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ユーザã«è¬ç½ªã™ã‚‹ã¨ã¨ã‚‚ã«ã€åŒã˜éŽã¡ã‚’ç¹°ã‚Šè¿”ã•ãªã„ã“ã¨ã‚’誓ã„ã¾ã™ã€‚ã“れらã®éŽã¡ãŒæ‚ªã„見本ã¨ã—ã¦ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒžãƒãƒ¼ã‚¸ãƒ£ã‚„デザイナã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã²ã©ã„ダッシュボードを構築ã—ãŸã‚Šç¢ºèªã—ãŸã‚Šã™ã‚‹ç„¡é§„ãªæ™‚é–“ã‚’å°‘ã—減らã™ã®ã«å½¹ç«‹ã¤ã“ã¨ã‚’願ã„ã¾ã™ã€‚ 法則1：ã»ã¨ã‚“ã©ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã¯ã²ã©ã„ ã²ã©ã„ã¨è¨€ã†ã®ã¯ ã“ã®Googleç”»åƒæ¤œç´¢ ã®ã‚ˆã†ãªã²ã©ã•ï¼ˆã¾ã åã„ã¦ã„ã¾ã›ã‚“よã？）ã®ã“ã¨ã§ã¯ã‚ã‚Šã¾ã›ã‚“。退屈ã§ã€è¨è¨ˆãŒä¸å分ã§ã€æœ‰ç”¨æ€§ã‚‚一切ãªã„ã¨ã„ã†æ„味ã§ã™ã€‚ ä¿¡ã˜ã‚‰ã‚Œã¾ã›ã‚“ã‹ï¼Ÿã€€ã§ã¯ã€ä»Šã™ã優れãŸãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢åã‚’3ã¤æŒ™ã’ã¦ã¿ã¦ãã ã•ã„。 見ã¤ã‹ã‚Šã¾ã—ãŸã‹ï¼Ÿã€€ãˆãˆã€ãã†ã ã¨æ€ã„ã¾ã—ãŸã€‚ã—ã‹ã—ã€ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã¯ã©ã“ã«ã§ã‚‚ã‚ã‚Šã¾ã™ã€‚ã‚ãªãŸãŒä½¿ã£ã¦ã„ã‚‹Sa
『今ã•ã‚‰èžã‘ãªã„UXã®åŸºæœ¬ã¨æ´»ç”¨ã®ã—ã‹ãŸã€
1 pixel｜サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–り組ã¿ã‚’紹介ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚最新技術ã¸ã®æŒ‘戦やサービス誕生ã®è£è©±ã€å‹‰å¼·ä¼šã‚„イベントã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAクリエイターã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã¯ã˜ã‚ã¾ã—ã¦ã€‚CyberSS所属ã®æ°´é‡Ž 寛ã¨ç”³ã—ã¾ã™ã€‚普段ã¯ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼/HCD専門家ã¨ã—ã¦ã€Webサイトã®åˆ†æžã‚„改善を担当ã—ã¦ã„ã¾ã™ã€‚ Webサイトやアプリ制作ã®ç¾å ´ã§ã¯ã€UXã‚’å‘上ã•ã›ã‚‹ã«ã¯ã©ã†ã™ã‚Œã°ã‚ˆã„ã‹ã€è©¦è¡ŒéŒ¯èª¤ãŒæ±‚ã‚られã¾ã™ã€‚ã—ã‹ã—ã€ãã®UXã«ã¤ã„ã¦ã€ã„ã¾ã„ã¡æ‰ãˆæ–¹ãŒã‚ã‹ã‚‰ãªã„ã¨æ„Ÿã˜ã‚‰ã‚Œã¦ã„ã‚‹æ–¹ãŒå¤šã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ UXã¨ã¯ä½•ã‹ã€ã«ã¤ã„ã¦ã€ã”説明ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ã•ã‚‰ã«ã€ä»Šã™ã制作ã«æ´»ã‹ã›ã‚‹è€ƒãˆæ–¹ã¨ã—ã¦ã€ŒUXをデザインã™ã‚‹ãŸã‚ã®ãƒã‚¤ãƒ³ãƒˆã€ã€ŒUXを検証ã™ã‚‹ãŸã‚ã®è¦–点ã€ã«ã¤ã„ã¦ã€äº‹ä¾‹ã‚’交ãˆã¦ã”紹介ã„ãŸã—ã¾ã™ã€‚ 1.UXã¨ã¯ä½•ã‹ 国際è¦
UIデザインã¨UXã®è¶…基礎「UI Design & UX for ENGINEERã€
3/26/2014 @LightningSpot Shibuya - Powered by PROsheet - Designed by IMPATHRead less
ãŠã£ã±ã„ã§UX語る
ã“ã®å®Ÿæ³ã‚’見ã¦æ°—ã¥ã„ã¦ã—ã¾ã£ãŸ UXã®å„期間ã¯ã€ŒãŠã£ã±ã„ã§ãƒžãƒƒãƒ”ングã§ãる〠予期的UX: ãŠã£ã±ã„を触りãŸã„ã¨é¡˜ã† 一時的UX: ãŠã£ã±ã„鑑賞ã™ã‚‹è§¦ã‚‹æ‰ã‚€ エピソード的UX: ãŠã£ã±ã„æ‰ã‚“ã æ—¥ã®æ€ã„出'' ç´¯ç©çš„UX: 「ãŠã‚Œã¯ã€ãŠã£ã±ã„ã‚’æ‰ã‚“ã ã“ã¨ãŒã‚ã‚‹ã€ã¨è‡ªä¿¡ã‚’æŒã¤ ã¼ã†ãã‚“ | VoQn 🎨 @VoQn { 予期的UX: ãŠã£ã±ã„を触りãŸã„ã¨é¡˜ã†, 一時的UX: ãŠã£ã±ã„鑑賞ã™ã‚‹è§¦ã‚‹æ‰ã‚€, エピソード的UX: ãŠã£ã±ã„æ‰ã‚“ã æ—¥ã®æ€ã„出, ç´¯ç©çš„UX: 「ãŠã‚Œã¯ã€ãŠã£ã±ã„ã‚’æ‰ã‚“ã ã“ã¨ãŒã‚ã‚‹ã€ã¨è‡ªä¿¡ã‚’æŒã¤ } ãªã®ã§ã€UXã€å®Œå…¨ã«ãŠã£ã±ã„ã§èªžã‚Œã‚‹ #æ°—ã¥ã #jsãŠã˜ã•ã‚“ 2014-03-27 22:13:13
スマホUI考（番外編） UIã‚„UXを劇的ã«æ”¹å–„ã™ã‚‹ã€ã€Žãƒ“ッグオー駆動型開発ã€ã¨ã¯ | fladdict
ã„ã¾ã€Žãƒ“ッグオー駆動型開発ã€ã¨ã‚ˆã°ã‚Œã‚‹é–‹ç™ºæ‰‹æ³•ãŒã€æ¥ç•Œã®ä¸€éƒ¨ã§æ³¨ç›®ã‚’集ã‚ã¦ã„る。 ãã®ç†ç”±ã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ルã 。『ビッグオーã€ã¯éžå¸¸ã«å®‰ä¾¡ã§ç°¡å˜ãªæ‰‹æ³•ã§ã‚ã‚ŠãªãŒã‚‰ã€å¾“æ¥ã®é–‹ç™ºæ‰‹æ³•ã«æ¯”ã¹åŠ‡çš„ã«UIã‚„UXを改善ã§ãã‚‹ãŸã‚ã§ã‚る。 製å“コンセプトã®ã‚ˆã†ãªä¸Šæµã‹ã‚‰ã€ãƒœã‚¿ãƒ³ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã„ã£ãŸä¸‹æµå·¥ç¨‹ã€ã•ã‚‰ã«ã¯ã‚°ãƒãƒ¼ã‚¹ãƒãƒƒã‚¯ã‚„プãƒãƒ¢ã¨ã„ã£ãŸãƒªãƒªãƒ¼ã‚¹å¾Œã®ãƒ•ã‚§ã‚¤ã‚ºã¾ã§ä¸€ã¤ã®æ‰‹æ³•ã§ãƒ¦ãƒ¼ã‚¶ãƒ“リティを評価ã§ãる。ã“ã®æ±Žç”¨æ€§ãŒãƒ“ッグオー駆動開発ã®å¤§ããªç‰¹å¾´ã§ã‚ã‚Šã€å°Žå…¥æ™‚ã®åˆ©ç‚¹ã¨ãªã‚‹ã€‚ 今回ã¯ã“ã®ãƒ“ッグオーã€ã®æ¦‚è¦ã¨å…·ä½“çš„ãªã‚„ã‚Šæ–¹ã«ã¤ã„ã¦è«–ã˜ãŸã„。Twitterã®UI拡張予言以æ¥ã€ä¹…ã—ã¶ã‚Šã®UI系エントリã§ã‚る。 ビッグオー駆動開発ã¨ã¯ä½•ã‹ï¼Ÿ ビッグオー駆動開発ã¯ã€æ£å¼ã«ã¯ã€ŽOKAN Driven Development（オカン駆動型開発）ã€ã¨ã‚ˆã°ã‚Œã‚‹é–‹ç™ºæ‰‹æ³•ã§ã‚る。 ã“ã‚Œã¯è‡ªåˆ†ã®ã‚ªã‚«ãƒ³ã‚’指標ã¨ã™ã‚‹ã“ã¨ã§ã€ä½Žã‚³ã‚¹ãƒˆ
「使ã£ã¦ã‚‚らãˆã‚‹ã‚¢ãƒ—リã®è€ƒãˆæ–¹ã€ã‚¹ãƒžãƒ›ãƒ‡ã‚¶ã‚¤ãƒ³ä¼šè° 2012 忘年会スライド
アプリ製作ã¯ãƒ•ãƒ«ã‚»ãƒƒãƒˆã‹ã‚‰ã€ã‚³ãƒ³ã‚µãƒ«ã€ã™ã§ã«ä½œã£ã¦ã—ã¾ã£ãŸUIã®ãƒ¬ãƒ“ューã¾ã§ã€ãŠæ°—軽㫠fukatsu@gmail.com ã¾ã§ã€‚Read less
UX ã«çœŸé¢ç›®ã«å–り組ã‚る組織ã¥ãã‚Šã«ã¤ã„ã¦ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’公開ã—ã¾ã—㟠- ã¤ãã‚ãŸã‚Šã‚’å³ã«
ã¨ã€ã„ã†ã‚ã‘ã§è»¢è·ã—ã¾ã—㟠本æ¥ã®è·ç¨®ã¯ç›¸å¤‰ã‚ら㚠「å‰ä¾‹ã®ç„¡ã„事をãªã‚“ã¨ã‹å½¢ã«ã—ã¦ã€ã‚’ãªã‚“ã¨ã‹ã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ã¨ã—ã¦ã§ã™ãŒã€ 「UX Developer ã¨ã—ã¦çµ„織的㫠UX ã¨ã‹ãã†ã„ã†ã®å¼·ãã—ã¦ã€ã¨ã„ã†ã®ã‚‚兼任ã—ã¦ãŠã‚Šã¾ã™ ã§ã€å…¥ç¤¾ã—ã¦1週間経ã£ã¦ã€æ—©ã€…ã¨ã€Œã˜ã‚ƒã‚ã€å‡ºæ¥ã‚‹ UX デザイナー/ディレクター/エンジニア を社外ã‹ã‚‰å¼•ã£å¼µã‚‹ã¨ã‹ã€æŽ¡ç”¨å‹Ÿã‚‹ã¨ã‹ã€å±žäººæ€§ã®é«˜ã„他力本願ã«ã—ãªã„ã§ã€çµ„ç¹”ã¨ã—ã¦ä½“制を整ãˆã‚‹æ–¹å‘ã§è¡Œãã¾ã—ょã†ã‚ˆã€ã¨ã„ã†ã“ã¨ã§ä½œã£ãŸã®ãŒã“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ ã“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã«ã¤ã„㦠昨今ã€å‰²ã¨ã©ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãƒ»Webサービス開発ã®ç¾å ´ã§ã‚‚「UI/UX デザイナーを募集ã—ã¾ã™ã€ã¨æ±‚人出ã—ã¦ã„ã¾ã™ã€‚ ã—ã‹ã—ã€æ±‚人出ã—ã¦ã‚‹ã¨ã“ã‚ã£ã¦ã€ãã‚‚ãã‚‚ãã†ã„ã†äººæãŒä¸åœ¨ã§ã€å—ã‘入れ態勢整ã£ã¦ãªã„事多ã„ã®ãŒå®Ÿæƒ…ã§ã™ã€‚ ãã—ã¦ã€ãã®å¾Œã©ã†ãªã‚‹ã‹ã¨ã„ã†ã¨ã€ãã®äººã®å±žäººæ€§ã«å¤§ããä¾å˜ã—ãŸåƒãã®ã¿ãŒæœŸå¾…ã•
目的ã¨ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®é–¢ä¿‚ã§å¤‰ã‚るシンプルã®æ„味
先日ã€å¸°çœã—ãŸéš›ã«æ¯ã¨å®¶é›»é‡è²©åº—を訪れã¾ã—ãŸã€‚ãã“ã§ã€ã„ã‚ã„ã‚ãªè£½å“を見å¦ã—ãŸã‚Šè³ªå•ã«å¿œãˆãªãŒã‚‰é›‘談ã—ã¦ã„ãŸã‚ã‘ã§ã™ãŒã€æ¯ãŒèˆˆå‘³æ·±ã„言葉を残ã—ã¦ã„ã¾ã—ãŸã€‚ 「ç§ã¨ã‚ãªãŸã§ã¯ã‚·ãƒ³ãƒ—ルã®æ„味åˆã„ãŒé•ã†ã€ 例ãˆã° Apple TV ã¯ã€TVã«æŽ¥ç¶šã™ã‚‹ã¨ãƒ‘ソコンã‹ã‚‰ãƒ¡ãƒ‡ã‚£ã‚¢ã‚’ストリーミングã—ã¦ãれるã ã‘ã§ãªãã€TVç•ªçµ„ã‚„æ˜ ç”»ã€YouTube も見れるよã†ã«ãªã‚Šã¾ã™ã€‚録画ã—ã¦æ®‹ã™ã¨ã„ã†è€ƒãˆã‹ã‚‰ã€ã‚¯ãƒ©ã‚¦ãƒ‰ã‚’利用ã—ã¦ã‚ªãƒ³ãƒ‡ãƒžãƒ³ãƒ‰ã§ã„ã¤ã§ã‚‚好ããªæ™‚é–“ã«è¦‹ã‚‹ã“ã¨ã„ã†è€ƒãˆã«å¤‰ã‚ã‚Šã¾ã™ã€‚何ãŒå‡ºæ¥ã‚‹ã®ã‹ã‚’ç†è§£ã—ã¦ã„ã‚‹ã®ã§ã‚れ㰠1å°ã§æ§˜ã€…ãªå½¹å‰²ã‚’æžœãŸã™ Apple TV ã®ã‚ˆã†ãªãƒ‡ãƒã‚¤ã‚¹ã¯ä¾¿åˆ©ã§ã‚·ãƒ³ãƒ—ルã§ã™ã€‚ ã—ã‹ã—ã€1å°ã§ä½•ã§ã‚‚出æ¥ã‚‹ã¨ã„ã†ã“ã¨ãŒã‚·ãƒ³ãƒ—ルã«ãªã‚‰ãªã„å ´åˆãŒã‚ã‚Šã¾ã™ã€‚使ã„æ–¹ã«ã‚ˆã£ã¦æ§˜ã€…ãªãƒ¡ãƒ‡ã‚£ã‚¢ä½“験ãŒã§ãã‚‹ Apple TV よりã€éŒ²ç”»ãƒ»è¦³è¦§ã™ã‚‹ãŸã‚ã®ãƒ‡ãƒƒã‚ã€ã‚±ãƒ¼ãƒ–ルTVã‚’ã¿ã‚‹ãŸã‚ã®ãƒãƒ£ãƒ³ãƒãƒ«ã€ã‚²ãƒ¼
プãƒã‚°ãƒ©ãƒžã®ãŸã‚ã®UXãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ — ã‚ã‚Šãˆã‚‹ãˆã‚Šã‚
ã¯ã˜ã‚ã« http://msdn.microsoft.com/ja-jp/library/aa511258.aspx 㮠「Windows ユーザー エクスペリエンス ガイドライン〠「ガイドライン〠主ã«ã€Œã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã€ ã®æŠœç²‹ã§ã™ã€‚ 以下ã®åŸºæº–ã§æŠœç²‹ã—ã¾ã—㟠Web UIã«å¿œç”¨å¯èƒ½ 実用的ã‹ã¤å…·ä½“çš„ 自明ã§ã¯ãªã„ プライマリUIを目立ãŸã›ã‚‹ プライマリ UI è¦ç´ を強調ã™ã‚‹ã«ã¯ã€ä»¥ä¸‹ã«å¾“ã„ã¾ã™ã€‚ - プライマリ UI è¦ç´ ã¯ã€è¦–ç·šã®é€šã‚Šé“ã«é…ç½®ã—ã¾ã™ã€‚ - タスクを開始ã™ã‚‹ UI è¦ç´ ã¯ã€å·¦ä¸Šéš…ã¾ãŸã¯ä¸å¤®ä¸Šã«é…ç½®ã—ã¾ã™ã€‚ - コミット ボタンã¯ã€å³ä¸‹éš…ã«é…ç½®ã—ã¾ã™ã€‚ - 残りã®ãƒ—ライマリ UI ã¯ã€ä¸å¤®ã«é…ç½®ã—ã¾ã™ã€‚ - コマンド ボタンã€ã‚³ãƒžãƒ³ãƒ‰ リンクã€ã‚¢ã‚¤ã‚³ãƒ³ãªã©ã€æ³¨æ„を引ã付ã‘るコントãƒãƒ¼ãƒ«ã‚’使用ã—ã¾ã™ã€‚ - 大ããªãƒ†ã‚ストや太å—ã®ãƒ†ã‚ストãªã©ã®ç›®ç«‹ã¤ãƒ†ã‚ストを使用ã—ã¾ã™ã€‚ ユ
1
メンテナンス
ãŠçŸ¥ã‚‰ã›
障害
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
アジャイル開発ã«ãŠã‘ã‚‹UX
{{#tags}}- {{label}}
{{/tags}}