Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...Anthony D. Paul
Put down that design tool! We typically turn toward graphic tools like Sketch for wireframing, then export into a presenter like InVision for usability tests. We try our darndest to get the menu functionality to “appear” like code, to fake responsive design, and to audit every hotspot linking to every screenshot. The irony is, we spend more time trying to get non-code looking like code than if we’d used code.
But wait, I’m not a dev! That’s cool. I’ve got you covered. Attendees will be given live demos of existing responsive frameworks, learn how to customize them, and walk away with a foundation for creating their own code prototyping kit (without needing to know how to code). This talk is written for information architects, UI/UX designers, product leads, and researchers.
What you’ll learn:
• How to use WordPress to create a content-managed prototype, regardless of what you intend to build your final site in;
• Which UI frameworks are cheapest and easiest to “wireframe” with, code-free; and
• Why this approach is simpler than many of your sketching tools, arriving at a better and more testable IA/content prototype more quickly.
Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...Anthony D. Paul
Put down that design tool! We typically turn toward graphic tools like Sketch for wireframing, then export into a presenter like InVision for usability tests. We try our darndest to get the menu functionality to “appear” like code, to fake responsive design, and to audit every hotspot linking to every screenshot. The irony is, we spend more time trying to get non-code looking like code than if we’d used code.
But wait, I’m not a dev! That’s cool. I’ve got you covered. Attendees will be given live demos of existing responsive frameworks, learn how to customize them, and walk away with a foundation for creating their own code prototyping kit (without needing to know how to code). This talk is written for information architects, UI/UX designers, product leads, and researchers.
What you’ll learn:
• How to use WordPress to create a content-managed prototype, regardless of what you intend to build your final site in;
• Which UI frameworks are cheapest and easiest to “wireframe” with, code-free; and
• Why this approach is simpler than many of your sketching tools, arriving at a better and more testable IA/content prototype more quickly.
Anthony is a UX researcher and designer at GE Transportation, creating web applications and data visualizations for the US railroad industry. Outside the office, you’ll find him spread across regional meetups and conferences—evangelizing IA/UX, accessibility, and a variety of open source dev projects. He’d divulge something funny from his past, but these days the Internet does a better job of surfacing our embarrassing moments; find him anywhere by Googling “anthonydpaul”.
Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...Anthony D. Paul
Put down that design tool! We typically turn toward graphic tools like Sketch for wireframing, then export into a presenter like InVision for usability tests. We try our darndest to get the menu functionality to “appear” like code, to fake responsive design, and to audit every hotspot linking to every screenshot. The irony is, we spend more time trying to get non-code looking like code than if we’d used code.
But wait, I’m not a dev! That’s cool. I’ve got you covered. Attendees will be given live demos of existing responsive frameworks, learn how to customize them, and walk away with a foundation for creating their own code prototyping kit (without needing to know how to code). This talk is written for information architects, UI/UX designers, product leads, and researchers.
What you’ll learn:
• How to use WordPress to create a content-managed prototype, regardless of what you intend to build your final site in;
• Which UI frameworks are cheapest and easiest to “wireframe” with, code-free; and
• Why this approach is simpler than many of your sketching tools, arriving at a better and more testable IA/content prototype more quickly.
Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul ...Anthony D. Paul
Put down that design tool! We typically turn toward graphic tools like Sketch for wireframing, then export into a presenter like InVision for usability tests. We try our darndest to get the menu functionality to “appear” like code, to fake responsive design, and to audit every hotspot linking to every screenshot. The irony is, we spend more time trying to get non-code looking like code than if we’d used code.
But wait, I’m not a dev! That’s cool. I’ve got you covered. Attendees will be given live demos of existing responsive frameworks, learn how to customize them, and walk away with a foundation for creating their own code prototyping kit (without needing to know how to code). This talk is written for information architects, UI/UX designers, product leads, and researchers.
What you’ll learn:
• How to use WordPress to create a content-managed prototype, regardless of what you intend to build your final site in;
• Which UI frameworks are cheapest and easiest to “wireframe” with, code-free; and
• Why this approach is simpler than many of your sketching tools, arriving at a better and more testable IA/content prototype more quickly.
Anthony is a UX researcher and designer at GE Transportation, creating web applications and data visualizations for the US railroad industry. Outside the office, you’ll find him spread across regional meetups and conferences—evangelizing IA/UX, accessibility, and a variety of open source dev projects. He’d divulge something funny from his past, but these days the Internet does a better job of surfacing our embarrassing moments; find him anywhere by Googling “anthonydpaul”.
those are the steps that students need to record a video about the project and the research that they did during the first term about the 21st century threats and challenges
Using PowerPoint, especially for teaching second language, has both good and bad points. This ppt gives advice about how to use powerpoint effectively to communicate information, control learner attention, and work around the negative aspects of powerpoint.
Using PowerPoint, especially for teaching second language, has both good and bad points. This ppt gives advice about how to use powerpoint effectively to communicate information, control learner attention, and work around the negative aspects of powerpoint.
A presentation about captioning idea for users with disabilities and others. Discusses the advantages of captioning and why it is important, as well as provides many tips and resources related to making videos more accessible.
those are the steps that students need to record a video about the project and the research that they did during the first term about the 21st century threats and challenges
Using PowerPoint, especially for teaching second language, has both good and bad points. This ppt gives advice about how to use powerpoint effectively to communicate information, control learner attention, and work around the negative aspects of powerpoint.
Using PowerPoint, especially for teaching second language, has both good and bad points. This ppt gives advice about how to use powerpoint effectively to communicate information, control learner attention, and work around the negative aspects of powerpoint.
A presentation about captioning idea for users with disabilities and others. Discusses the advantages of captioning and why it is important, as well as provides many tips and resources related to making videos more accessible.
Develop the most important skills you need to create a video. Join Master Trainer, Rich Harrington, as he introduces you to the basics of editing with Adobe Premiere Pro. Topics include accessing your footage, creating a timeline, and editing techniques that will make your videos stand out.
Rapid Prototyping with WordPress Page Builders - WordCamp Asheville 2016 - an...Anthony D. Paul
There are many popular page builders out there—CornerStone, Beaver Builder, Site Origin’s “Page Builder,” Velocity Page, Themify, Divi, and more. Some are free. Others have multiple price tiers. This session won’t get into the ins and outs of which are best for production code, but I’ll demo a couple I’ve found helpful for quick turnaround projects.
In this talk, I’ll take a couple of my favorite page builders and show you why I like them, why I feel they’re good for your clients, and how to use them as a foundation for your own UI prototyping library.
Take aways:
• The benefits of using theme builders outside of the typical development process.
• How to get started and what to focus on.
• How to build a reusable toolkit to save time on future projects.
How to Develop Great Online Video Training Programs | Webinar 05.19.15BizLibrary
We know bite-sized video works to deliver highly effective, targeted learning content and resources to employees. We also know that with the right approach to delivery (mobile!), bite-sized video has the potential to live up to the long promised “anytime, anywhere” learning capability of online training.
The challenge many organizations are now confronting is how to develop customized content to deliver their unique subject matter expertise to employees and maybe even customers in an effective video format.
In this session, you will learn the art and science of developing customized online training videos. Adult learning theory, brain science and memory feedback loop are the foundational principles we’ve relied on for years - and they are still more important than ever! We’ll take these foundational principles and bring them into line with current technology and video capability to help us create, development and then deliver online training videos that work better than any type of online training that’s come before.
www.bizlibrary.com
Nebraska Trainer's Institute eLearning Presentaiotneaselsolutions
This presentation covered a few eLearning development tools as well as some mLearning Strategies. It was delivered during a ASTD Nebraska 2012 Trainer's Institute session.
Bringing Quality Design Systems to Life with Storybook & ApplitoolsApplitools
** Full webinar recording: https://youtu.be/R6WnEzlMHac **
Bringing design systems and component libraries to life can be a large, challenging process without the right tools. On top of that, maintaining a high level of quality throughout those systems brings its own challenge.
While there’s no shortage of ways to manually create a design system from scratch, doing so can be time consuming and can lead to technical debt when the system itself isn’t itself in a structure.
Storybook is a tool for developers that helps bring design systems and component libraries to life, providing structured tooling and a web dashboard. It gives those developers, and even designers, a way to focus on each individual component while being able to see the system from a higher perspective.
On top of that, Applitools is an automated Visual Testing solution that easily stacks right on top of Storybook with the Storybook Eyes SDK. With a single command, Applitools provides full test coverage for each component of your design system.
Join Developer Advocate, Colby Fayock, as he walks through:
How to take advantage of using Storybook to build scalable design systems
How Applitools makes automating the testing of those components easy
How to focus on building great experiences while automating quality checks with visual testing
4. Advantages
Effective way to get your message across without having to
write something else!
Put some personality in your work
Reach an audience that might not necessarily read your work
Get instant feedback on social networks etc.
Give your marker a treat!
5. Lectures/seminars
• Compare your presentation to a TV show
• Would you make it as entertaining/engaging as you can?
• Television quiz – why explain something when you can point it
it!