When Developer Must Become Designer - ATO2017Angel Banks
This talk will help developers learn the soft skills they need to acquire in order to be “one-person” UX team. As a developer with limited resources, experience, and time, how can you embrace your inner UX designer? What is UX and why should you care? Is there really ad difference between UX and UI? Which design tools should you use?
In this session I’ll provide you a UX checklist to take you from developer to designer/developer.
Google’s design evolution is contrary to flat design that is stripped of all stylistic choices such as gradients, textures and drop shadows. Google came up with a new design language called Material design to bring modern world's minimalist designs (Flat) and traditional skeuomorphism (Real) together to form layouts that are appealing, responsive and engaging at the same time.
How does Material Design work? What are its implications and how can it improve the design? This slide deck explains all.
Background icons: Flaticon
When Developer Must Become Designer - ATO2017Angel Banks
This talk will help developers learn the soft skills they need to acquire in order to be “one-person” UX team. As a developer with limited resources, experience, and time, how can you embrace your inner UX designer? What is UX and why should you care? Is there really ad difference between UX and UI? Which design tools should you use?
In this session I’ll provide you a UX checklist to take you from developer to designer/developer.
Google’s design evolution is contrary to flat design that is stripped of all stylistic choices such as gradients, textures and drop shadows. Google came up with a new design language called Material design to bring modern world's minimalist designs (Flat) and traditional skeuomorphism (Real) together to form layouts that are appealing, responsive and engaging at the same time.
How does Material Design work? What are its implications and how can it improve the design? This slide deck explains all.
Background icons: Flaticon
Slides from Jamaal Davis' July 17 2019 Tech4GoodPGH event.
https://www.meetup.com/Tech4goodPGH/events/262900231/comments/503084751/
This workshop will guide you through the iterative process of prototyping an app and conducting user research. You will start by making a low fidelity paper prototype, conducting research with users, and using that research to inform your next iteration. RSVP on their site at https://bit.ly/2RZsElB
Talk on Rapid Prototyping for Augmented Reality, given by Mark Billinghurst on April 5th 2016. Given to students at Stanford University's Augmented Reality class
Slides from Jamaal Davis' July 17 2019 Tech4GoodPGH event.
https://www.meetup.com/Tech4goodPGH/events/262900231/comments/503084751/
This workshop will guide you through the iterative process of prototyping an app and conducting user research. You will start by making a low fidelity paper prototype, conducting research with users, and using that research to inform your next iteration. RSVP on their site at https://bit.ly/2RZsElB
Talk on Rapid Prototyping for Augmented Reality, given by Mark Billinghurst on April 5th 2016. Given to students at Stanford University's Augmented Reality class
Some examples of apps and approaches for interaction design. These slides are related to e-IxD workshop, more information: http://ifi6079.wordpress.com/
Turn Concepts to Reality Using Prototyping and Feedback LoopsNick Floro
Too often we jump into our tools and start developing learning before we fully understand our audience, testing our ideas and working with just what we are told by a stakeholder. This can lead to dozens of changes or a poor reception to a new launch. Whether you are creating a new project, developing an app, or launching a new website, this session will help you find the latest strategies in brainstorming and prototyping. The speaker will highlight specific tools, techniques, and work flows to help you kick off any project the right way. Learn how to communicate a concept, beginning with low-fidelity prototypes; gather user feedback; and translate it into high-fidelity prototypes before you start development. You will learn which tools and techniques to apply to your prototype, including techniques for paper, web, and app prototyping, and how to utilize new web-based apps to accelerate your process. Bring your pens, crayons, markers, and paper to get your ideas out of your head and make them a reality!
Application on the Job:
- Discover how prototyping can improve results.
- Explore the latest mobile and desktop apps, including free and paid solutions.
- Sketch and build a prototype during the session.
- Utilize dozens of tools, trends, and tips on your next project.
Launching a Mobile App from Concept to LaunchNick Floro
This session presented at ATD Techknowledge 2016 will provide you with the foundation and resources to get started in mobile design. You'll learn best practices for designing for mobile learning, as well as what challenges you may face in platforms, frameworks, and technology, including smartphones versus tablets versus next-generation touch devices. In this session, the speakers will discuss and provide techniques for designing mobile apps that work—from sketching to prototyping. Learn about development tools and how to use HTML5 and CSS3 with responsive frameworks to create courses and apps that can be delivered to mobile and desktop devices.
Application on the Job:
Explore mobile design and how to create a great user experience.
Apply concepts with free resources and templates as soon as you get back to your office.
Discover the difference between HTML and native app development, and how to choose the right one for your project.
Use dozens of web resources to get started quickly.
TCEA 2016 creating a game design sequenceMike Ploor
Video Game Design for High School students using Texas TEKS and state approved courses. Scaffolding approach to game design including all elements of game development from concept, art, programming and deployment.
In this three hour workshop I present an introduction to the UCD process, an overview of the basic technologies of the web and a survey of current Mobile Web Design trends.
Mobile User Experience - Inductive Design ProcessJennifer Shurley
Presentation for Denver Titanium Users Meetup -- first revision based on questions and feedback at the meeting. Newly added: 1)links go great pattern resources 2)slide showing sketch, wireframe, mockup 3)side-by-side reference of Android and iOS design guidelines, 4)design go-to questions slide reflects Paul's comment about rich experiences. Next revision: concrete examples and images! Thanks for your thoughts, guys!
6. Prototype:
A scenario based simulation that allows a
person to experience chosen aspects of a
potential product
7. Paper Based Screen Based
Sketch or
wireframe
Clickable
wireframe
Paper prototype Interactive
prototype
8. Prototyping in App Context?
• There is no one true-way
• Paper first
• Screen first
• Mobile Apps are not complex beasts
• Code first
• Data first
• UX first
9. My preference
• Question: “What is the shape of the Data?”
• Interaction-flow from the data-flow
• Draw “flow” and “screens” on paper
10. Data: Tools
• Fiddler
• Visual Studio (obviously)
• Make a Data Model/Service Model [Portable]