This is a presentation I created for the web/mobile development bootcamp students of Lab12 (Spring 2017 Cohort).
It is an introduction to the fundamentals of user experience and interface design (UX/UI) for developers. This presentation also covers how to collaborate effectively with designers, as well as tips for building their project with a user-centered design mindset.
Special thanks to Roberta Voulon (Lab12), Ziad Saab (DecodeMTL) , Cassie L. Rheaume (Lighthouse Labs), Kevin Khoury (DecodeMTL), and David Rowley for your input.
Prototyping: what is it, why should you care, common mistakes, and how to choose the right tools.
Presented at IxDA Sydney Meetup: The Prototype Edition - 28 May 2015
In this course i present an overview of Axure and what you can do with it.
The most important, i try to point you in the right direction to become an expert by yourself.
In this presentation i cover the following subjects:
- Basic widgets for wireframing
- Prototyping: Events, Interactions and Conditionals
- Exporting for devices (mobile and desktop)
- Documentation and Notes
- Tips, a lot of them
- Connect Axure prototypes with third party services
This is a presentation I created for the web/mobile development bootcamp students of Lab12 (Spring 2017 Cohort).
It is an introduction to the fundamentals of user experience and interface design (UX/UI) for developers. This presentation also covers how to collaborate effectively with designers, as well as tips for building their project with a user-centered design mindset.
Special thanks to Roberta Voulon (Lab12), Ziad Saab (DecodeMTL) , Cassie L. Rheaume (Lighthouse Labs), Kevin Khoury (DecodeMTL), and David Rowley for your input.
Prototyping: what is it, why should you care, common mistakes, and how to choose the right tools.
Presented at IxDA Sydney Meetup: The Prototype Edition - 28 May 2015
In this course i present an overview of Axure and what you can do with it.
The most important, i try to point you in the right direction to become an expert by yourself.
In this presentation i cover the following subjects:
- Basic widgets for wireframing
- Prototyping: Events, Interactions and Conditionals
- Exporting for devices (mobile and desktop)
- Documentation and Notes
- Tips, a lot of them
- Connect Axure prototypes with third party services
UX, Front-end and Back-end: How front-end can help these guys?Diego Eis
How front-end can help UX and Back-end guys? How they interact? I tell a little about it in this slides, showing how the front-end can help the back-end and UX.
A good beginners overview of wireframes.
• Why wireframe?
• Types of wireframes
• Where do you start?
• Interactive wireframes/ Prototyping
• Tools
• Wireframe workshop
A case study showing how we replaced wirefaming with a framework led prototype to better deliver a responsive web design. by Ben Scammels, Designer at http://www.makemedia.com
Wireframing is practice UX designers use that allows them to define and map a hierarchy of information for their design for a website, app, or product. Discover how to get started with designing a wireframe for your website and how to wireframe your website from start to finish.
Slides from 2nd meeting of UI/UX User Group in Dominican Republic. These slides contain:
- UX in Layouts in the last 5 years
- Long Scrolling Site Basics
- Layout trends for 2014
- Wireframing 101
Prototyping is essential to designing memorable mobile user experiences, but can often be overlooked at the beginning of building a product. Learn the types of prototypes, tools, and best practices for mobile product design (including overview of mobile flow and UI best practices, patterns, and frameworks).
Presentation given to IXDA Singapore on 27 Feb 2014.
The presentation describes front-end pattern libraries and introduces Tapestry, a front-end pattern library manager (or app).
For our first meetup of the new year, we will examine User Experience (UX) and how it became an essential component of web and mobile design. We will discuss what UX truly means and give an intro to some UX methods, like usability testing, surveys, personas and page description diagrams. We will also share some design techniques to improve the UX of your site or app.
You're a pig, but they call you chicken: How to co-opt the Agile methodology ...Jonathan Abbett
Our frustrations as designers about Agile have tended to reinforce our position as outsiders. In reality, we're unusually well-suited to lead Agile software teams, because we're trained to address Agile's biggest blind spot: How do you create a VIABLE PRODUCT on a SCHEDULE and on a BUDGET?
Presented at UX Boston Conference #2 on November 17, 2014
http://www.meetup.com/uxboston/events/192315552/
How do we bake user experience into the Agile process? We'll focus on three areas:
1. OWN THE PRODUCT BACKLOG
2. REDEFINE THE DEFINITION OF DONE
3. GET SKIN IN THE GAME
UX, Front-end and Back-end: How front-end can help these guys?Diego Eis
How front-end can help UX and Back-end guys? How they interact? I tell a little about it in this slides, showing how the front-end can help the back-end and UX.
A good beginners overview of wireframes.
• Why wireframe?
• Types of wireframes
• Where do you start?
• Interactive wireframes/ Prototyping
• Tools
• Wireframe workshop
A case study showing how we replaced wirefaming with a framework led prototype to better deliver a responsive web design. by Ben Scammels, Designer at http://www.makemedia.com
Wireframing is practice UX designers use that allows them to define and map a hierarchy of information for their design for a website, app, or product. Discover how to get started with designing a wireframe for your website and how to wireframe your website from start to finish.
Slides from 2nd meeting of UI/UX User Group in Dominican Republic. These slides contain:
- UX in Layouts in the last 5 years
- Long Scrolling Site Basics
- Layout trends for 2014
- Wireframing 101
Prototyping is essential to designing memorable mobile user experiences, but can often be overlooked at the beginning of building a product. Learn the types of prototypes, tools, and best practices for mobile product design (including overview of mobile flow and UI best practices, patterns, and frameworks).
Presentation given to IXDA Singapore on 27 Feb 2014.
The presentation describes front-end pattern libraries and introduces Tapestry, a front-end pattern library manager (or app).
For our first meetup of the new year, we will examine User Experience (UX) and how it became an essential component of web and mobile design. We will discuss what UX truly means and give an intro to some UX methods, like usability testing, surveys, personas and page description diagrams. We will also share some design techniques to improve the UX of your site or app.
You're a pig, but they call you chicken: How to co-opt the Agile methodology ...Jonathan Abbett
Our frustrations as designers about Agile have tended to reinforce our position as outsiders. In reality, we're unusually well-suited to lead Agile software teams, because we're trained to address Agile's biggest blind spot: How do you create a VIABLE PRODUCT on a SCHEDULE and on a BUDGET?
Presented at UX Boston Conference #2 on November 17, 2014
http://www.meetup.com/uxboston/events/192315552/
How do we bake user experience into the Agile process? We'll focus on three areas:
1. OWN THE PRODUCT BACKLOG
2. REDEFINE THE DEFINITION OF DONE
3. GET SKIN IN THE GAME
High Scalability by Example – How can Web-Architecture scale like Facebook, T...Robert Mederer
Skalierbarkeit bedeutet hohes Aufkommen von Traffic, Daten, Userbase, IO, Parallelverarbeitung und Concurrency, aber wie funktioniert dies bei den bekannten Web 2.0 Plattformen. Wie wird skaliert – horizontal oder vertikal, im Client-Layer, Service-Layer oder im Backend-Layer? Welche Rolle spielt Caching, NoSQL, Clustering und MapReduce bei der Skalierbarkeit? Wie wirkt sich die Skalierbarkeit in Sachen Konsistenz vs. Verfügbarkeit vs. Network Toleranz aus? Der Vortrag geht vergleichend auf verschiedene Konzepte von Skalierbarkeit ein und erläutert anhand von Beispielen wie mit pragmatischen Mitteln eine skalierbare Architektur erreicht werden kann.
Have an upcoming technical interview for a junior front-end developer position at a company that uses AngularJS? Here are 29 AngularJS interview questions for you to practice with!
The Node.js movement has transformed the landscape of UI development. In this session we'll look at how Node.js can be leveraged on multiple layers of the web application development lifecycle. Attendees will learn how incorporating Node.js into your front-end build process can optimize code, allow you to use use new and upcoming JavaScript features in your code today, and to improve your asset delivery pipeline. This session will also cover how Node is changing the template rendering landscape, allowing developers to write "isomorphic" code that runs on the client and server. Lastly we'll look into using Node to achieve developer zen by keeping the codebase clean and limiting the risk of changes to the code causing unknown errors.
User Experience Design + Agile: The Good, The Bad, and the UglyJoshua Randall
There's a rumor going around that user experience design (UXD) and Agile don't play well together. In this talk, I'll explain that they do -- most of the time! Learn about the historical reasons for why these two disciplines sometimes butt heads, as well as the good/bad/ugly of various approaches to integrating design and development.
How Open Source / Open Technology Could Help On Your ProjectWan Leung Wong
ITFest 2014, Seminar on Free & OSS in HK
How Open Source / Open Technology Could Help On Your Project?
A talk brief to talk about how to use open source or open technology to help on start a new project. How to choose technology, and what should people to concern on.
What makes websites a strong channel for the company? Is it the visuals or what it does for its customers? As success is increasingly fought at the experience level, can design help you build websites that people truly value? And if so, how?
This presentation is about good design discovery by way of effective User Experience research. It's a set of methods you can mix and match to truly understand who you're designing for, according to what the medium is and what your business needs.
If you've ever wondered how to conduct good UX research or what's going on in that designer's mind (again), look no further.
Presented at DrupalNorth Regional Summit (August 2018)
My Agile 2013 session 'Rapid Product Design in the Wild'. In August 2012 Red Gate attended Kscope, a conference for Oracle developers. Instead of doing the usual product demonstrations, we turned our stand into a live lab and took Agile development processes out of the office and in front of our customers. Our stand included an area for customer research, a Kanban board and information radiators in the form of a whiteboard, blank wall and a large digital screen. Over 3 days we ran 9 sprints and conducted 25 customer interviews, using a paper prototype to get feedback. We collected invaluable information about our customers' development environments, how they work with their teams, their processes, tasks and pain points. By the end of the conference my colleague had developed an interactive HTML/CSS prototype which potential customers could evaluate. The team went through several rapid build-measure-learn cycles to improve our product concept and validate the market need.
This presentation explains the process we used and introduces the Live Design Lab Planner, a tool which helps teams to plan this type of rapid product design activity.
Much of the thought around Lean UX focuses on design groups within product organizations (startups and enterprises). What happens when you try to use Lean design methodologies inside of an agency.
This presentation was given at the Lean UX Meetup in San Francisco on May 30, 2012.
These are the slides I've prepared for presenting at CampSmalltalkVI2014 flow, a full-stack smalltalk framework for doing Single Page Applications.
tl;dr: it's Smalltalk for startups.
In a nutshell: flow is Amber frontend, Pharo backend and Mapless for networking objects in JSON and uncomplicated MongoDB persistence.
MIT license
Systems Monitoring with Prometheus (Devops Ireland April 2015)Brian Brazil
Monitoring means many things to many people. This talk looks at Systems Monitoring, that is how to keep an eye on a given system and use this as part of overall management of a system. This talk will cover Why one monitors, What to monitor, How to monitor, the general design of a monitoring system and how Prometheus is a good fit for this in terms of instrumentation, consoles, alerts, general system health and sanity.
Prometheus is a next-generation monitoring system publicly announced earlier this year, developed by companies including SoundCloud, locals Boxever and Docker. Since launch there has been wide-spread interest, and many community contributions.
For more information see http://prometheus.io or http://www.boxever.com/tag/monitoring
How to create new processes to sustain a design system
How to evolve the way companies build and ship products
How to decide on a governance model for design systems
Prototyping is a great way of developing, communicating and validating design ideas and requirements in a quick and cost-effective manner, when devising a user experience.
This presentation discusses what prototypes are, why they are useful, the various tools that can be used and some basic principles to adopt.
This presentation was delivered by Stephen Denning as part of the User Vision Breakfast Briefing series in 2012.
Dive into the innovative world of smart garages with our insightful presentation, "Exploring the Future of Smart Garages." This comprehensive guide covers the latest advancements in garage technology, including automated systems, smart security features, energy efficiency solutions, and seamless integration with smart home ecosystems. Learn how these technologies are transforming traditional garages into high-tech, efficient spaces that enhance convenience, safety, and sustainability.
Ideal for homeowners, tech enthusiasts, and industry professionals, this presentation provides valuable insights into the trends, benefits, and future developments in smart garage technology. Stay ahead of the curve with our expert analysis and practical tips on implementing smart garage solutions.
Can AI do good? at 'offtheCanvas' India HCI preludeAlan Dix
Invited talk at 'offtheCanvas' IndiaHCI prelude, 29th June 2024.
https://www.alandix.com/academic/talks/offtheCanvas-IndiaHCI2024/
The world is being changed fundamentally by AI and we are constantly faced with newspaper headlines about its harmful effects. However, there is also the potential to both ameliorate theses harms and use the new abilities of AI to transform society for the good. Can you make the difference?
Top 5 Indian Style Modular Kitchen DesignsFinzo Kitchens
Get the perfect modular kitchen in Gurgaon at Finzo! We offer high-quality, custom-designed kitchens at the best prices. Wardrobes and home & office furniture are also available. Free consultation! Best Quality Luxury Modular kitchen in Gurgaon available at best price. All types of Modular Kitchens are available U Shaped Modular kitchens, L Shaped Modular Kitchen, G Shaped Modular Kitchens, Inline Modular Kitchens and Italian Modular Kitchen.
White wonder, Work developed by Eva TschoppMansi Shah
White Wonder by Eva Tschopp
A tale about our culture around the use of fertilizers and pesticides visiting small farms around Ahmedabad in Matar and Shilaj.
Hello everyone! I am thrilled to present my latest portfolio on LinkedIn, marking the culmination of my architectural journey thus far. Over the span of five years, I've been fortunate to acquire a wealth of knowledge under the guidance of esteemed professors and industry mentors. From rigorous academic pursuits to practical engagements, each experience has contributed to my growth and refinement as an architecture student. This portfolio not only showcases my projects but also underscores my attention to detail and to innovative architecture as a profession.
1. Modern UX, UI & Front-end tools
Making sense of what's around us to improve our design,
development, and collaborative efforts.
Alan%Roy,%UXD%&%Front1end%development
Twi$er:(@alanontheweb
2. A better tool doesn’t make a better
craftsman, but a good tool makes
working a pleasure.
—"Oliver"Reichenstein
3. Tackling)analysis)paralysis
When we have a tried and true process that we're comfortable with,
it can be daunting to invest time in something new without
understanding its payoff.
Burnout can also happen in a rapidly changing industry like ours. So
what can we do to mitigate all that noise?
Rather than trying to know everything, it's more important to
identify the right things to pursue. The rest is simply becoming
better at what we already know how to do.
4. Not to mention, the more efficient you are at
your work, the more time you will have to
develop yourself in other areas of your life.
5. In the beginner’s mind, there are
many possibilities. But in the
expert’s, there are few.
—"Zen"Master"Shunryo"Suzuki
6. Process
• Always start by researching your field.
• Pick a new process for something you're already comfortable
with.
• if#you#design#in#Photoshop,#try#designing#with#Sketch#or#in#the#
browser.#If#you're#an#expert#with#CSS,#try#picking#up#Sass,#etc.
• commit to learning the ins and outs of that process.
• Align these efforts towards your next project (very important!)
• Evaluate results past the initial learning curve.