Reimagining User Experiences/User Interfaces
Download as PPTX, PDF0 likes47 views
The document discusses the importance of UI/UX in user interaction with digital products and proposes a workshop to address traffic congestion and air pollution through design solutions. It outlines methods for identifying causes of these issues and brainstorms potential solutions, encouraging hands-on participation in wireframing design proposals. Various design tools for UI/UX development are also highlighted as resources for creating user-centric applications.
Reimagining User Experiences/User Interfaces
- 2. REIMAGINING UI/UX Shehryar Khan Visual Communication Designer KP Information Technology Board @shehryarrkhann Ebtihaj Program Manager Code for Pakistan @ebtihajkhan
- 3. UI/UX: THE MISSING INGREDIENT
- 4. WHAT IS USER EXPERIENCE & USER INTERFACE ● The design element of the whole Application or Website or the software you use everyday. ● How you see and feel the product/ services Visually. ● User experience is how a person feels when they are interacting with your product or system. ● Useful -> Useable -> Beautiful Campaig n Website Software Social media Microsite Brand site Portals Mobile apps Games Platforms
- 6. THIS YEAR Let’s solve some of our own problems!
- 7. SKILL LEVEL?
- 8. HOW? We will share 2 areas of concern and you will create solutions.
- 9. PROBLEM AREAS Traffic CongestionAir Pollution
- 10. WHAT & HOW TO DO a. Identify the cause? For example Traffic: Too many vehicles Pollution: Urbanization b. What can we do to solve? Traffic: Improve public transport Pollution: Better town planning a. Grab a paper and something to scribble with? b. Identify the causes(5 minutes) c. What can be done to solve? (5minutes) c. Start scribbling(10 minutes)
- 11. WIREFRAMING
- 12. TELL US WHAT YOU HAVE SKETCHED
- 13. Proposed Design for Air Pollution User interface:User experience: a. Identify the cause? ● Too many vehicles ● On going constructions ● Industrial area near residential area b. What can we do to solve? ● Collecting data on the type of contaminations and identifying the source. ● Create heat mapping for high risk areas to avoid.
- 14. Proposed Design for Traffic User experience: a. Identify the cause? ● Too many vehicles ● Number of traffic wardens ● Traffic education ● Traffic violations b. What can we do to solve? ● Automated violation detection ● Educate the uneducated User interface:
- 15. Tools ● Sketch (macOS) for passing wireframes off to third-party apps. ● InVision Studio (macOs) for wireframing for multiple screen sizes. ● Figma (Web, macOS, Windows, Linux) for real-time collaboration. ● UXPin (Web, macOS, Windows) for handing off design documentation to developers. ● Balsamiq (macOS, Windows, Web) for beginners. ● Proto.io (Web) for user experience testing. ● Moqups.com Creation and collaborate on wireframes, mockups, diagrams & prototypes. ● Adobe.com Adobe XD and Adobe Illustrator for doing basic and advanced interface design
- 16. Thank you! We would be happy to answer any questions
Editor's Notes
- #5: Mobile apps Games Platforms
- #8: Draw a baby, innovation, door, house?
- #11: Traffic: Number of vehicles, lack of traffic education, unregularized vehicles on road, Quality of road infrastructure? Pollution: Lack of town planning, on going construction(urbanization), lack of plantation? Child Abuse: Lack of education, substance use disorder, poor parent-child relationships, lack of understanding about basic childhood development?