Aspects of good design
•
0 likes•1,045 views
This is a presentation that I used in my course <a>Presenting Content</a> at the <a>University of Marburg</a>, Germany. The comments on the screenshots as well as the judgements are those of the course participants and not my own.
Report
Share
Report
Share
Download to read offline
Recommended
Survival skills for designers
- The document provides tips and advice for designers on various topics like getting started in the field, staying hungry to learn, and best practices for work.
- It discusses resume dos and don'ts, finding the right job, interview skills, presenting work, following leaders in the industry, and maintaining work-life balance.
- Examples are given of conceptualizing work for different clients, knowing the client and content well before starting, and effectively presenting design concepts and solutions to clients.
Devs vs Designers: getting onto the same page
Do you feel as if a focus on visual design has hijacked your software? Are you frustrated that no one understands your technical concerns?
This talk is for developers who find themselves at odds with designers or executives over the visual design of their software. Learn how to better communicate your needs!
It's Not You It's Us: How design reviews can make you better at visual design
TCUK 2012 presentation by Matt Pierce. This presentation is about how you can use design reviews to get better design. It lays out several ground rules, and then covers a few basics of design (CRAP).
It is worth noting that with this presentation we did several exercises that involved participants practicing giving feedback.
1 Pixel to the Left: Why Visual Design Details Matter
Although we have all heard someone passionately declare, “UX is not UI,” visual design is a fundamental part of the user experience. Good design is in the details. It builds trust. It creates hierarchy of information. It makes buttons look clickable. It has the power to transform a functional experience into a delightful experience.
So how we can ensure that the visual details we design are brought to life as intended? Can moving an object 1 pixel to the left really make a difference? In an attempt to find a common language between designers and developers, we will discuss what details are worth fighting for versus when to let go.
Cocoaheads app-in-4-weeks
The document discusses the development of an app called "Meetups" over 4 weeks. It describes building the initial MVP with check-in, review, and search features. Further development included adding passcode lock, search functionality using SQLite, collecting beta feedback, and designing branding and a website at meet.io to promote the app. While the experience of building and releasing the app was educational, getting users and traction proved difficult. The document reflects on the challenges of designing, building, and marketing an app successfully.
Building Products that Build Your Brand
The document discusses how products can help build a brand through the experiences they provide to customers. It notes that brands aim to make both rational and emotional promises to customers. While marketing communicates the brand promise, product development must fulfill that promise through thoughtful interaction, information, visual, and copy design choices that promote values like agility, community, and playfulness. The document suggests using techniques like comparing a product to a type of car or human family role to evaluate if it truly fits the target brand experience.
The Importance of Design in Enterprise Software
Talk from the 2016 UX + Dev Summit. Topics: Inclusive design, user research, understanding complexity and design systems.
Five Dangerous Ideas For Designers
There are truths about how the world works that creatives don’t like to talk about. We get angry and frustrated when we’re not granted the power we think we deserve, but there are often good reasons the world works ‘against us.’ This talk takes these ideas head on, from how power truly works, to our unavoidable dependence on salesmanship skills, so we can convert them from frustrations into practical behaviors for empowerment and achieving our dreams at work.
Recommended
Survival skills for designers
- The document provides tips and advice for designers on various topics like getting started in the field, staying hungry to learn, and best practices for work.
- It discusses resume dos and don'ts, finding the right job, interview skills, presenting work, following leaders in the industry, and maintaining work-life balance.
- Examples are given of conceptualizing work for different clients, knowing the client and content well before starting, and effectively presenting design concepts and solutions to clients.
Devs vs Designers: getting onto the same page
Do you feel as if a focus on visual design has hijacked your software? Are you frustrated that no one understands your technical concerns?
This talk is for developers who find themselves at odds with designers or executives over the visual design of their software. Learn how to better communicate your needs!
It's Not You It's Us: How design reviews can make you better at visual design
TCUK 2012 presentation by Matt Pierce. This presentation is about how you can use design reviews to get better design. It lays out several ground rules, and then covers a few basics of design (CRAP).
It is worth noting that with this presentation we did several exercises that involved participants practicing giving feedback.
1 Pixel to the Left: Why Visual Design Details Matter
Although we have all heard someone passionately declare, “UX is not UI,” visual design is a fundamental part of the user experience. Good design is in the details. It builds trust. It creates hierarchy of information. It makes buttons look clickable. It has the power to transform a functional experience into a delightful experience.
So how we can ensure that the visual details we design are brought to life as intended? Can moving an object 1 pixel to the left really make a difference? In an attempt to find a common language between designers and developers, we will discuss what details are worth fighting for versus when to let go.
Cocoaheads app-in-4-weeks
The document discusses the development of an app called "Meetups" over 4 weeks. It describes building the initial MVP with check-in, review, and search features. Further development included adding passcode lock, search functionality using SQLite, collecting beta feedback, and designing branding and a website at meet.io to promote the app. While the experience of building and releasing the app was educational, getting users and traction proved difficult. The document reflects on the challenges of designing, building, and marketing an app successfully.
Building Products that Build Your Brand
The document discusses how products can help build a brand through the experiences they provide to customers. It notes that brands aim to make both rational and emotional promises to customers. While marketing communicates the brand promise, product development must fulfill that promise through thoughtful interaction, information, visual, and copy design choices that promote values like agility, community, and playfulness. The document suggests using techniques like comparing a product to a type of car or human family role to evaluate if it truly fits the target brand experience.
The Importance of Design in Enterprise Software
Talk from the 2016 UX + Dev Summit. Topics: Inclusive design, user research, understanding complexity and design systems.
Five Dangerous Ideas For Designers
There are truths about how the world works that creatives don’t like to talk about. We get angry and frustrated when we’re not granted the power we think we deserve, but there are often good reasons the world works ‘against us.’ This talk takes these ideas head on, from how power truly works, to our unavoidable dependence on salesmanship skills, so we can convert them from frustrations into practical behaviors for empowerment and achieving our dreams at work.
Stop comping
Throughout my career, I have spent time as designer, developer, tech lead and project manager. No matter what hat I have worn at the time there was always one source of contention ... the design comps. I’ve watched as talented designers waste a shitload of time creating fully fleshed-out comps of what a website could look like, pushing pixels until their vision is realized. Pages are printed out (wtf, it's the web) and displayed on walls or boardroom tables so the clients can bleed red criticism. Then designers act on it and they repeat this dance until everyone is content (or until nobody gives a damn anymore, which happens more often than you’d think). Only then do those pristine comps get handed (more like shoved) over to developers to figure out. Again I say, wtf?
This is an increasingly-pathetic process that makes less and less sense in our build-for-x-device age, if it ever did at all. While I will not make a case for ditching Photoshop altogether nor will I make a case for designing solely in the browser (ever try that? hell no!) I will make a case that there is a better way to get the design approved and into production without pissing everyone off.
The solution? (or one we think would work) A process that uses a combination of wire framing tools and mood boards (a.k.a style guides). Let’s get the point across without being locked down like Fort Knox to the pixel perfection that clients expect when they see a PSD comp!
Design Essentials for Developers
To help designers communicate more effectively with each other and provide a vocabulary for clear and productive UX feedback.
Design Essentials for Developers 08.31.11
The document discusses essential design principles for developers to improve understanding, communication and collaboration with designers. It covers design research, interaction design and graphic design. The presentation emphasizes making intent visible through ensuring interactive elements are visible, recognizable, have feedback, and are safe and consistent. It encourages developers to validate their ideas through quick user interviews, and to appreciate good design while avoiding some common mistakes.
Putting Design Back into Instructional Design
The document discusses putting design back into instructional design. It defines design as a rational, logical process intended to solve problems and create plans. Good design should have purpose and make people feel human. Instructional design processes like ADDIE are discussed, as well as design thinking approaches. The document argues that instructional design is missing design qualities like empathy, experimentation, intuition and emotion. It provides tips for better elearning design such as understanding the problem, considering systems, observing not assuming, making designs touchable and intuitive, and focusing on people.
Prophets trends-in-interactive-design
The document discusses emerging interactive design trends in 2012. It identifies content as increasingly important, with users prioritized over devices. Responsive design and custom fonts are becoming mainstream, while Flash declines. CSS animation is replacing Flash, and parallax, scrolling effects are common. Apps are inspiring web design, focusing on useful and attractive experiences. Bookmarking is getting more visual through sites like Pinterest. Technological progress includes HTML5 video, WebGL experiments, and responsive design adapted for different devices. The future involves embracing unpredictability, rethinking workflows, following intuition, and focusing on the user experience.
Atomic design, a problem of expectations
The document discusses the need for a new design process called "atomic design" in the post-PSD era. It outlines some of the problems with the traditional pixel-perfect PSD workflow and presents atomic design as an alternative. Atomic design involves designing systems rather than pages by breaking interfaces down into reusable atomic elements like atoms, molecules and organisms. This allows for faster, more collaborative and responsive design processes.
“The Five Meetings You Meet in Web Design” by Kevin Hoffman (Now What? Confer...
This document provides suggestions for improving meetings through better design. It discusses 5 types of meetings: beginnings (getting started), presentations (telling the user's story), middles (keeping people moving forward), explorations (helping people find their way), and endings (finding closure and learning). For each type, it offers recommendations like using visual tools, lean coffee approaches, and treating meetings as design problems to be solved. The goal is to manage assumptions, visualize ideas, and actively design meetings to better facilitate collaboration and outcomes.
Design for developers (april 25, 2017)
This document provides an overview of a design for developers workshop. It introduces common design tools like Sketch, InVision and Balsamiq. It discusses principles of typography like choosing the right font for the occasion. Color theory is also briefly covered. The main activity is a project to design and build an "About Me" webpage using HTML and CSS. Participants first wireframe and sketch the page layout, select fonts and colors, then build the page content using basic HTML tags and attributes. Finally, an introduction to CSS is provided to style the page elements.
Jennifer Robbins: ARTIFACT Conference Keynote
This presentation was given as the opening keynote at the inaugural ARTIFACT conference in Austin, TX, May 13, 2013.
Design in Browser
Design in browser refers to designing websites using only a text editor and browser rather than design tools like Photoshop. It allows for quickly building interactive prototypes and production-ready code in an agile development environment. Some benefits include faster shipping, lower costs, easier collaboration, and natural support for responsive design. Challenges include needing equal design and coding skills and treating the process as iterative rather than finished. Overall, design in browser can boost productivity and quality for many projects.
The Art of Web Design, 101
A design talk geared towards designers who are new to the world of web design. I’ll cover items such as: how web design is unique from other kinds of design (such as print), how to leverage research and analytics to create data informed designs, steps to become a proficient web designer and how to choose and work with developers. If there are folks in the room using Illustrator or PSD, I'll show you how to set up Illustrator files for web design and prep files for a developer.
15 Ways To Improve Your Website's Conversion Rate
These days, everybody and their uncle has a website (which is a good thing, since it took forever for some businesses to come around on the whole digital thing).
But the problems with websites are far from over;just because everybody has one, doesn't mean they have a good one. Like the poor content pandemic, bad websites have taken the Internet by storm.
In this eBook we'll let you in on 15 key ways to improve your site, which in turn, will deliver improved conversion. I'd love to get your feedback or for my fellow developers, any other items you think should be added to this list.
or visit: http://www.thinkwsi.com/contact-us
Prophets trends in Interactive Design 2012
Prophets presents the 2012 trends in interactive design on http://www.prophets.be/DesignTrends
Our vision of where interactive design is going in the near future and how to respond to it. An inspiring presentation filled with real life examples of top-advertisers with a vision.
More info on www.prophets.be/DesignTrends
The prestige of being a web developer (no notes)
Closing keynote of the Fronteers conference in Amsterdam. Blog notes are available at http://www.wait-till-i.com/2011/10/07/the-prestige-of-being-a-web-developer-fronteers-11
Usability presentation - web
The document contains quotes and citations from various authors on topics related to design such as communication, problem solving, aesthetics, simplicity, and usability. It discusses how aesthetically pleasing designs can improve productivity and creativity. It also emphasizes that design is about solving problems and that simplicity through removing unnecessary features can lead to innovation. Well-designed products and systems should have intuitive functions and be easy to understand. Usability testing, even with one user, is important for improving websites.
Notes on the Rhetorical Nature of Web Design
Notes for a presentation I delivered at the August 2011 Digital Composition Workshop, on the subject of web site design.
Design Basics for Nashville Software School (full pres)
The Nashville Software School offers an intensive 6-month bootcamp program to train novice programmers. The agenda for the design basics course includes group exercises on user research, personas, prototyping, and pitching ideas to improve the Nashville B-Cycle bike sharing program. The document provides guidance on good design principles like being user-oriented, intuitive and long-lasting. It also lists resources for design including books, websites and free tools.
A Presentation on UI/UX and Design
This document provides an overview of UI/UX design principles. It begins with introducing the presenter and defining key design terms. It then covers principles like balance, contrast, emphasis and focus. It discusses the difference between user interface (UI) and user experience (UX), and covers key aspects of UI like visual design, layout, typography and color. Key components of UX design discussed include user research, information architecture, interaction design, usability and user testing. Popular design tools like Figma, Adobe XD, Illustrator, Canva, InVision, Axure RP and Proto.io are also briefly introduced.
Design Essentials for Executives
It’s important for business executives to understand a few design basics to communicate effectively with the designers. This session goes in-depth on which design techniques and principles ought to be part of every executive’s vernacular. It covers the basics of both high level interaction design and lower-level visual design in a way that maximizes energy and time in the approval process. Presented at Web 2.0 Expo, October 2011, by Anthony Franco, President of EffectiveUI, and Michael Salamon, Lead Experience Architect at EffectiveUI.
Design essentials For Executives
You’ve embarked upon a user experience project – updating your website or creating a Web or mobile app. You know there will be an element of visual and experience design, but do you understand the basics behind why your designers are making the decisions and recommendations they make?
It’s important to understand some design basics in order to communicate effectively with the designers on your team. While many of us have an intuitive feel for what works and what doesn’t, developing a vocabulary to describe your issues and feedback and understanding the techniques required to validate your hunches are important skills in order to ensure the success of your project.
This session goes in-depth on which design techniques and principles ought to be part of every executive’s vernacular. By the end of the session attendees will understand the basics of both high level interaction design and lower-level visual design in a way that maximizes energy and time in the approval process, including:
• Basic design principles to help executives understand a design’s intent. This includes a basic understanding of layout, color theory and typography. • Design vocabulary, heuristics and analysis techniques • The difference between information architecture and interaction design, and how both have a critical yet often unseen influence on the development of the end project • Why incorporating user research is critical to good design
E-Learning in der wissenschaftlichen Weiterbildung
Vortragsfolien für den Kurs "E-Learning in der Weiterbildung" von Anika Denninger im SoSe 2016 an der JLU Gießen
Eine Reihe der Folien wurden von meinem Kollegen Heiko Müller von der THM entwickelt.
More Related Content
Similar to Aspects of good design
Stop comping
Throughout my career, I have spent time as designer, developer, tech lead and project manager. No matter what hat I have worn at the time there was always one source of contention ... the design comps. I’ve watched as talented designers waste a shitload of time creating fully fleshed-out comps of what a website could look like, pushing pixels until their vision is realized. Pages are printed out (wtf, it's the web) and displayed on walls or boardroom tables so the clients can bleed red criticism. Then designers act on it and they repeat this dance until everyone is content (or until nobody gives a damn anymore, which happens more often than you’d think). Only then do those pristine comps get handed (more like shoved) over to developers to figure out. Again I say, wtf?
This is an increasingly-pathetic process that makes less and less sense in our build-for-x-device age, if it ever did at all. While I will not make a case for ditching Photoshop altogether nor will I make a case for designing solely in the browser (ever try that? hell no!) I will make a case that there is a better way to get the design approved and into production without pissing everyone off.
The solution? (or one we think would work) A process that uses a combination of wire framing tools and mood boards (a.k.a style guides). Let’s get the point across without being locked down like Fort Knox to the pixel perfection that clients expect when they see a PSD comp!
Design Essentials for Developers
To help designers communicate more effectively with each other and provide a vocabulary for clear and productive UX feedback.
Design Essentials for Developers 08.31.11
The document discusses essential design principles for developers to improve understanding, communication and collaboration with designers. It covers design research, interaction design and graphic design. The presentation emphasizes making intent visible through ensuring interactive elements are visible, recognizable, have feedback, and are safe and consistent. It encourages developers to validate their ideas through quick user interviews, and to appreciate good design while avoiding some common mistakes.
Putting Design Back into Instructional Design
The document discusses putting design back into instructional design. It defines design as a rational, logical process intended to solve problems and create plans. Good design should have purpose and make people feel human. Instructional design processes like ADDIE are discussed, as well as design thinking approaches. The document argues that instructional design is missing design qualities like empathy, experimentation, intuition and emotion. It provides tips for better elearning design such as understanding the problem, considering systems, observing not assuming, making designs touchable and intuitive, and focusing on people.
Prophets trends-in-interactive-design
The document discusses emerging interactive design trends in 2012. It identifies content as increasingly important, with users prioritized over devices. Responsive design and custom fonts are becoming mainstream, while Flash declines. CSS animation is replacing Flash, and parallax, scrolling effects are common. Apps are inspiring web design, focusing on useful and attractive experiences. Bookmarking is getting more visual through sites like Pinterest. Technological progress includes HTML5 video, WebGL experiments, and responsive design adapted for different devices. The future involves embracing unpredictability, rethinking workflows, following intuition, and focusing on the user experience.
Atomic design, a problem of expectations
The document discusses the need for a new design process called "atomic design" in the post-PSD era. It outlines some of the problems with the traditional pixel-perfect PSD workflow and presents atomic design as an alternative. Atomic design involves designing systems rather than pages by breaking interfaces down into reusable atomic elements like atoms, molecules and organisms. This allows for faster, more collaborative and responsive design processes.
“The Five Meetings You Meet in Web Design” by Kevin Hoffman (Now What? Confer...
This document provides suggestions for improving meetings through better design. It discusses 5 types of meetings: beginnings (getting started), presentations (telling the user's story), middles (keeping people moving forward), explorations (helping people find their way), and endings (finding closure and learning). For each type, it offers recommendations like using visual tools, lean coffee approaches, and treating meetings as design problems to be solved. The goal is to manage assumptions, visualize ideas, and actively design meetings to better facilitate collaboration and outcomes.
Design for developers (april 25, 2017)
This document provides an overview of a design for developers workshop. It introduces common design tools like Sketch, InVision and Balsamiq. It discusses principles of typography like choosing the right font for the occasion. Color theory is also briefly covered. The main activity is a project to design and build an "About Me" webpage using HTML and CSS. Participants first wireframe and sketch the page layout, select fonts and colors, then build the page content using basic HTML tags and attributes. Finally, an introduction to CSS is provided to style the page elements.
Jennifer Robbins: ARTIFACT Conference Keynote
This presentation was given as the opening keynote at the inaugural ARTIFACT conference in Austin, TX, May 13, 2013.
Design in Browser
Design in browser refers to designing websites using only a text editor and browser rather than design tools like Photoshop. It allows for quickly building interactive prototypes and production-ready code in an agile development environment. Some benefits include faster shipping, lower costs, easier collaboration, and natural support for responsive design. Challenges include needing equal design and coding skills and treating the process as iterative rather than finished. Overall, design in browser can boost productivity and quality for many projects.
The Art of Web Design, 101
A design talk geared towards designers who are new to the world of web design. I’ll cover items such as: how web design is unique from other kinds of design (such as print), how to leverage research and analytics to create data informed designs, steps to become a proficient web designer and how to choose and work with developers. If there are folks in the room using Illustrator or PSD, I'll show you how to set up Illustrator files for web design and prep files for a developer.
15 Ways To Improve Your Website's Conversion Rate
These days, everybody and their uncle has a website (which is a good thing, since it took forever for some businesses to come around on the whole digital thing).
But the problems with websites are far from over;just because everybody has one, doesn't mean they have a good one. Like the poor content pandemic, bad websites have taken the Internet by storm.
In this eBook we'll let you in on 15 key ways to improve your site, which in turn, will deliver improved conversion. I'd love to get your feedback or for my fellow developers, any other items you think should be added to this list.
or visit: http://www.thinkwsi.com/contact-us
Prophets trends in Interactive Design 2012
Prophets presents the 2012 trends in interactive design on http://www.prophets.be/DesignTrends
Our vision of where interactive design is going in the near future and how to respond to it. An inspiring presentation filled with real life examples of top-advertisers with a vision.
More info on www.prophets.be/DesignTrends
The prestige of being a web developer (no notes)
Closing keynote of the Fronteers conference in Amsterdam. Blog notes are available at http://www.wait-till-i.com/2011/10/07/the-prestige-of-being-a-web-developer-fronteers-11
Usability presentation - web
The document contains quotes and citations from various authors on topics related to design such as communication, problem solving, aesthetics, simplicity, and usability. It discusses how aesthetically pleasing designs can improve productivity and creativity. It also emphasizes that design is about solving problems and that simplicity through removing unnecessary features can lead to innovation. Well-designed products and systems should have intuitive functions and be easy to understand. Usability testing, even with one user, is important for improving websites.
Notes on the Rhetorical Nature of Web Design
Notes for a presentation I delivered at the August 2011 Digital Composition Workshop, on the subject of web site design.
Design Basics for Nashville Software School (full pres)
The Nashville Software School offers an intensive 6-month bootcamp program to train novice programmers. The agenda for the design basics course includes group exercises on user research, personas, prototyping, and pitching ideas to improve the Nashville B-Cycle bike sharing program. The document provides guidance on good design principles like being user-oriented, intuitive and long-lasting. It also lists resources for design including books, websites and free tools.
A Presentation on UI/UX and Design
This document provides an overview of UI/UX design principles. It begins with introducing the presenter and defining key design terms. It then covers principles like balance, contrast, emphasis and focus. It discusses the difference between user interface (UI) and user experience (UX), and covers key aspects of UI like visual design, layout, typography and color. Key components of UX design discussed include user research, information architecture, interaction design, usability and user testing. Popular design tools like Figma, Adobe XD, Illustrator, Canva, InVision, Axure RP and Proto.io are also briefly introduced.
Design Essentials for Executives
It’s important for business executives to understand a few design basics to communicate effectively with the designers. This session goes in-depth on which design techniques and principles ought to be part of every executive’s vernacular. It covers the basics of both high level interaction design and lower-level visual design in a way that maximizes energy and time in the approval process. Presented at Web 2.0 Expo, October 2011, by Anthony Franco, President of EffectiveUI, and Michael Salamon, Lead Experience Architect at EffectiveUI.
Design essentials For Executives
You’ve embarked upon a user experience project – updating your website or creating a Web or mobile app. You know there will be an element of visual and experience design, but do you understand the basics behind why your designers are making the decisions and recommendations they make?
It’s important to understand some design basics in order to communicate effectively with the designers on your team. While many of us have an intuitive feel for what works and what doesn’t, developing a vocabulary to describe your issues and feedback and understanding the techniques required to validate your hunches are important skills in order to ensure the success of your project.
This session goes in-depth on which design techniques and principles ought to be part of every executive’s vernacular. By the end of the session attendees will understand the basics of both high level interaction design and lower-level visual design in a way that maximizes energy and time in the approval process, including:
• Basic design principles to help executives understand a design’s intent. This includes a basic understanding of layout, color theory and typography. • Design vocabulary, heuristics and analysis techniques • The difference between information architecture and interaction design, and how both have a critical yet often unseen influence on the development of the end project • Why incorporating user research is critical to good design
Similar to Aspects of good design (20)
“The Five Meetings You Meet in Web Design” by Kevin Hoffman (Now What? Confer...
“The Five Meetings You Meet in Web Design” by Kevin Hoffman (Now What? Confer...
Design Basics for Nashville Software School (full pres)
Design Basics for Nashville Software School (full pres)
More from Alexander Sperl
E-Learning in der wissenschaftlichen Weiterbildung
Vortragsfolien für den Kurs "E-Learning in der Weiterbildung" von Anika Denninger im SoSe 2016 an der JLU Gießen
Eine Reihe der Folien wurden von meinem Kollegen Heiko Müller von der THM entwickelt.
Das ICM als Modell für die praxisnahe Ausbildung im Lehramt
An der Philipps-Universität Marburg wird im Lehramtsstudium Englisch ein Modul zu den Neuen Medien im Unterricht angeboten. Darin nutzt eine Übung zur Medienproduktion die Vorteile des Inverted Classroom Models, um die praktische Arbeit der Gestaltung von multimedialen Unterrichtsmaterialien mit vorgeschalteten theoretischen Online-Lerneinheiten zu fundieren. Der Vortrag beschreibt die Kursstruktur und gibt einen Bericht, welche Erfahrungen mit dieser Struktur gesammelt werden konnten.
Vortrag WS 7, Arbeitstagung Weimar
Unser Vortrag im Workshop "Bewertung der Qualität von Lehrmaterialien" bei der Arbeitstagung des Netzwerks Offene Hochschule in Weimar am 7. Dezember 2015
Präsentation AG E-Learning, Fachforum JLU 2014
Folien der Präsentation der AG E-Learning des Projekts „WM³ Weiterbildung Mittelhessen“ auf dem Fachforum "E-Learning in der wissenschaftlichen Weiterbildung" am 24. Juni an der Uni Gießen
E-Learning-Unterstützung im WM³-Projekt
Folien der Präsentation im Forum "Weiterbildung und E-Learning - eine gute Kombination?" auf der Tagung "Zukunftsfaktor Weiterbildung"
Präsentation AG E-Learning, Projektgesamttreffen
Präsentation zu den Angeboten und Aktivitäten der AG E-Learning beim Gesamttreffen des Projekts WM³ Weiterbildung Mittelhessen am 1.2.2013
Steps for CSS Layout
If you are the copyright holder of one of the photos used in this presentation and you would not like it to be used in an academic context, please contact me and I will remove the image from the presentation. I have made sure that only images are use that are available under the Creative Commons licence.
Layout
The document discusses CSS layout techniques including:
1. Width and height which always refer to the content area and other values add to it
2. Using margin and padding for better usability and readability
3. Floating elements left or right and their relation to surrounding text
4. Positioning elements statically, relatively, absolutely or fixed
5. Semantic layout with HTML5 elements like <header> and using importance and position.
Analysing Prototypes
The document discusses analyzing prototypes and presenting content for a winter semester course. It outlines different elements that need analysis, including hierarchy, possible vs. not possible elements, lines, and hierarchy/color. Elements to analyze include images, text, flash and empty elements. An example image is provided for reference.
Design Prototyping
If you hold the copyright for one of the images in the presentation and you would not like to let it appear in an educational context, please contact me and I will remove it from the presentation.
Visualisierung
The document discusses visualization and different methods of visualizing information, including:
1) Traditional classroom learning versus classroom learning with new media and the internet.
2) Different types of e-learning from basic to more advanced with learning management systems.
3) The importance of clear structure, use of empty space, emphasis through framing/color/size, use of grids for page layout, and how color and typefaces can influence interpretation.
4) How diagrams, multimedia, animation, infographics can help visualize and display complex information.
Color
This document discusses color theory and implementation for web design. It covers the differences between CMYK and RGB color models, combinations of colors including monochromatic and complementary palettes, how different colors can dominate a design, choosing a color palette, and implementing colors in CSS using color names, RGB and hexadecimal values. The document provides sources and examples for each topic.
More from Alexander Sperl (17)
E-Learning in der wissenschaftlichen Weiterbildung
E-Learning in der wissenschaftlichen Weiterbildung
Das ICM als Modell für die praxisnahe Ausbildung im Lehramt
Das ICM als Modell für die praxisnahe Ausbildung im Lehramt
Wissensvermittlung in allen drei Phasen der Lehrerbildung
Wissensvermittlung in allen drei Phasen der Lehrerbildung
Recently uploaded
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Passive House: The Economic and Environmental Solution for Sustainable Real Estate. Lecture by Tim Eian of TE Studio Passive House Design in November 2022 in Minneapolis.
- The Built Environment
- Let's imagine the perfect building
- The Passive House standard
- Why Passive House targets
- Clean Energy Plans?!
- How does Passive House compare and fit in?
- The business case for Passive House real estate
- Tools to quantify the value of Passive House
- What can I do?
- Resources
Graphic Design Tools and Software .pptx
Explore the essential graphic design tools and software that can elevate your creative projects. Discover industry favorites and innovative solutions for stunning design results.
Technoblade The Legacy of a Minecraft Legend.
Technoblade, born Alex on June 1, 1999, was a legendary Minecraft YouTuber known for his sharp wit and exceptional PvP skills. Starting his channel in 2013, he gained nearly 11 million subscribers. His private battle with metastatic sarcoma ended in June 2022, but his enduring legacy continues to inspire millions.
ARENA - Young adults in the workplace (Knight Moves).pdf
Presentations of Bavo Raeymaekers (Project lead youth unemployment at the City of Antwerp), Suzan Martens (Service designer at Knight Moves) and Adriaan De Keersmaeker (Community manager at Talk to C)
during the 'Arena • Young adults in the workplace' conference hosted by Knight Moves.
Storytelling For The Web: Integrate Storytelling in your Design Process
In this slides I explain how I have used storytelling techniques to elevate websites and brands and create memorable user experiences. You can discover practical tips as I showcase the elements of good storytelling and its applied to some examples of diverse brands/projects..
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Figma is a cloud-based design tool widely used by designers for prototyping, UI/UX design, and real-time collaboration. With features such as precision pen tools, grid system, and reusable components, Figma makes it easy for teams to work together on design projects. Its flexibility and accessibility make Figma a top choice in the digital age.
Divertidamente SLIDE.pptxufururururuhrurid8dj
Hsuehebvdhdueuw8wiiwieih3udud8e8wisbdydvw7wbidj38ehehdheuwjhdiwjwieheheueurhryrurhrgryd7eueue
Revolutionizing the Digital Landscape: Web Development Companies in India
Discover unparalleled creativity and technical prowess with India's leading web development companies. From custom solutions to e-commerce platforms, harness the expertise of skilled developers at competitive prices. Transform your digital presence, enhance the user experience, and propel your business to new heights with innovative solutions tailored to your needs, all from the heart of India's tech industry.
一比一原版(BU毕业证)波士顿大学毕业证如何办理
BU毕业证学位证【微信95270640】办理BU毕业证【Q微信95270640】波士顿大学毕业证书原版↑制作波士顿大学学历认证文凭办理波士顿大学留信网认证,留学回国办理毕业证成绩单文凭学历认证【Q微信95270640】专业为海外学子办理毕业证成绩单、文凭制作，学历仿制，回国人员证明、做文凭，研究生、本科、硕士学历认证、留信认证、结业证、学位证书样本、美国教育部认证百分百真实存档可查】
【实体公司】办波士顿大学波士顿大学本科毕业证成绩单学历认证学位证文凭认证办留信网认证办留服认证办教育部认证（网上可查实体公司专业可靠）
— — — 留学归国服务中心 — — -
【主营项目】
一.波士顿大学毕业证成绩单使馆认证教育部认证成绩单等！
二.真实使馆公证(即留学回国人员证明,不成功不收费)
三.真实教育部学历学位认证（教育部存档！教育部留服网站永久可查）
四.办理各国各大学文凭(一对一专业服务,可全程监控跟踪进度)
国外毕业证学位证成绩单办理流程：
1客户提供波士顿大学波士顿大学本科毕业证成绩单办理信息：姓名生日专业学位毕业时间等（如信息不确定可以咨询顾问：我们有专业老师帮你查询）；
2开始安排制作毕业证成绩单电子图；
3毕业证成绩单电子版做好以后发送给您确认；
4毕业证成绩单电子版您确认信息无误之后安排制作成品；
5成品做好拍照或者视频给您确认；
6快递给客户（国内顺丰国外DHLUPS等快读邮寄）。
专业服务请勿犹豫联系我！本公司是留学创业和海归创业者们的桥梁。一次办理终生受用一步到位高效服务。详情请在线咨询办理,欢迎有诚意办理的客户咨询!洽谈。
招聘代理：本公司诚聘英国加拿大澳洲新西兰美国法国德国新加坡各地代理人员如果你有业余时间有兴趣就请联系我们咨询顾问：+微信:95270640知道母亲身体不好家里盖新房也欠了不少钱总想趁假期赚点钱在校寄宿时用不着老向爷爷奶奶要盛夏的乡村仍旧清凉清清爽爽的山娃也过得自由自在不知为啥山娃总情不自禁地思念起城里的父亲每年暑假瞅见远乡近邻的小伙伴都争先恐后地往城里跑山娃就更思念父亲了老想着进父亲的城看看每次从城里洋里洋气地回来小伙伴们总争论着各自到过的城比试比试谁父亲的城最大最美他们大谈城里的新鲜事大谈父亲携他们逛城的快乐事在孩子们幼小的心中地
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
The Game Concept created as a Final Project piece for college. Creative Media year 2 student
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
Actions and Commands:
Tap, Swipe, and Pinch
Rotate and Shake -Buttons -Menu Bars – Menus
Toolbars - Links- Action Panels
Hover Tools - Keyboard Actions- Drag-and-Drop
Typed Commands-Affordance-Direct Manipulation.
Forms and Controls:
Basics of Form Design
Patterns.
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
原版一模一样【微信：741003700 】【美国中央华盛顿大学毕业证双学位证书】【微信：741003700 】学位证，留信认证（真实可查，永久存档）offer、雅思、外壳等材料/诚信可靠,可直接看成品样本，帮您解决无法毕业带来的各种难题！外壳，原版制作，诚信可靠，可直接看成品样本。行业标杆！精益求精，诚心合作，真诚制作！多年品质 ,按需精细制作，24小时接单,全套进口原装设备。十五年致力于帮助留学生解决难题，包您满意。
本公司拥有海外各大学样板无数，能完美还原海外各大学 Bachelor Diploma degree, Master Degree Diploma
1:1完美还原海外各大学毕业材料上的工艺：水印，阴影底纹，钢印LOGO烫金烫银，LOGO烫金烫银复合重叠。文字图案浮雕、激光镭射、紫外荧光、温感、复印防伪等防伪工艺。材料咨询办理、认证咨询办理请加学历顾问Q/微741003700
留信网认证的作用:
1:该专业认证可证明留学生真实身份
2:同时对留学生所学专业登记给予评定
3:国家专业人才认证中心颁发入库证书
4:这个认证书并且可以归档倒地方
5:凡事获得留信网入网的信息将会逐步更新到个人身份内，将在公安局网内查询个人身份证信息后，同步读取人才网入库信息
6:个人职称评审加20分
7:个人信誉贷款加10分
8:在国家人才网主办的国家网络招聘大会中纳入资料，供国家高端企业选择人才
Practical eLearning Makeovers for Everyone
Welcome to Practical eLearning Makeovers for Everyone. In this presentation, we’ll take a look at a bunch of easy-to-use visual design tips and tricks. And we’ll do this by using them to spruce up some eLearning screens that are in dire need of a new look.
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
CapCut is an easy-to-use video editing app perfect for beginners. To start, download and open CapCut on your phone. Tap "New Project" and select the videos or photos you want to edit. You can trim clips by dragging the edges, add text by tapping "Text," and include music by selecting "Audio." Enhance your video with filters and effects from the "Effects" menu. When you're happy with your video, tap the export button to save and share it. CapCut makes video editing simple and fun for everyone!
International Upcycling Research Network advisory board meeting 4
Slides used for the International Upcycling Research Network advisory board 4 (last one). The project is based at De Montfort University in Leicester, UK, and funded by the Arts and Humanities Research Council.
Timeless Principles of Good Design
Timeless Principles of Good Design from my 2015 Presentation at TYPO SF
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
UW毕业证学历书【微信95270640】做UW文凭、办UW文凭、买UW文凭Q微信95270640买办国外文凭UW毕业证买学历咨询/代办美国毕业证成绩单文凭、办澳洲文凭毕业证、办加拿大大学毕业证文凭英国毕业证学历认证-毕业证文凭成绩单、假文凭假毕业证假学历书制作仿制、改成绩、教育部学历学位认证、毕业证、成绩单、文 凭、UW学历文凭、UW假学位证书、毕业证文凭、、文凭毕业证、毕业证认证、留服认证、使馆认证、使馆证明 、使馆留学回国人员证明、留学生认证、学历认证、文凭认证、学位认证
(诚招代理)办理国外高校毕业证成绩单文凭学位证,真实使馆公证（留学回国人员证明）真实留信网认证国外学历学位认证雅思代考国外学校代申请名校保录开请假条改GPA改成绩ID卡
1.高仿业务:【本科硕士】毕业证,成绩单（GPA修改）,学历认证（教育部认证）,大学Offer,,ID,留信认证,使馆认证,雅思,语言证书等高仿类证书；
2.认证服务: 学历认证（教育部认证）,大使馆认证（回国人员证明）,留信认证（可查有编号证书）,大学保录取,雅思保分成绩单。
3.技术服务：钢印水印烫金激光防伪凹凸版设计印刷激凸温感光标底纹镭射速度快。
办理西雅图华盛顿大学西雅图华盛顿大学毕业证假文凭流程：
1客户提供办理信息：姓名生日专业学位毕业时间等（如信息不确定可以咨询顾问：我们有专业老师帮你查询）；
2开始安排制作毕业证成绩单电子图；
3毕业证成绩单电子版做好以后发送给您确认；
4毕业证成绩单电子版您确认信息无误之后安排制作成品；
5成品做好拍照或者视频给您确认；
6快递给客户（国内顺丰国外DHLUPS等快读邮寄）
-办理真实使馆公证（即留学回国人员证明）
-办理各国各大学文凭（世界名校一对一专业服务,可全程监控跟踪进度）
-全套服务：毕业证成绩单真实使馆公证真实教育部认证。让您回国发展信心十足！
（详情请加一下 文凭顾问+微信:95270640）欢迎咨询！实伙伴平时山娃上学阿黑也摇头晃脑地跟去暑假用不着上学阿黑更是天天围着山娃转山娃上山除了察看埋下的野兽铁夹子看护早上逐上山的大黄牛外也觅着采草药摘红菇积攒起来拿到镇上卖山娃知道母亲身体不好家里盖新房也欠了不少钱总想趁假期赚点钱在校寄宿时用不着老向爷爷奶奶要盛夏的乡村仍旧清凉清清爽爽的山娃也过得自由自在不知为啥山娃总情不自禁地思念起城里的父亲每年暑假瞅见远乡近邻的小伙伴都争先恐后地往城里跑山娃就更思片
Recently uploaded (20)
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
Aspects of good design
- 1. Presenting Content Icons: http://www.designfreebies.org/free-vectors/free-multimedia-vector-icons/
- 2. What makes a good presentation?
- 3. What makes a good presentation? Let’s have a look…
- 4. Presentation Styles Sir Ken Robinson(http://www.ted.com/talks/lang/eng/ken_robinson_says_schools_kill_creativity.html) Hans Roslin(http://www.ted.com/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen.html) Ze Frank(http://www.ted.com/talks/lang/eng/ze_frank_s_web_playroom.html) Images: http://www.ted.com/
- 5. What makes a good website design?
- 6. What makes a good website design? Let’s have a look…
- 7. Decide in an instant: Good or bad design? Then, take some time to reflect: Why is it good or bad?
- 8. Good Bad
- 9. Good Badü Pleasant, simple and effective
- 10. Good Bad
- 11. Good Badü “It’s good design, but I don’t like it.”
- 12. Good Bad
- 13. Good Badü Crowded, small typeface, dominant advertisments
- 14. Good Bad
- 15. Good Badü You wouldn’t use the startpage ex- cept for the search anyway.
- 16. Good Bad
- 17. Good Badü Everything in its right place
- 18. Good Bad
- 19. Good Badü (Too) sober, much empty space, small typeface
- 20. Good Bad
- 21. Good Badü Nothing to mope about
- 22. Good Bad
- 23. Good Badü Pleasant colors, good layout
- 24. Good Bad
- 25. Good Badü Whoah! Which website is this actually?
- 26. Good Bad
- 27. Good Badü Good layout and colors, maybe a bit boring
- 28. Good Bad
- 29. Good Badü How many links can you have in a single paragraph?
- 30. Aspects of good design StyleBalanceEconomy ConsistencyStructure Usability Good design conveys ideas Relationship Accessibility etc. pp.