{"id":14061,"date":"2016-06-09T06:00:44","date_gmt":"2016-06-09T13:00:44","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=14061"},"modified":"2024-06-12T03:30:11","modified_gmt":"2024-06-12T10:30:11","slug":"the-redesigned-uxpin-is-here","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/uxpin\/the-redesigned-uxpin-is-here\/","title":{"rendered":"The Redesigned UXPin is Here"},"content":{"rendered":"<p>Today as we celebrate <a href=\"https:\/\/www.uxpin.com\/uxpin-redesigned-is-here\">the release of our new version<\/a>, we want to take you behind the scenes and show you the lessons we learned while building it.<\/p>\n<p>The first thing we learned when embarking on a redesign was that it isn\u2019t enough that you use your product. You can\u2019t just eat your own dog food and leave it at that.<\/p>\n<p><span style=\"font-weight: 400;\">As pointed out in <\/span><a href=\"http:\/\/www.forbes.com\/sites\/michaeldefranco\/2014\/03\/04\/not-eating-your-own-dog-food-you-probably-should-be-2\/#7ce0b5d651d6\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">this Forbes article<\/span><\/a><span style=\"font-weight: 400;\">, no one uses your product as much as you do, and not everyone is a power user as much as you. You can only know so much by using your product yourself. But if you only do that, you can become myopic in your approach. You have to seek outside perspective from your users.<\/span><\/p>\n<p>You have to talk to them and learn from them, while still eating your own dog food.<\/p>\n<p>That\u2019s precisely what we did with the UXPin redesign. We used UXPin to redesign UXPin, while at the same time spending hundreds of hours talking to our users.<\/p>\n<div class=\"twentytwenty\" class=\"twentytwenty-container\" style=\"display: none; max-width: 100%; width: 720px; height: 452px\"><img decoding=\"async\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image05.png\"\/><img decoding=\"async\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image07.png\"\/><\/div>\n<p><i><span style=\"font-weight: 400;\">Before and after of the <\/span><\/i><a href=\"https:\/\/www.uxpin.com\/\"><i><span style=\"font-weight: 400;\">UXPin<\/span><\/i><\/a><i><span style=\"font-weight: 400;\"> design editor. <\/span><\/i><\/p>\n<h2><span style=\"font-weight: 400;\">Learning From Previous User Experience <\/span><\/h2>\n<p>We didn\u2019t embark on our redesign on a lark. After all, the decision to do one should be based on data and feedback from users.<\/p>\n<p><span style=\"font-weight: 400;\">As we said in the free e-book <\/span><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/guide-to-ux-design-process-and-documentation\/\"><span style=\"font-weight: 400;\">The Guide to UX Design Process and Documentation<\/span><\/a><span style=\"font-weight: 400;\">, you always need to know why you\u2019re building something. You have to do a bit of legwork and research, analyzing users. We won\u2019t get into creating user personas. If you\u2019re embarking on a redesign, you probably already know a lot about users\u2019 motivations, fears, mentality, and, of course, behavior.<\/span><\/p>\n<p>But it\u2019s the last bit that\u2019s going to be really useful to you. How do users behave in your application? What works for them? What doesn\u2019t? More importantly, do they have workarounds to accomplish what your product actually promises?<\/p>\n<p>For us, past usability tests and user feedback via customer service, as well as various \u201cengagement metrics\u201d were strongly suggesting that the learning curve is too steep for a design collaboration solution.<\/p>\n<p>Having the lowest learning curve is important to us because we\u2019re not only a tool for designers.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-14070\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image08.png\" alt=\"image08\" width=\"720\" height=\"720\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image08.png 1999w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image08-300x300.png 300w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image08-768x768.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image08-1024x1024.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image08-200x200.png 200w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p><i><span style=\"font-weight: 400;\">A close up of the redesigned <\/span><\/i><a href=\"https:\/\/www.uxpin.com\/\"><i><span style=\"font-weight: 400;\">UXPin<\/span><\/i><\/a><i><span style=\"font-weight: 400;\"> editor. <\/span><\/i><\/p>\n<p>For instance, Ingrid Brummer, a product manager at e-commerce site CHECK24, uses UXPin with her team because it allows her to fully articulate her ideas. As she told us, \u201cI really appreciate that with UXPin I, as a non-designer, am able to produce really exact designs.\u201d<\/p>\n<p>Since non-designers are also involved in the design process, we needed to lower the barrier to entry.<\/p>\n<p><span style=\"font-weight: 400;\">With that knowledge, we dove back into our app, taking inventory of how we can create a better user experience across UXPin. OK, here\u2019s where things get a little meta. As we said before, we actually used UXPin to redesign UXPin. <\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Why a Redesign? <\/span><\/h2>\n<p><span style=\"font-weight: 400;\"><strong>Let us repeat again:<\/strong> a redesign isn\u2019t a lark.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Learning from previous experience is the first part of that. Next, you have to decide why a redesign and set goals. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">A redesign starts very much by asking the same questions you would before embarking on any other design project, such as \u201cwhat is the purpose of this?\u201d \u201cWhat are our goals?\u201d \u201cHow does this affect our users?\u201d<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Certainly, users were at the heart of our decision to redesign. We wanted to create a smoother experience for them all around, making it easier to use UXPin and increase the speed of our platform. But to get to specifics, these were the factors that went into our decision: <\/span><\/p>\n<ul>\n<li><b><b>Design debt. <\/b><span style=\"font-weight: 400;\">Having grown fast through the years, we took on \u201cdesign debt,\u201d where legacy elements didn\u2019t really align anymore with our vision and just bogged down the experience.<\/span><\/b><\/li>\n<li><b><b>Experience debt. <\/b><span style=\"font-weight: 400;\">We saw visible patterns of pain from customer service and our usability tests. \u00a0<\/span><\/b><\/li>\n<li><b><b>Practical inspiration. <\/b><span style=\"font-weight: 400;\">This may seem like a lofty goal, but we wanted a tool that inspired others to build better products. A tool that was rooted deeply in <\/span><a href=\"https:\/\/www.nngroup.com\/articles\/ten-usability-heuristics\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">usability principles<\/span><\/a><span style=\"font-weight: 400;\"> and that invoked <\/span><span style=\"font-weight: 400;\"><a href=\"http:\/\/gizmodo.com\/10-iconic-dieter-rams-designs-from-a-store-that-sells-h-1045228746?sidebar_promotions_icons=testingon&amp;utm_expid=66866090-67.e9PWeE2DSnKObFD7vNEoqg.2&amp;utm_referrer=https%3A%2F%2Fwww.google.com%2F\" target=\"_blank\" rel=\"noopener noreferrer\">the timeless and iconic designs of yesterday.<\/a><\/span><\/b><\/li>\n<li><b><b>Room to grow. <\/b><span style=\"font-weight: 400;\">Our previous design and backend didn\u2019t give us to flexibility to build out new features easily. Since we were going to <\/span><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/the-beauty-of-mathematics-a-look-at-uxpins-new-engine\/\"><span style=\"font-weight: 400;\">overhaul our entire engine<\/span><\/a><span style=\"font-weight: 400;\">, we faced less creative constraints with our new features.<\/span><\/b><\/li>\n<\/ul>\n<p>And all these reasons were for our users, first and foremost. If we sound like a broken record, it\u2019s because we can\u2019t emphasize enough that our users drove our decision.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-14068\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image06.png\" alt=\"image06\" width=\"720\" height=\"400\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image06.png 1359w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image06-540x300.png 540w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image06-768x427.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image06-1024x569.png 1024w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p><i><span style=\"font-weight: 400;\">Using <\/span><\/i><a href=\"https:\/\/www.uxpin.com\/\"><i><span style=\"font-weight: 400;\">UXPin<\/span><\/i><\/a><i><span style=\"font-weight: 400;\"> to redesign UXPin. Here you can see us leaving comments on the live preview of the prototype. <\/span><\/i><\/p>\n<h2><span style=\"font-weight: 400;\">Our Redesign Process<\/span><\/h2>\n<p>Any design effort begins with research. And we didn\u2019t have to look far for it. Luckily, we\u2019d been collecting data over the years already.<\/p>\n<p>We had behavioral metrics, SaaS business metrics, and customer service had data from the front lines. Finally, we had qualitative usability tests, with\u00a0our existing customers.<\/p>\n<p><span style=\"font-weight: 400;\">The data gave us a jump start on our redesign process. Let\u2019s walk through the highlights rather than go point-by-point. <\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Laying down your design principles<\/span><\/h3>\n<p>Before designing a single pixel, we outlined the design principles for project.<\/p>\n<p><span style=\"font-weight: 400;\">Think of this as a combination of requirements, our goals and our aspirations. And our research helped inform these principles. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">As Robert Hoekman Jr. outlines in <\/span><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-strategy-field-guide\/\"><span style=\"font-weight: 400;\">The Field Guide to UX Strategy<\/span><\/a><span style=\"font-weight: 400;\">, you\u2019ll want to ask the right questions to formulate your UX strategy. You can do the same thing when it comes to your design principles. Let\u2019s review some of those questions: <\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><b>What\u2019s your reason for being?<\/b><span style=\"font-weight: 400;\"> This question may seem philosophical, but it really isn\u2019t. Simply put, it\u2019s asking you to understand how your product fits into your users\u2019 workflows.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b><b>Where are you now? <\/b><span style=\"font-weight: 400;\">This is your product as it stands today. Understanding this is deadly important to deciding whether you\u2019re ripe for a redesign.<\/span><\/b><\/li>\n<li style=\"font-weight: 400;\"><b><b>Where have you been? <\/b><span style=\"font-weight: 400;\">For use, this was an easy question to answer. As we said previously, we had all the metrics in front of us. We just needed to dive deep and put two and two together.<\/span><\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Finally, one last question to ask and probably the most important one: <\/span><\/p>\n<ul>\n<li><b><b>Where do you want to be? <\/b><span style=\"font-weight: 400;\">Where do you go from here? How do you change? And how do you measure that change? Hoekman suggests using specific numbers, which is always a good idea. For now, we\u2019ll focus on the design aspect for this article.<\/span><\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Now let\u2019s take a look at the principles we created: <\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><b>No distractions.<\/b><span style=\"font-weight: 400;\"> Every redundant piece of an interface \u2014\u00a0lines, buttons, shadows, animations \u2014\u00a0 is a source of distraction. As such, you should eliminate it to empower user creativity.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Design centric<\/b><span style=\"font-weight: 400;\">. User designs should be at the center of UXPin. Our interface shouldn\u2019t obstruct their work.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Adaptive interface. <\/b><span style=\"font-weight: 400;\">Our interface should always act in context of the user. That means any \u201cinteractive\u201d features should be hidden until the user needs them.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Space. <\/b><span style=\"font-weight: 400;\">Users should have a lot of space to work so as to trigger their creativity. A cluttered interface is a source of stress.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Inspiration<\/b><span style=\"font-weight: 400;\">. UXPin design should inspire and can&#8217;t derive from design other SaaS apps. We should strive for original aesthetic inspired by the best products ever created, such as the <\/span><a href=\"http:\/\/www.amazon.com\/Namiki-Vanishing-Point-Matte-Fountain\/dp\/B004ICN0X0\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Pilot Vanishing Point Matte Black<\/span><\/a><span style=\"font-weight: 400;\"> fountain pen, <\/span><a href=\"http:\/\/www.amazon.com\/Harman-Kardon-Soundsticks-III-Multimedia\/dp\/B0042F3K9W\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Harman Kardon\u2019s Sound Stick<\/span><\/a><span style=\"font-weight: 400;\">,<\/span><a href=\"http:\/\/www.amazon.com\/Pro-Ject-Essential-Turntable-Ortofon-Cartridge\/dp\/B00DKSUGOO\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\"> Pro-Ject record player<\/span><\/a><span style=\"font-weight: 400;\">, and <\/span><a href=\"http:\/\/www.amazon.com\/DALI-ZENSOR-Bookshelf-Speaker-White\/dp\/B00E0I7AF6\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">DALI Zensor speakers<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Interactive<\/b> <b>Consistency<\/b><span style=\"font-weight: 400;\">. Interface components, icons, and fonts should all be consistent to create a predictable experience.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Predictable Architecture. <\/b><span style=\"font-weight: 400;\">The architecture must be predictable and natural. Features should be placed in the right context for easy discoverability.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">Design principles allows you to focus your efforts and keep scope creep at bay. Our principles certainly kept our course steady and true throughout the redesign. <\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Usability testing and iteration <\/span><\/h3>\n<p>Of course, it\u2019s not enough to just come work off design principles and call it a day. Once we started to implement our revised UI, we took it to users to get their take and to ensure there wasn\u2019t any big errors.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-14064\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image02.png\" alt=\"image02\" width=\"720\" height=\"380\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image02.png 1255w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image02-569x300.png 569w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image02-768x405.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image02-1024x540.png 1024w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p><i><span style=\"font-weight: 400;\">An early concept built of the revamped editor, built in <\/span><\/i><a href=\"https:\/\/www.uxpin.com\/\"><i><span style=\"font-weight: 400;\">UXPin<\/span><\/i><\/a><i><span style=\"font-weight: 400;\">. <\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">And like with our design principles, we categorized our usability goals. We knew there were a few things that we need qualitative data on:<\/span><\/p>\n<ul>\n<li><b><b>The new canvas<\/b><span style=\"font-weight: 400;\">. We were making significant changes to the new canvas. We needed to know if it would distract users, turn them off or hinder their work in any way.<\/span><\/b><\/li>\n<li><b><b>The left\/right tool bars. <\/b><span style=\"font-weight: 400;\">We needed to know if these were in the way as well. Or whether users found them helpful or not. Did they understand what the tool bars were for?<\/span><\/b><\/li>\n<li><b><b>The functionality. <\/b><span style=\"font-weight: 400;\">Would people know how to use the new interface in the same way as the old one?<\/span><\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">One of our biggest changes in the new UXPin was the removal of the contextual menu, which is displayed next to the selected elements. In the past, many people experienced difficulty with this component. We needed to test to see if users would be okay if we removed the menu. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">While somewhat difficult at first, we found that people were more attuned to having elemental options to the right bar, partially because of its similarity to other design tools. <\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-14065\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image03.png\" alt=\"image03\" width=\"720\" height=\"365\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image03.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image03-592x300.png 592w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p><i><span style=\"font-weight: 400;\">User researcher Ben Kim testing our redesigned interface with designer Jessica Tiao of Kissmetrics. \u00a0<\/span><\/i><\/p>\n<p>Another key finding was the total lack of understanding of icons residing in the top bar. While some, such as search, are universal, most of the icons we employed clearly needed labeling. During our early iterations of the redesigned UXPin, labels to icons were quickly added for the usability of users.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-14066\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image04.png\" alt=\"image04\" width=\"720\" height=\"475\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image04.png 731w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image04-455x300.png 455w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p><i><span style=\"font-weight: 400;\">Labeled icons in the dropdown, prototype built in <\/span><\/i><a href=\"https:\/\/www.uxpin.com\/\"><i><span style=\"font-weight: 400;\">UXPin<\/span><\/i><\/a><i><span style=\"font-weight: 400;\">. <\/span><\/i><\/p>\n<h3><span style=\"font-weight: 400;\">Closed beta<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">But you don\u2019t just test early on. As we outlined in <\/span><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/guide-to-usability-testing\/\"><span style=\"font-weight: 400;\">the Guide to Usability Testing<\/span><\/a><span style=\"font-weight: 400;\">, as a product gets into later stages of development, you have to launch it to a small, select group of testers. Call it a private release, or you can call it by the common name \u2014\u00a0a closed beta. <\/span><\/p>\n<p>We put together an MVP to get in front of a small group of 50 accounts \u2014 hand-picked to participate. Right away, we got feedback on some small usability issues that we quickly ironed out.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-14071\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image09.png\" alt=\"image09\" width=\"720\" height=\"779\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image09.png 1358w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image09-277x300.png 277w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image09-768x831.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image09-946x1024.png 946w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p><em>We used Slack to talk with our beta users.\u00a0<\/em><\/p>\n<p><span style=\"font-weight: 400;\">One thing that give us issues right away was our left-right bar menu. It took up too much real estate on the canvas. Based on feedback, we decided to change it up. Instead of a persistent menu, we added a feature that allowed the user to choose which menu to show, as well as a hover-show function. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">More importantly, with a closed beta you\u2019ll learn things that you\u2019ll never be able to learn with a mockup or prototype. For example, users loved the dark version of our new UI in the mockup. But when it came to actually using it, we discovered it was hard to navigate at the smallest level of detail. We realized we\u2019d gone a bit too far in trying to make the design too visually appealing. <\/span><\/p>\n<p><strong>The lesson:<\/strong> usability shouldn\u2019t be sacrificed for visuals. With that lesson, we lightened up the dark version so that it was easier to navigate. And that\u2019s something we wouldn\u2019t have learned had we not let a small group of users play with the redesign.<\/p>\n<h3><span style=\"font-weight: 400;\">Open Beta <\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Slowly but surely, we went from 50 accounts to 500 to 2,000, transitioning ourselves into an open beta. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">With open beta, we wanted to gather quantitative data \u2014\u00a0looking more at hard numbers. For instance, we found our conversions to be lower at first because of some unexpected issues with e-mail onboarding, which we corrected. <\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-14063\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image01.png\" alt=\"image01\" width=\"720\" height=\"480\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image01.png 1920w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image01-450x300.png 450w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image01-768x512.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image01-1024x683.png 1024w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/p>\n<p><i><span style=\"font-weight: 400;\">Our new UI also comes in a light version. <\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">We also started to quantify the user experience as well by paying close attention to bugs and requests. Using three categories \u00a0\u2014\u00a0user pain, strategic value and cost \u2014\u00a0were able to set objective priorities around those issues. With this, we attacked the most painful issues first. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">And that led to us adding labels to icons, changing inputs for radius and dozens of other improvements. <\/span><\/p>\n<p>Throughout the whole beta phase, we did sentimental analysis to check the number of positive and negative mentions. Think of it as a happiness check-in.<\/p>\n<p><span style=\"font-weight: 400;\">Open beta is a great period to learn more about the redesign. What works. What doesn\u2019t. And whether people will respond will to what you\u2019ve built. It\u2019s also a crucial time that can\u2019t be skipped. If you do, you risk putting out a product that isn\u2019t viable for a large group of customers. <\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Conclusion <\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Using your own product, you learn what is working and what is not working. It gives you a good baseline. But you have to take it further. You have to talk to your customers to give you additional perspective. You\u2019ll learn even more. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">That combined with data will allow you to tackle a redesign on your own product. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">As for us, we\u2019re not done yet. Soon we\u2019ll release a new version of our dashboard, and we have a few other projects in the works. So stay tuned!<\/span><\/p>\n<section class=\"uxpin-trial-widget\"><h2>Join the world's best designers who&nbsp;use UXPin.<\/h2><span class=\"white-info\">Sign up for a free trial.<\/span><a href=\"https:\/\/www.uxpin.com\/sign-up\" class=\"btn btn-flat sign-up-btn white\">Try it for free!<\/a><\/section>\n","protected":false},"excerpt":{"rendered":"<p>The new UXPin is here. See how we used our own collaborative design platform to redesign the application from the ground up. <\/p>\n","protected":false},"author":2,"featured_media":14062,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,17,18,172,19],"tags":[],"class_list":["post-14061","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-collaboration-2","category-process","category-product-design","category-uxpin"],"yoast_title":"","yoast_metadesc":"The new UXPin is here. See how we used our own collaborative design platform to redesign the application from the ground up.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>The Redesigned UXPin is Here | UXPin<\/title>\n<meta name=\"description\" content=\"The new UXPin is here. See how we used our own collaborative design platform to redesign the application from the ground up.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/uxpin\/the-redesigned-uxpin-is-here\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Redesigned UXPin is Here\" \/>\n<meta property=\"og:description\" content=\"The new UXPin is here. See how we used our own collaborative design platform to redesign the application from the ground up.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/uxpin\/the-redesigned-uxpin-is-here\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2016-06-09T13:00:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-12T10:30:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image00.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marcin Treder\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@marcintreder\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marcin Treder\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/uxpin\\\/the-redesigned-uxpin-is-here\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/uxpin\\\/the-redesigned-uxpin-is-here\\\/\"},\"author\":{\"name\":\"Marcin Treder\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/cc841401f06463c92d633bed6dfd84bc\"},\"headline\":\"The Redesigned UXPin is Here\",\"datePublished\":\"2016-06-09T13:00:44+00:00\",\"dateModified\":\"2024-06-12T10:30:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/uxpin\\\/the-redesigned-uxpin-is-here\\\/\"},\"wordCount\":2210,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/uxpin\\\/the-redesigned-uxpin-is-here\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/image00.jpg\",\"articleSection\":[\"Blog\",\"Collaboration\",\"Process\",\"Product Design\",\"UXPin\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/uxpin\\\/the-redesigned-uxpin-is-here\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/uxpin\\\/the-redesigned-uxpin-is-here\\\/\",\"name\":\"The Redesigned UXPin is Here | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/uxpin\\\/the-redesigned-uxpin-is-here\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/uxpin\\\/the-redesigned-uxpin-is-here\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/image00.jpg\",\"datePublished\":\"2016-06-09T13:00:44+00:00\",\"dateModified\":\"2024-06-12T10:30:11+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/cc841401f06463c92d633bed6dfd84bc\"},\"description\":\"The new UXPin is here. See how we used our own collaborative design platform to redesign the application from the ground up.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/uxpin\\\/the-redesigned-uxpin-is-here\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/uxpin\\\/the-redesigned-uxpin-is-here\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/uxpin\\\/the-redesigned-uxpin-is-here\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/image00.jpg\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/image00.jpg\",\"width\":1200,\"height\":628,\"caption\":\"image00\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/uxpin\\\/the-redesigned-uxpin-is-here\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Redesigned UXPin is Here\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/cc841401f06463c92d633bed6dfd84bc\",\"name\":\"Marcin Treder\",\"description\":\"Marcin Treder is the CEO and co-founder of UXPin, a product design platform. Since co-founding UXPin in 2010, he has helped build and lead product teams in the Poland and Silicon Valley offices. Previously, he worked on projects for two companies that IPOed and managed the design team for one of the biggest eCommerce companies in Eastern Europe. He holds an M.A. in Cognitive Psychology. Marcin has been given numerous awards, including MIT 30 under 35 for his accomplishments in design and business.\",\"sameAs\":[\"http:\\\/\\\/uxpin.com\",\"https:\\\/\\\/x.com\\\/marcintreder\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/marcintreder\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"The Redesigned UXPin is Here | UXPin","description":"The new UXPin is here. See how we used our own collaborative design platform to redesign the application from the ground up.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uxpin.com\/studio\/uxpin\/the-redesigned-uxpin-is-here\/","og_locale":"en_US","og_type":"article","og_title":"The Redesigned UXPin is Here","og_description":"The new UXPin is here. See how we used our own collaborative design platform to redesign the application from the ground up.","og_url":"https:\/\/www.uxpin.com\/studio\/uxpin\/the-redesigned-uxpin-is-here\/","og_site_name":"Studio by UXPin","article_published_time":"2016-06-09T13:00:44+00:00","article_modified_time":"2024-06-12T10:30:11+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image00.jpg","type":"image\/jpeg"}],"author":"Marcin Treder","twitter_card":"summary_large_image","twitter_creator":"@marcintreder","twitter_misc":{"Written by":"Marcin Treder","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/uxpin\/the-redesigned-uxpin-is-here\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/uxpin\/the-redesigned-uxpin-is-here\/"},"author":{"name":"Marcin Treder","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/cc841401f06463c92d633bed6dfd84bc"},"headline":"The Redesigned UXPin is Here","datePublished":"2016-06-09T13:00:44+00:00","dateModified":"2024-06-12T10:30:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/uxpin\/the-redesigned-uxpin-is-here\/"},"wordCount":2210,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/uxpin\/the-redesigned-uxpin-is-here\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image00.jpg","articleSection":["Blog","Collaboration","Process","Product Design","UXPin"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/uxpin\/the-redesigned-uxpin-is-here\/","url":"https:\/\/www.uxpin.com\/studio\/uxpin\/the-redesigned-uxpin-is-here\/","name":"The Redesigned UXPin is Here | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/uxpin\/the-redesigned-uxpin-is-here\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/uxpin\/the-redesigned-uxpin-is-here\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image00.jpg","datePublished":"2016-06-09T13:00:44+00:00","dateModified":"2024-06-12T10:30:11+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/cc841401f06463c92d633bed6dfd84bc"},"description":"The new UXPin is here. See how we used our own collaborative design platform to redesign the application from the ground up.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/uxpin\/the-redesigned-uxpin-is-here\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/uxpin\/the-redesigned-uxpin-is-here\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/uxpin\/the-redesigned-uxpin-is-here\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image00.jpg","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/06\/image00.jpg","width":1200,"height":628,"caption":"image00"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/uxpin\/the-redesigned-uxpin-is-here\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"The Redesigned UXPin is Here"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/cc841401f06463c92d633bed6dfd84bc","name":"Marcin Treder","description":"Marcin Treder is the CEO and co-founder of UXPin, a product design platform. Since co-founding UXPin in 2010, he has helped build and lead product teams in the Poland and Silicon Valley offices. Previously, he worked on projects for two companies that IPOed and managed the design team for one of the biggest eCommerce companies in Eastern Europe. He holds an M.A. in Cognitive Psychology. Marcin has been given numerous awards, including MIT 30 under 35 for his accomplishments in design and business.","sameAs":["http:\/\/uxpin.com","https:\/\/x.com\/marcintreder"],"url":"https:\/\/www.uxpin.com\/studio\/author\/marcintreder\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/14061","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=14061"}],"version-history":[{"count":3,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/14061\/revisions"}],"predecessor-version":[{"id":53461,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/14061\/revisions\/53461"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/14062"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=14061"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=14061"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=14061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}