Modern UI/UX for SaaS applications in 2015 and Beyond
The world has moved on from old clunky desktop software. Cloud software-as-a-service is the name of the game. There is a whole lot of competition, and a great UI/UX is more important than ever in making your app stand out from the crowd. This article is a primer on what issues you should be focusing on, and how we at Zoho have made our UX better over a long period of experimentation and learning.
User Onboarding | A frequently-updated compendium of web app first-run experiences
User Onboarding is the process of radically increasing the likelihood that new users become successful when adopting your product. Teardowns Let's learn some lessons from how popular web apps do it! Here's the latest: And here are some other recent ones: WordPress QuickBooks Bitcoin » See all teardowns Onboarding Design Articles Never Mix Up Features with Benefits Ever Again… Bulletproof User Onbo
ユーザーエクスペリエンス調査ã€ã©ã®æ‰‹æ³•ã‚’ã„ã¤ä½¿ã†ã¹ãã‹
ç¾åœ¨ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ï¼ˆUX）ã®èª¿æŸ»æ‰‹æ³•ã¯ã€åºƒç¯„囲ã«æ¸¡ã‚‹èª²é¡Œã«ç”ãˆã‚‹ã“ã¨ãŒã§ãる。20ã®æ‰‹æ³•ãã‚Œãžã‚Œã‚’ã„ã¤ç”¨ã„ã‚‹ã¹ãã‹ã‚’ç†è§£ã™ã‚‹ãŸã‚ã«ã€3ã¤ã®è»¸ã¨ã€å…¸åž‹çš„ãªè£½å“開発フェーズã§æ•´ç†ã—ãŸã€‚ When to Use Which User-Experience Research Methods by Christian Rohrer on October 12, 2014 日本語版2014å¹´11月17日公開 ユーザーエクスペリエンスã®é ˜åŸŸã¯éžå¸¸ã«å¹…広ã„調査手法ã«æµã¾ã‚Œã¦ã„る。ラボベースã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティ調査ã®ã‚ˆã†ãªå®Ÿè¨¼æ¸ˆã¿ã®æ‰‹æ³•ã‹ã‚‰ã€ã‚ˆã‚Šæœ€è¿‘開発ã•ã‚ŒãŸã€ãƒ¢ãƒ‡ãƒ¬ãƒ¼ã‚¿ãƒ¼ãªã—ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³UX評価ã®ã‚ˆã†ãªæ‰‹æ³•ã¾ã§æ§˜ã€…ã 。 ã“ã†ã—ãŸæ‰‹æ³•ã‚’特定ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ãƒ•ãƒ«ã‚»ãƒƒãƒˆã§ç”¨ã„ã‚‹ã¨ã„ã†ã®ã¯ç¾å®Ÿçš„ã§ã¯ãªã„。ã—ã‹ã—ã€èª¿æŸ»æ‰‹æ³•ã‚’複数利用ã—ã€è¤‡åˆçš„ãªçŸ¥è¦‹ã‚’å¾—ã‚‹ã®ã¯ã€ã»ã¨ã‚“ã©ã™ã¹ã¦ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ã¨ã£ã¦ãƒ¡ãƒªãƒƒãƒˆãŒã‚
デザインã¯ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°ã −−THE GUILD深津æ°ãŒèªžã‚‹ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã‚’考ãˆã‚‹ãŸã‚ã«å¿…è¦ãªãƒ¡ã‚½ãƒƒãƒ‰ã¨ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ング〠- BRIDGE（ブリッジ）テクノãƒã‚¸ãƒ¼ï¼†ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—æƒ…å ±
アプリ開発ã®ãŸã‚ã«ã€UIã‚„UXã¨ã„ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’考ãˆãªã‘ã‚Œã°ã„ã‘ãªã„。ãã®ãŸã‚ã«ã¯ã€æ£ã—ã„メソッドをもã¨ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã“ã¨ãŒæ±‚ã‚られる。THE GUILDã®æ·±æ´¥è²´ä¹‹æ°ã¯ã€QuadCameraやミニãƒãƒ¥ã‚¢é¢¨å†™çœŸãŒæ’®ã‚Œã‚‹TiltShiftGenã®ä½œè€…ã§ã€iPhoneアプリをä¸å¿ƒã¨ã—ãŸUIデザイナーã 。 åŒæ°ãŒMOVIDA SCHOOLã§èªžã£ãŸã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã‚’考ãˆã‚‹ãŸã‚ã«å¿…è¦ãªãƒ¡ã‚½ãƒƒãƒ‰ã¨ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ングã€ã«ã¤ã„ã¦ã¾ã¨ã‚ãŸã€‚ デザインã®æœ¬è³ªã¯ã€Œè¨è¨ˆã€ デザインã¯ã€è¡¨é¢çš„ãªã‚‚ã®ã‚’ã‚レイã«ã™ã‚‹ã“ã¨ã§ã¯ãªã„。デザインã®èªžæºã¯ã€Œè¨è¨ˆã€ã§ã‚ã‚Šã€ã‚‚ã®ã‚’æ•´ç†ã—ãŸã‚Šæ•´é “ã—ãŸã‚Šã™ã‚‹ã“ã¨ã 。目的をæ案ã—ãŸã‚Šèª²é¡Œã‚’解決ã—ãŸã‚Šã™ã‚‹ã“ã¨ãŒå¤§ããªæ–¹å‘性ã¨ã„ãˆã‚‹ã€‚ãã®ãŸã‚ã®æ‰‹æ®µã¨ã—ã¦ã€ãƒ¦ãƒ¼ã‚¶ä½“験を考ãˆã‚‹UXデザインやæ“作性ã¨ã—ã¦ã®UIデザインã€æƒ…å ±ã‚’ã‚ã‹ã‚Šã‚„ã™ãä¼ãˆã‚‹ãŸã‚ã®æƒ…å ±ãƒ‡ã‚¶ã‚¤ãƒ³ãªã©ãŒã‚る。 デザインã¯ã€ã‚»ãƒ³ã‚¹ã§ã¯ãªãエンジ
ITエンジニアã€ãƒ—ãƒã‚°ãƒ©ãƒžã®ãŸã‚ã®UXè¨è¨ˆã€æƒ…å ±è¨è¨ˆå‹‰å¼·ä¼š - paiza times
Photo by Davidlohr Bueso 今回ã®paiza開発日誌ã¯ç‰‡å±±ãŒãŠé€ã‚Šã—ã¾ã™ã€‚ paizaé‹å–¶å…ƒã®ã‚®ãƒŽã§ã¯ã€ã“ã‚Œã¾ã§ã‚‚ä¸å®šæœŸã§ç¤¾å†…勉強会を何回ã‹ã‚„ã£ã¦ã„ã¾ã—ãŸãŒã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®äººæ•°ãŒå¢—ãˆã¦ãã¦ã‚¹ãƒ”ーカーã®é æ•°ãŒæƒã£ãŸã®ã§ã€ç¤¾å†…勉強会を定期開催ã™ã‚‹äº‹ã«ã—ã¾ã—ãŸã€‚ 9月ã®é ã«ç¬¬ä¸€å›žç›®ã®ã€Œè‡ªç¤¾ã‚µãƒ¼ãƒ“スエンジニアã®ç‚ºã®UXè¨è¨ˆã€æƒ…å ±è¨è¨ˆå‹‰å¼·ä¼šã€ã‚’開催ã—ãŸã®ã§ã€ä»Šå›žã¯ãã®å†…容を共有ã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ■今回ã®å‹‰å¼·ä¼šã®ç›®çš„ã€èƒŒæ™¯ paizaã®é–‹ç™ºéƒ¨éšŠã¯ãã‚Œãžã‚Œè‰²ã€…ãªãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã‚’æŒã£ãŸãƒ¡ãƒ³ãƒãƒ¼ã§æ§‹æˆã•ã‚Œã¦ã„ã‚‹ã®ã§ã™ãŒã€æ™®æ®µã®æ¥å‹™ã®ä¸ã ã¨ã€ãªã‹ãªã‹ãれを共有ã™ã‚‹æ©Ÿä¼šã‚„ã€ãŠäº’ã„ã‚’æ·±ã知る機会ãŒç„¡ã„ã‚‚ã®ã§ã™ã€‚ãã“ã§éŽåŽ»ã®ä»•äº‹ã®äº‹ã ã£ãŸã‚Šã€å¾—æ„分野ã«ã¤ã„ã¦ã®å…±æœ‰ã‚’é †ç•ªã«ç™ºè¡¨ã™ã‚‹å½¢ã§ç¤¾å†…勉強会をやã£ã¦ã¿ã‚‹äº‹ã«ã—ã¾ã—ãŸã€‚ æ¥å‹™çš„ãªTipsã®å…±æœ‰ã‚‚é‡è¦ã§ã¯ã‚ã‚‹ã®ã§ã™ãŒã€æ™®æ®µã®æ¥å‹™ã®å‘¨è¾ºé ˜åŸŸã
ãŠã‹ã‚“ã§ã‚‚ã‚ã‹ã‚‹UXデザイン Ver.0.2 CSS Nite Edition
UXデザインã®å°‚門家ã§ãªã„人å‘ã‘ã«ã€ä½•ã‚’ã©ã†ã™ã‚‹ã¨UXデザインã«ãªã‚‹ã®ã‹ã€ãªã‚“ã®ãŸã‚ã«ã‚„ã‚‹ã®ã‹ã‚’ã€ã¡ã‚‡ãƒ¼ä¹±æš´ã«è§£èª¬ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ã¾ã ã“れ自体ãŒæ¨¡ç´¢ä¸ã§ã‚ã‚Šã€æœ¬å½“ã«ãŠã‹ã‚“ãŒè¦‹ãŸã‚‰æ„味ãŒã‚ã‹ã‚‰ãªã„ã“ã¨è«‹ã‘åˆã„。今後ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ãŒæœŸå¾…ã•ã‚Œã¾ã™ã€‚ãªãŠã€ã‚¹ãƒ©ã‚¤ãƒ‰ä¸ã®è§£èª¬ã«ã¤ã„ã¦ã€æ·±ã知りãŸã„å ´åˆã¯ãã‚Œãžã‚Œåˆ¥å€‹ã«ããã‚‹ãªã‚Šä½•ãªã‚Šã—ã¦é ‘å¼µã£ã¦ãã ã•ã„。 (本ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯v0.2 CSS Nite Editionã§ã™ã€‚CSS Nite LP33 Resriseã§ç™ºè¡¨ã„ãŸã—ã¾ã—ãŸ)Read less
ã©ã‚“ãªæ™‚代ã§ã‚‚生ã抜ã‘る力ã€UXã®ã‚¹ã‚¹ãƒ¡ | 京都ã®Web制作・ホームページ制作ãªã‚‰ãƒ–リッジコーãƒãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³
ã“ã®ã‚µã‚¤ãƒˆã§ã¯ã€ã‚¢ã‚¯ã‚»ã‚¹çŠ¶æ³ã®æŠŠæ¡ã‚„広告é…ä¿¡ãªã©ã®ãŸã‚ã«ã€Cookie（クッã‚ー）を使用ã—ã¦ã„ã¾ã™ã€‚ã“ã®ãƒãƒŠãƒ¼ã‚’é–‰ã˜ã‚‹ã‹ã€é–²è¦§ã‚’継続ã™ã‚‹ã“ã¨ã§Cookieã®ä½¿ç”¨ã«åŒæ„ã™ã‚‹ã‚‚ã®ã¨ã—ã¾ã™ã€‚ 詳細ã¯ã‚³ãƒãƒ©è©³ç´°ã¯ã‚³ãƒãƒ© [ é–‰ã˜ã‚‹ ] 最近ã€ã‚„ãŸã‚‰è€³ã«ã™ã‚‹ã‚ˆã†ã«ãªã£ãŸUXã¨ã„ã†è¨€è‘‰ã€‚ UXデザイナーã®æ±‚人数も急速ã«å¢—ãˆã€å„ä¼æ¥ã“ãžã£ã¦äººæを求ã‚ã¦ã„るよã†ã§ã™ã€‚ ãªã«ã—ã‚ã€å¿œå‹Ÿæ¡ä»¶ï¼šUXデザインã«èˆˆå‘³ãŒã‚る人 ãªã‚“ã¦ã„ã†æ±‚人もã‚ã£ãŸãã†ãªã€‚興味程度ã§ã„ã„ã®ã‹ã‚ˆã€‚ ãã‚‚ãã‚‚ã€UXã£ã¦ãªã«ï¼Ÿ 彼女ã¸ã®èª•ç”Ÿæ—¥ãƒ—レゼントã«ãƒ—レゼント何欲ã—ã„？ã¨å•ã†å½¼ã¯ã€ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãん。 彼女ã®å¥½ã¿ã‚„行動ã‹ã‚‰ã€ã“ã‚Œã¾ã§ã®å‚¾å‘ã‹ã‚‰å°‘ã—外れるã‹ã‚‚ã—ã‚Œãªã„ã‘ã©ã€å½¼å¥³ã«ã¯ã“ã†ã„ã†ã®ã‚‚åˆã†ã®ã§ã¯ï¼Ÿã¨ãƒ—レゼントをé¸ã¶å½¼ã¯ã€UXãん。 ãã‚“ãªæ„Ÿã˜ã§ã™ã€‚ ç§ãŒUXã‚’ç†è§£ã™ã‚‹ã®ã«ã—ã£ãã‚ŠããŸè¨€è‘‰ã‚’ã”紹介ã—ã¾ã™ã€‚ 橋をデザインã™ã‚‹ã®ã§ã¯ãªã
『デザイニング・インターフェースã€èªæ›¸ä¼šè³‡æ–™
2012å¹´6月ã«å®Ÿæ–½ã—ãŸèªæ›¸ä¼šã®ãŸã‚ã«ä½œæˆã—ãŸè³‡æ–™ã§ã™ã€‚ 2014å¹´6月ã«ã€ã“ã®éŽåŽ»ã®ã‚¤ãƒ™ãƒ³ãƒˆã«ä¾å˜ã—ãŸè¨˜è¿°ã‚’削除ï¼ä¿®æ£ã—ã¦ã€æ›¸ç±ç´¹ä»‹ã®ãƒ—レゼンテーションã¨ã—ã¦ã”覧ã„ãŸã ã‘るよã†ã«ã—ãŸæ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’以下ã«å…¬é–‹ã—ã¾ã—ãŸã®ã§ã€ãã¡ã‚‰ã‚’ã”覧ãã ã•ã„。 http://www.slideshare.net/noriyo/on-designinginterfaces2014Read less
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}