ã€æ°¸ä¹…ä¿å˜ç‰ˆã€‘エンジニア・デザイナー必見ï¼ã€ŒUI/UXã€ã®åŸºç¤ŽãŒå¦ã¹ã‚‹Slideshare30é¸
UI/UXã¨ã„ã†è¨€è‘‰ã‚’èžã„ã¦ä¹…ã—ã„ã§ã™ãŒã€ã¿ãªã•ã‚“ã¯åŸºæœ¬çš„ãªè€ƒãˆæ–¹ã‚’ãã¡ã‚“ã¨ç†è§£ã§ãã¦ã„ã‚‹ã§ã—ょã†ã‹ï¼Ÿæ§˜ã€…ãªã‚¢ãƒ—リを触りã€ã€Œã“ã®ã‚¢ãƒ—リã®UI/UXã„ã„よãã€ã¨è¨€ã†äººã¯å¤šãã„ã¾ã™ãŒã€UI/UXを何ã¨ãªã知ã£ã¦ã„ã‚‹æ„Ÿã˜ã«ãªã£ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯UI/UXã®åŸºç¤ŽãŒå¦ã¹ã‚‹è³‡æ–™ã‚’Slideshareã‹ã‚‰30�個集ã‚ã¾ã—ãŸã€‚デザイナーã®æ–¹ã¯å¿…見ã§ã™ï¼
UIデザイナーをå–ã‚Šå·»ã様々ãªè¨è¨ˆ / Intrinsic meaning of UI Design
UIデザイナーã®å‘¨ã‚Šã«ã‚ã‚‹"è¨è¨ˆ"ã«ã¤ã„ã¦ã€Human-Computer Interactionã‹ã‚‰ãƒ’トã¨ã‚³ãƒ³ãƒ”ュータã®ä»•çµ„ã¿ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®è¨è¨ˆæ‰‹æ³•ã€ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®æ–¹æ³•ãªã©ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚
Service Design Tools | Communication methods supporting design processes
case study from Andy Polaine, Roman Aebersold, Robert Bossart and Andrea Mettler
優れãŸUXを実ç¾ã™ã‚‹ãŸã‚ã®äººé–“ä¸å¿ƒãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ï¼Ÿ - UXploration
当記事ã¯ã€2015å¹´2月5æ—¥ã«ç„¡æ–™å‹•ç”»ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³å¦ç¿’サイト - schoo WEB-campus（スクー）ã«ã¦é–‹å‚¬ã—ãŸæŽˆæ¥ã€Œå„ªã‚ŒãŸUXを実ç¾ã™ã‚‹ãŸã‚ã®äººé–“ä¸å¿ƒãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ï¼Ÿã€ã®ãƒ•ã‚©ãƒãƒ¼ã‚¢ãƒƒãƒ—ã«ãªã‚Šã¾ã™ã€‚ 当日ã®æŽˆæ¥ã®å†…容㯠schoo ã®ä¸‹è¨˜ã‚¦ã‚§ãƒ–サイトよりã”覧ã„ãŸã ã‘ã¾ã™ï¼ˆä¼šå“¡ç™»éŒ²ãŒå¿…è¦ã§ã™ï¼‰ã€‚ ã¯ã˜ã‚㫠当ä¼ç”»ã¯ schoo ã¨å¼Šç¤¾ã‚³ãƒ³ã‚»ãƒ³ãƒˆã¨ã®åˆåŒä¼ç”»ã§ã€Œç¤¾ä¼šã«æ±‚ã‚られる価値ã‚るデザイナーã¨ã¯ï¼Ÿã€ã¨ã„ã†ãƒ†ãƒ¼ãƒžã®ã‚‚ã¨ã€è‘—者å«ã‚€ã‚³ãƒ³ã‚»ãƒ³ãƒˆã®ã‚¢ãƒ¼ãƒˆãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã®ä½è—¤ã¨ã‚µãƒ¼ãƒ“スデザイナーã®å¤§å´Žã®3åã§ãã‚Œãžã‚Œã®ç«‹å ´ã‹ã‚‰1人ã¥ã¤æŽˆæ¥ã‚’開催ã—ã¦ãã¾ã—ãŸã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³é ˜åŸŸã®æ‹¡å¼µã«ä¼´ã†ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦ã®å½¹å‰²ã¨ã¯ï¼Ÿ ä½è—¤ 通洋 先生 - 無料動画å¦ç¿’｜schoo（スクー） サービスデザイン時代ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã‚ã‚Šæ–¹ã¨ã¯ï¼Ÿ 大崎 優 先生 - 無料動画å¦ç¿’｜schoo（スクー） 最終回ã¨ãªã‚‹ä»Šå›žã¯ã€ä»¥ä¸‹ã®
ユーザーエクスペリエンスã®åˆ†è§£
4. ã¡ã¾ãŸã§è¨€ã‚れるã‚ーワード (超抜粋) ã‹ã‚‰è¦‹ã‚‹ UX ãŠã‚‚ã¦ãªã— ç›´æ„Ÿçš„ æ°—æŒã¡ã„ㄠ使ã„ã‚„ã™ã„ ã‚ã‹ã‚Šã‚„ã™ã„ 体験 ジャーニーマップ シナリオ コンセプトマップ サービスブループリント ワイヤーフレームペルソナ A/Bテスト ヒューリスティック評価 ã‚°ãƒãƒ¼ã‚¹ãƒãƒƒã‚¯ アクティングアウト コンテクスãƒãƒ¥ã‚¢ãƒ« インクワイアリー ユーザーテスト 5. 有åãªãƒ€ã‚¤ã‚¢ã‚°ãƒ©ãƒ ã‹ã‚‰è¦‹ã‚‹UX ãã®1 The Elements of UX | Jasse James Garrett (2000) 元々ã¯ã‚¦ã‚§ãƒ–サイトã®UXã¨ã—ã¦å®šç¾©ã•ã‚ŒãŸã‚‚ã®ã§ã™ã€‚ UXを役割や作æ¥ã§åˆ†è§£ã—ãŸå›³ 6. 有åãªãƒ€ã‚¤ã‚¢ã‚°ãƒ©ãƒ ã‹ã‚‰è¦‹ã‚‹UX ãã®2 UX Honeycomb | Peter Mobil (2004) Useful. As practitioners, we can't be content to paint
A List of Style Guides, Brand Guidelines, and Front-End Frameworks
Edit: If you want more updates like this follow me on Twitter @theearlcarlson. This list originally came about when a friend asked fellow designers to send her style guides they’ve found. I collected those and started grabbing a few more from around the web. If you have any great guides that I’ve missed, please leave a note and I’ll include it!
UIアイコンã®æœ€é©åŒ– — èªè˜é€Ÿåº¦ã®å‘上をã‚ã–ã—㦠| architexture.jp アーã‚テクスãƒãƒ£ — æƒ…å ±ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹å¯èƒ½æ€§ã®æŽ¢æ±‚
著者：アラ・コルマトヴァ（Alla Kholmatova） 翻訳者：浅野 紀予 インターフェース上ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’ã€ãŸã ã®è£…飾è¦ç´ ã§ã¯ãªãã€ãã®ä¾¡å€¤ã‚’高ã‚ã‚‹è¦ç´ ã«ã™ã‚‹ã®ã¯ã©ã‚“ãªãƒã‚¤ãƒ³ãƒˆã§ã—ょã†ã‹ï¼Ÿ ç›´æ„Ÿçš„ã§ã‚ã‚‹ã“ã¨ã€ç¾Žçš„価値ãŒã‚ã‚‹ã“ã¨ã€è¨˜æ†¶ã—ã‚„ã™ã„ã“ã¨ã€ãã‚Œã¨ã‚‚文化ã®é•ã„を超ãˆã¦çŸ¥è¦šã§ãã‚‹ã“ã¨ï¼Ÿ 効果的ãªã‚¢ã‚¤ã‚³ãƒ³ã¯ãれらã®ç‰¹å¾´ã‚’ã„ãã¤ã‚‚æŒã¡ã‚ã‚ã›ã¦ã„ã¾ã™ãŒã€ç§ã¯ã‚ã‚‹ã²ã¨ã¤ã®å°ºåº¦ã«æ³¨ç›®ã—ãŸã„ã¨æ€ã„ã¾ã™ — ãã‚Œã¯èªè˜é€Ÿåº¦ã€ã¤ã¾ã‚Šãã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’ã©ã‚Œãらã„ã®é€Ÿã•ã§ç™ºè¦‹ã—è˜åˆ¥ã§ãã‚‹ã‹ã€ã¨ã„ã†å°ºåº¦ã§ã™ã€‚ å˜ç´”ãªæš‡ã¤ã¶ã—アプリãªã‚‰ã€èªè˜é€Ÿåº¦ã®é•ã„ã¯å¤§ã—ãŸå•é¡Œã§ã¯ãªãã€ä½“験全体をæºã‚‹ãŒã™ã»ã©ã®å½±éŸ¿ã‚’与ãˆã¯ã—ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ã§ã‚‚ã€è¤‡é›‘ãªãƒˆãƒ¬ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¢ãƒ—リã§ã¯äº‹æƒ…ãŒç•°ãªã‚‹ã§ã—ょã†ã€‚ãã®å ´åˆã€ã‚¢ã‚¤ã‚³ãƒ³è¡¨ç¾ã«æ±‚ã‚られるè¦ä»¶ã¯ã€ä¸€æ®µã¨ã‚¹ãƒ”ード優先ã®å‚¾å‘ã‚’å¼·ã‚ã¾ã™ã€‚個々ã®è¦ç´ ã®å‡¦ç†æ™‚é–“ãŒã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹å…¨ä½“
ã©ã‚“ãªå‹•ãã«ã™ã‚‹ã‹æ‚©ã‚“ã ã¨ãã«ï¼UIアニメーションã®ã‚¤ãƒ³ã‚¹ãƒ”レーションを得られるサイトã¾ã¨ã‚ | Goodpatch Blog
皆ã•ã‚“ã¯UIã®å‹•ãを考ãˆã‚‹ã¨ãã«ã€ã©ã‚“ãªã‚‚ã®ã‚’å‚考ã«ã—ã¦ã„ã¾ã™ã‹ï¼Ÿã„ã¤ã‚‚ç°¡å˜ã«ã´ã£ãŸã‚Šã®å‹•ããŒæ€ã„æµ®ã‹ã¶ã‚ã‘ã§ã¯ãªã„ã—ã€æ‚©ã‚“ã ã¨ãã«ä½•ã‹å‚考ã«ãªã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆãªã©ãŒã‚ã£ãŸã‚‰ä¾¿åˆ©ã ã¨æ€ã„ã¾ã™ã€‚今回フランス人Webデザイナーã®Walter Stéphanieã•ã‚“ãŒâ€œInterface Animations and Transitions: where to get inspirationâ€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§UIã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„トランジションã®ã‚¤ãƒ³ã‚¹ãƒ”レーションを得られるサイトを紹介ã—ã¦ã„ãŸã®ã§ã€æœ¬äººã®è¨±å¯ã‚’å¾—ã¦ç¿»è¨³ã—ã¾ã—ãŸï¼ （以下â€Interface Animations and Transitions: where to get inspirationâ€ã®ç¿»è¨³ã€‚） photo credit: Jorge Quinteros via photopin cc UI/UXデザインã«ãŠã„ã¦ã€ç´°
UXã‚’å¦ã¶ãªã‚‰ã“ã‚Œã ã‘ã¯ç›®ã‚’通ã—ã¦ãŠã‘ï¼ - UX-design
2013-04-11 UXã‚’å¦ã¶ãªã‚‰ã“ã‚Œã ã‘ã¯ç›®ã‚’通ã—ã¦ãŠã‘ï¼ UXã¨ã¯ãªã‚“ãžã‚„!?ã£ã¦æ—¥ã€…æ€ã„ãªãŒã‚‰æ‰‹æŽ¢ã‚Šã§UXã‚’æ„è˜ã—ãŸã‚µãƒ¼ãƒ“ス開発ã€UXã®å‘上を測ã£ã¦ãŠã‚Šã¾ã™ã€ã©ã†ã‚‚ @tacumacy ã§ã™ã€‚ ボク自身ã€UXã®ã“ã¨ã¯ãªã‚“ã¨ãªãƒ¼ãã‚ã‹ã£ã¦ã¯ã„ã¾ã—ãŸãŒã€æœ¬æ ¼çš„ã«ãれを仕事ã¨ã—ã¦ã‚„ã‚ã†ã¨ãªã£ãŸæ™‚ã‹ã‚‰æœ¬æ°—ã§å‹‰å¼·ã—ãªãゃやã°ã„ï¼ã¨æ€ã„猛烈ã«å±æ©Ÿæ„Ÿã‚’æ„Ÿã˜ãŸã®ã§ã€ã‚ã¡ã‚ƒãã¡ã‚ƒãƒãƒƒãƒˆã‚µãƒ¼ãƒ•ã‚£ãƒ³ã‚’ã—ã¦UXã«é–¢ã™ã‚‹æƒ…å ±ã‚’é›†ã‚ã¦ã¯èªã¿ã¾ãã‚Šã¾ã—ãŸã€‚ãã“ã§ãƒœã‚¯ãŒèªã‚“ã§å‚考ã«ãªã£ãŸæ›¸ç±ã‚„記事をã€ã©ã†ã›ãªã‚‰ã“ã“ã§ã¾ã¨ã‚ã¦è¦‹ã‚Œã‚‹ã‚ˆã†ã«ã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ã‚‚ã—勉強ã—ãŸã„ãªã€ã¨æ€ã£ãŸã¨ãã«è¦‹ã¦ã„ãŸã ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ ã“ã‚“ãªäººã«èªã‚“ã§ã»ã—ㄠ・ã“ã‚Œã‹ã‚‰UXã‚’å¦ã³ãŸã„ã¨æ€ã£ã¦ã„る人 ・UXã«ã¤ã„ã¦ã€æ‰‹ã£å–ã‚Šæ—©ãæƒ…å ±ãŒæ¬²ã—ã„ã¨æ€ã£ã¦ã„る人 書ç±ç´¹ä»‹ 以下ã€ã“ã‚Œã ã‘ã¯é ã«å…¥ã‚Œã¦ãŠããŸã„ãªãã¨æ„Ÿã˜ãŸå†…容をã¾ã¨ã‚ã¦ãã ã•ã£ã¦
「ã¯ã¦ãƒ– Windows 8 アプリã€é–‹ç™ºã‹ã‚‰è€ƒãˆãŸã€ã“ã‚Œã‹ã‚‰ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“験　マイクãƒã‚½ãƒ•ãƒˆÃ—ã¯ã¦ãªå¯¾è«‡ - ã¯ã¦ãªãƒ‹ãƒ¥ãƒ¼ã‚¹
10月26日（金）ã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã‹ã‚‰ã€ŒWindows 8ã€ãŒç™ºå£²ã•ã‚Œã¾ã—ãŸã€‚ã“ã‚Œã¾ã§ã®Windowsã‹ã‚‰å¤§ãã変化ã—ãŸWindows 8ã¯ã€ã‚¿ãƒƒãƒã«æœ€é©åŒ–ã•ã‚ŒãŸæ–°ã—ã„ユーザーインターフェース（UI）ãŒè©±é¡Œã‚’呼んã§ã„ã¾ã™ã€‚ã¯ã¦ãªã¯Windowsストアアプリ「ã¯ã¦ãªãƒ–ックマークã€ã‚’åŒæ—¥ã«ãƒªãƒªãƒ¼ã‚¹ã€‚æ–°OSã¨ã‚¢ãƒ—リã«ã¤ã„ã¦ã€ã¯ã¦ãªã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ï¼†ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã€æ—¥æœ¬ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆ UXエãƒãƒ³ã‚¸ã‚§ãƒªã‚¹ãƒˆã®æ˜¥æ—¥äº•è‰¯éš†ã•ã‚“ãŒå¯¾è«‡ã—ã¾ã—ãŸã€‚記事ã®çµ‚ã‚ã‚Šã«ã¯ã€Windows 8 æ載PCã®ãƒ—レゼントã®ãŠçŸ¥ã‚‰ã›ã‚‚ï¼ ï¼ˆâ€»ã“ã®è¨˜äº‹ã¯æ—¥æœ¬ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆæ ªå¼ä¼šç¤¾ã«ã‚ˆã‚‹PR記事ã§ã™ï¼‰ â–½ Experience the Power of Windows 11 OS, Computers, & Apps | Microsoft â–½ Microsoft Apps ――本日ã¯ã€ã¯ã¦ãªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®id:nobuokaã•ã‚“ã€ã¯ã¦ãª
Heatmaps for your iOS app - Heatma.ps
Heatma.ps - Heatmaps for mobile applicationsAmazing visual UX feedback for your iOS appLearn from your users. They are the source of your success.Heatma.ps is a lightweight iOS framework that tracks how users interact with your application. You can view heat maps to see where users touch your app, learn what gestures they make and discover common device interaction preferences. Heatma.ps is perfec
UX/UIデザインガイドライン : å°é‡Žå’Œä¿Šã®ãƒ–ãƒã‚°
ã“ã®ã¨ã“ã‚ã€ã‚¢ãƒ—レッソã®ä¸ã§ã‚‚ã€MIJS製å“技術委員会ã§ã‚‚ã€è‡ªåˆ†ãŸã¡ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®UX/UIをブラッシュアップã—ã¦ã„ããŸã‚ã«ã©ã‚“ãªã“ã¨ãŒã§ãã‚‹ã®ã‹ã‚’ディスカッションã—ã¦ã„る。 UX/UIデザインガイドラインã¨ã—ã¦å„社ã®æŽ¨å¥¨ã™ã‚‹æŒ‡é‡ã‚’ã¾ã¨ã‚ãŸã‚‚ã®ãŒWebã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã§ã‚れデザイナーã§ã‚ã‚Œã€ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®ç”»é¢è¨è¨ˆã«ä½•ã‚‰ã‹ã®å½¢ã§æºã‚ã‚‹ã®ã§ã‚ã‚Œã°ã€åŸºç¤ŽçŸ¥è˜ã¨ã—ã¦ä¸»è¦ãªã‚‚ã®ã«ã¯ç›®ã‚’通ã—ã€ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãŒãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターンã®ç”¨èªžã§æ‰‹çŸã«ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒå–れるã®ã¨åŒã˜ã‚ˆã†ã«ã€ã€Œã“ã“ã¯â—‹â—‹ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã®â–³â–³ãƒ‘ターンを使ã†ã®ã¯ã©ã†ã‹ãªï¼Ÿã€ã¨ã„ã†ã‚ˆã†ãªä¼šè©±ãŒã§ãるよã†ã«ã—ã¦ã„ããŸã„ã¨æ€ã£ã¦ã„る。 â– Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) â– M
UXmatters :: Insights and inspiration for the user experience community
Just a few years ago, UX professionals weren’t talking about topics such as user privacy, technological governance, cybersecurity, or sustainable information technology (IT) as much as we are now. We have come to an inflection point in the history of the Web and are now seeing some unintended implications of the digital innovations that have bubbled up on the Internet—from online fraud to mental-h
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
全エンジニア・全デザイナー必見ï¼UI/UXを入門ã‹ã‚‰ãƒžã‚¹ã‚¿ãƒ¼ã§ãるスライド資料25é¸ | iPhoneã®ç¥žæ§˜
ã‚»ã‚ュリティ診æ–・検査ã®GMOサイãƒãƒ¼ã‚»ã‚ュリティ byイエラエ
マイクãƒã‚½ãƒ•ãƒˆã€ã€ŽWindows 8.1 UX ガイドラインã€æ—¥æœ¬èªžç‰ˆã‚’無償公開
UX Booth
{{#tags}}- {{label}}
{{/tags}}