“User experience design (UXD, UED or XD) is the process of enhancing user satisfaction by improving the usability, accessibility, and pleasure provided in the interaction between the user and the product. User experience design encompasses traditional human–computer interaction (HCI) design, and extends it by addressing all aspects of a product or service as perceived by users.”
“User interface design (UI) or user interface engineering is the design of user interfaces for machines and software, such as computers, home appliances, mobile devices, and other electronic devices, with the focus on maximizing usability and the user experience.”
Graphic Designer specialist do some aspects of both UX and UI design. These type of designers typically work in teams with computer engineers, programmers, and business driven experts on the subject. A designer helps to develop the user experience, how one moves through the app, and creates the front-end design—the look and feel of the app, website, etc. This includes Dashboard design. See Design Garage: Dashboard on this website for more information about Dashboards.
Apple iOS Design
Design apps with Adobe XD templates and UI resources made for Apple iOS that include a full range of controls, views, and glyphs.
Get the kit
Material Design
Customize your apps with our Material Design kit that includes cards, buttons, and other components. Quickly modify colors, character styles, and symbols using the Assets panel within XD.
Get the kit
Microsoft UWP Design
All the elements you need to build apps on the Universal Windows Platform in Adobe XD, including navigation menus, colors, title bars, task bar, overlays, and designated fonts.
Get the kit
Apple Material Design
This website is committed to the following goals: “Create a visual language that synthesizes classic principles of good design with the innovation and possibility of technology and science.” This website is a living breathing document that is continually updated.
This site goes over the ios Design Themes for app designers for the App Store charts including iphone X, what’s new in ios 11, interface essentials, app architecture, user interaction, system capabilities, visual design, icons and images, and more.
Google’s Material Design
This site goes over the theory, principals, and guidelines for both the developer and designer. Material Design is a wealth of information for anyone that wants to practice within the field of UX design.
Google’s Material Design Guidelines: Icons
This site has over 800 icons that are free to use. Also, the site goes over the principles and designer’s guidelines to creating icons for screen devices. This will give any UX designer the knowledge they will need to create successful icons.
Material Design for Android and Developers
“Material design is a comprehensive guide for visual, motion, and interaction design across platforms and devices.”
InVision:
InVision is a prototype app for front-end design. It is a free program for educational use—meaning a student can use it up to three times. If a student wants to use it more than three times you can call InVision and they typically will make an exception.
A school can sign up for a free educational account for user testing.
Tethr is a free UI design kit for Photoshop that has a library of all typical design elements. In my classes I let the students use it only for sizing, and not to directly copy and paste into their designs.
TryMyUi
"We made a list of our top 10 favorite UX & product authors that are writing useful, thought-provoking, and original content on Medium. Check out our picks here – I bet there's quite a few you don't know:"
Nielsen Norman Group
https://www.nngroup.com/articles/ten-usability-heuristics/
The Nielsen Norman Group is one of the World Leaders in Research-Based User Experience.
Summary: Jakob Nielsen's 10 general principles for interaction design. They are called "heuristics" because they are broad rules of thumb and not specific usability guidelines.
Adobe XD UI kits
https://www.adobe.com/products/xd/resources.html#panel-3
Customized kits for your favorite platforms—plugins, app intrgrations, ui kits, and icon sets
Apple Design
Design apps with Adobe XD templates and UI resources made for Apple iOS and macOS that include a full range of controls, views, and glyphs.
Material Design
Customize your apps with our Material Design kit that includes cards, buttons, and other components. Quickly modify colors, character styles, and components using the Assets panel within XD.
Microsoft UWP Design
All the elements you need to build apps on the Universal Windows Platform in Adobe XD, including navigation menus, colors, title bars, task bars, overlays, and designated fonts.
