Designing for Additional Devices in Sketch-Frameworks and Guidelines-Conclusion

Author: Diane Cronenwett

Date: 2/19/2019

What I Already Knew:

• Be mindful of the user’s intent when using voice
• It’s important to create responses for different variations and get a better sense of questions that might be asked
• Bootstrap is a framework that helps users design their websites

What I Didn’t Know:

• Filler words or slang is an utterance and some technology like Alexa or Siri might not have enough information to understand it
• CMS systems are content-driven and support blogs, images, and video
• InVision prototypes for mobile devices and watches

What I Want to Know More About:

I want to know more about building a strong framework for websites.

Designing Your Mobile Experience in Sketch- Designing for Additional Devices in Sketch

Author:  Diane Cronenwett

Date: 2/14/2019

 

What I Already Knew: 

• Navigations should be simple and immersive
• Pages should have a consistent look and feel throughout each one and across different devices
• Creating a mockup helps you make sure the information is laid out in a clear and organized manner

What I Didn’t Know:

• Information Structure Diagram: organize types of content for the app
• Coming up with the information structure is critical so you don’t have to figure it out while designing
• You don’t need the same UI across each device, but you do want to set expectations on how the content will be delivered

What I Want to Know More About:

I want to know more about creating a clear Information Structure Diagram to lessen the stress of figuring it out while coding.

Multidevice Considerations- Planning for a Multidevice Experience

Author: Diane Cronewett

Date Vid Published: 3/30/2018

Date Assignment completed: 2/12/2019

 

What I Already Knew:

• When designing for watches it’s important to remember to make sure it is not disruptive or annoying
• Asking for a upfront and highly personal questions at the start of your app can lead to users abandoning it
• Apps on a watch should be focused on a single task and have clear legibility

What I Didn’t Know:

• The sizing for Tap Targets differ from company to company
• iOS and Android use touch interface using identical gestures, tap or touch, double tap, drag, flick, swipe, pinch, touch and hold, or long press
• Using intuitive gestures like animations keep the viewers more interested in your product

What I Want to Learn More About:

I want to learn more about designing for specific mediums and how to accommodate for their needs.

Overview of Multidevice Strategies

Author: Diane Cronenwett

Date Vid Posted: 3/30/2018

Date Blog Posted: 2/8/2019

 

What I Already Knew:

• It’s important to think about your device as a whole, the context of use, and how each design might be suited for specific tasks
• When designing, it’s important to know who you’re designing for
• When designing for multi-device use, apply consistent branding throughout all mediums

What I Didn’t Know:

• Responsive designs are better for simple websites, not rich and functional websites
• Context of Use is the understanding of the conditions and environments in which the user interacts with your product
• Responsive design is a web-based approach to designing and developing your website so that content is delivered to any device, size, or orientation; not TVs or watches and refers to a similar web experience between desktop, tablet, and smartphone

What I Want to Learn More About:

I want to learn more about responsive design and more ways to implement it into a website.

Creating Your Design System

Author: Chris Nodder

Date Video Published: 9/18/2018

Date Blog Posted: 2/6/19

What I Already Knew:

• Creating a sample app as a test case can help product teams see how their stuff would look in a new style
• Design system should be saving the teams time, not requiring extra effort
• Make time for fixing bugs in the design system, but also make time for exploring how to make team members’ lives easier

What I Didn’t Know: 

• Build in accessibility and localization from the start so less work from product teams
• It’s okay to have more than one design system if your company has several distinct brands, however you must be aware of overlapping and arguments from those on the teams
• The best way to ensure commitment to the plan is to make it public, shows expectations for people at each stage of the process

What I Want to Know More About:

I would like to know more about making a design system that covers the needs for all team members, as well as effective marketing plans.

 

What I Already Knew:

• A good design system makes way for consistent interfaces, better communication, cleaner code, and high-quality interactions
• The communication channel is an important part of the design process
• Version documentation is helpful to see what’s changed from release to release

What I Didn’t Know:

• When presenting design systems to executives, it’s beneficial to point out cost savings and financial benefits
• A design system needs some type of governance to make sure the components are being used properly
• Common scheme for a design system: atoms, molecules, organisms, templates, and pages.

What I Want to Know:

I want to know more about making a useful and consistent design systems and more techniques on how to communicate.

Creating Your Style Guide- Design System Basics- Components of a Design System

Author: Chris Nodder

Date: 9/18/2018

What I Already Knew:

• It’s important to work equally with all the team members and to not act as an authoritarian
• Make sure the style guide is public and can be easily recognized (fanfare)
• Having regular check-in meetings with representatives from each team can allow to regroup and share thoughts

What I Didn’t Know:

• Main things to focus on in a style guide are: brand and philosophy, audience, personality and tone, visual elements and resource links
• You should have the style guide written into contracts with vendors, so that their work can match your styles
• Along with fonts and colors that should be included in a style guide, you should also make clear what is not acceptable

What I Want to Know More About:

I would like to learn more about communication methods to ensure a hard-working environment that requires for the job to be completed.

Style Guide Basics- What’s In A Style Guide- Creating Your Style Guide

Author: Chris Nodder

Date: 9/18/2018

What I Already Knew:

• Your tone and word choice has a profound effect on your audience
• A company can have more than one audience, and usually make content suited for their main audience
• Every company should have a clear style guide

 

What I Didn’t Know:

• Brand is the company’s promise to its customers
• Having a style guide that is clear and consistent can make a small company seem like a bigger one if it’s well put together
• Brand guidelines set the rules on how and where the logotype can be used and how it looks like

 

What I Want to Know:

I would like to know more about how to tailor your content to fit your audience.

Style Guides and Design Systems

Author: Chris Nodder

Date: 9/18/2018

What I Already Knew:

• Everything in an interface and systems needs to be documented in order for a smoother flow
• Good design systems can prevent inconsistency
• It’s important to involve people early in the creating process and have channels for communication

 

What I Didn’t Know:

• Style guides describes the content and branding aspects as well as communication
• Design systems describe the architecture and layout of products, and how apps behave and look on a website’
• The style guide and design system work hand in hand to show how information should be laid out on a page

What I Want to Know:

I would like to know effective techniques to involve all parties in the creating process and how to create a pleasing site.

Structured Content

Author: Derek Featherstone

Date: 1/23/2019

What I Already Knew:

• It’s important to keep all information in a clear and logical format
• Page titles should go from specific – general and should relate to the h1
• Screen readers, screen magnifiers, and voice recognition rely on the HTML in the website

What I Didn’t Know:

• You should lay out your website with the intent of making the viewer make decisions quickly
• The least meaningful markups are <span>, <div>, and <section> and are only necessary when there is no other appropriate element
• There is a Chrome extension that can examine the outline of a document

What I Want to Know:

I want to know what other HTMl tags can make a website more appealing while still following the rules of good page structure.