![]() We sat down with Talin Wadsworth, lead product designer for Adobe XD, Andy Vitale, UX director at SunTrust Bank, and Jecy Chang, UX designer at Microsoft Worldwide Learning, to find out. In Adobe XD you can resize artboards to quickly test how your design will behave on a larger screen. When we consider multiple screens, the starting point should always be the people that are going to use the product. ![]() ![]() “I start by thinking about who my customers are and how they will be experiencing the content of my website or app,” Talin explains. “Once these key tasks and behaviors are identified, workflows and usage data will determine what features should exist on which screens.” “Everything we design is based on the understanding of how and where someone will use a particular feature, their needs, and desired outcomes,” Andy agrees. Talin usually takes a “mobile-first” approach, or at least an approach that accounts for any constraints early on and allows him to save time in the long run. Andy adds that, in a perfect world, it would be great to always adopt a “mobile-first” strategy. Some of the SunTrust features, for example, exist on the web-based application and might get rolled out to the mobile app later, while other features, like mobile check deposit, don’t live anywhere other than the mobile app.ĭepending on the project, however, it could start with either mobile or desktop. “When working on enterprise applications, sometimes it makes sense to start with the largest amount of data and features, build those out, and narrow down the scope and functionality for mobile usage.” “‘Mobile first works well if you don’t know the key features that you need to have on mobile and can expand upon them on the web/desktop version,” Andy advises. Jecy agrees: “Even though we follow the general guideline of mobile first, in most scenarios we have to put all the content into a larger canvas to layout the concept. ADOBE XD RESPONSIVE RESIZE PREVIEW WINDOWS.ADOBE XD RESPONSIVE RESIZE PREVIEW DOWNLOAD.ADOBE XD RESPONSIVE RESIZE PREVIEW CODE.ADOBE XD RESPONSIVE RESIZE PREVIEW HOW TO.
0 Comments
Leave a Reply. |