Merken

Design for Non-Designers

Zitierlink des Filmsegments
Embed Code

Automatisierte Medienanalyse

Beta
Erkannte Entitäten
Sprachtranskript
hello all of the thanks to the and 2 images and so if you look so the decisions like the I and Tracy mind very
I better add comments they will say wide-area not like like there happened every time search method from the so for
example that about me and my during on so you might know me I spoken at a previous meeting of finds about the process of teaching myself out of there and this is the sites that I ran I was running for about 7 years and monsters were I was a designer of various areas and 1 to build a start up i and that learning a little bit jingo launches little outside this little website suddenly start coming like modern also slavery big from but larger than before I turned to start ups and will most fulfilling being very and at learning how to code very high to on the Django it's been wonderful but only process and teachings of cobalt wilderness website I started thinking like why would like all figure something out and I was a talk that way would have been taught this way but especially as a designer that's where the book
series come about him out I will tell about to teach programming or whether development elites you non-programmers the miners yeah like the song I design and
myself punish them the dingo commuting meetings and so wonderful I 2nd but last using upon us of fund-raising Kickstarter my 2nd book and also so I think you have a 1 for supporting bringing listening we but as working on
his books teaching programming state designers I'm also thinking about ways I could teach design program is not that I have a degree in arts and the I did graph designer workflow designer for a long time and the same thing I started looking at program the corals heating design the programmers and the use of force and why was it follows a talk this way when I clearly think it should be taught in differ by only how can I teach designed to people who program background makes more sense and then say something that grows like this
some excellent don't mean this is crazy desire the world of design like ruining the wrong design there's so many different fields within the site you I decide what visuals I simply mean
designed and that's rule helping you make interface that works well is at some point in your career as a you know new programming a building open-source projects you probably at some point need to create something other people use In our home page through open-source part so finally here
hope you build or countable jumping in doing this I I I I know what you will say 0 I need to go find a designer help me by project that was like me when I was writing a program as a kind of articles on my projects I wanna help you this more accountable workmen's on your if and so the things that really give me that these are not to talk about here in this talk mathematical
ratio that is I don't know why keep showing up and beginners I'm box and not
that a piece her the typewriter feed and those that have more because marketing tomorrow now we set have I like this now besides what
you know about creating that are more effective designs so 1st informants which is talk about the visual stuff and the number 1 thing to remember if you're mean designer tintinnabulant as I would point due design is to simply cut out of order so for
example within and good example the most like crazy library website the
fastest way to a better design is the cut down on other for the example I built the
selected and so you know it's OK entering into make some design principles appliances widget out and see how things so only improve this little wouldn't adults I make it a better design the
1st the yeah I know the ground by
his brains show up and things like this trap is this is the grid like adding a greater something as simply lining things because pixel differences or notice that when something is like a little bit offset from something else those pixel differences can add to a sense of clutter so they're thinking we you might work in my
project coming out and align everything I want for shortcuts and 1 I again had cases when people say don't use bootstrap ones using bootstrap I you bootstrap series like inherently shortcuts no major life summit easier has a grid system built you I want the for I love like training use things I used chapel itself use things that like bootstrap you know who started I get better so scene winding
things up in action and Solingen the simply set up calls on the left and right side lining things out and REC as a looking a little bit clear Mexico the NBA
overarching principles for how principles colors complementary making them work and well into the intersection with but but didn't rule fun is used mostly neutrals and he's a bright color helping stand out now there's so much
to say about color and this article behind fashion magazine is a particularly good 1 with simple when developers Guide to color make but the school as a whole quarter simply uncle and it's kind of ridiculous there's so much the learning understand the terms like commentary calories veterans of forth it can do that here on time of again shortcuts so this is my favorite and I uses for everything I use this uses for the color palette my book for a whole lot of users but color-palette her wedding away the Clovers are out within you I just knew the content so unlike a conventional and all of that comes you can search
were color palettes and the people and submitted and people can vote on them so the search by Yale top most love that all time you can find for solids they're guaranteed to be complementary that have a large range of colors and can through here and find something you think might work the project and tried out run starting from scratch that back the selected they
Clovers . pulling in some color palettes and applying to switch it in this testing things out and sometimes they may not work it into my budget and car pilots until something that's that's so much better than tree-like like into some color program like on a little colored kind can choose what works and as goes place 3 confined the colors that already were Melchior wealth each other and uses that and all quick note about this 1 but you don't don't feel like scared like cars slightly the download button here generally held green but the darker red than the 1 in the form of successful play around this gives you a really good shot next that fonts again
principles but even ever found that it's I just in terms of clutter is the more different types of font of their this feeling of the answer to different parts of the rules of I try to use display spots very sparingly
by displaying Fontaneda thing that's in the back here things I feel very nineties I those
are also very clever is to try to avoid using them and need add more differentiation learners mean you can add holding him on the face of a case and how it's being used that differentiation rather than say bring in the US at the bottom so again
shortcuts Fletcher cats eyes so see Google thoughts I local on the use it for everything as well as the go along the there's like 200 something more useful in Berlin is really overwhelming much easier to go to this website and you want for
title which cherating that best group of fonts those are going through a list of 200 on NGO one-to-one 1 these sites and as have wanting to choose from and you're guaranteed we're working with it well assigned well on so back to the latent the
update defined this is using a serif OntoSensor bonds I therefore unsustainable widget on that in the paper and how they can learn more about that it had a lot the talk tomorrow essentially this to move on and we did some differentiation the download button is all parts of the in little mom lower case we has been heightened there but it's looking a little bit here and well put together last constraints whitespace White Face is the
ultimate arteries always laughter and
happiness we all know and love of everything that's month there's always something positive happen you say that rule I designer a redesign Hacker News in every single time namely you just can't wait so that 1 thing that will
happen uses super squashed thank you will like this 1 FIL easier terrain once this is just like a person that like hang on at this oxygen what example has
neurotransmitter that the new york times you have way as a newspaper has a lot information can doesn't blow it up with white space both this example left is the foreign writers after on the right is a little bit less the main 1 the main things and then to make a film as battery is simply open up the columns in between that's a little bit more it is a little bit more breathing room in a big impact white space is kind of a
huge trend announced will find as you going to the like talk design websites I I took a random screenshot every single 1 has like Ditka halfway the huge and I and my goal of its you fire but it's not just of trends adding white space and
also improve the conversion rate so in this example it's being used to tables the I the left table and it is that moved a little further down loss whitespaces added in between are the 2 tables and by doing this they start times and improve engagement by presenters price at heart and 33 % preventing customers continuing on the purchase so reducing clutter and using white space in a factor bottom line
we that actually villages we just let it breathe a little bit more and it's a space around the edges are also normalizes spacing between walks between the by form for content and it's more like high between the paragraphs that that of contents so the headline and the we can see that are looking waste a lot of work for the in
terms of visual design the best thing you can do it is to simply think about how you can reduce clutter and design and you reduce clutter but even under fonts and colors low adding white In line things up like clean designs of really in right now end this EVA thing design will get pretty far but you can just talk about design that argument uses the this is arguably more important I'm sorry I lead over on how stuff works with every time how it works is better at is more important than how it works and whatever assigning something keep this in mind keep an eye on the mind what's the most important action would you want users to with it is not then focus making that actually easy to find the
next for example uses for example and that's the reason why widgets forms 1 not having brighter colors the but the 1 have find me easily easiest seen used that I I use that on my homepage
a whole lot about now why did the books the most important for urban design is a bright green but also in other websites you know this 1 has a pretty gray that background has the right to vote that is a landing page as you can see this and
work the paper at a website by will offer neuron what you can argue that they have the sponsor civically so they can bring in more engineers the company as they talk about engineering topics and think how I hope so comes over reasons a generic engineering topics thinking is of the work and trying to read on the right they have a bright green blue are people were here in
there you can say also that so much about user experience I'm just keep that in mind I make sure that your goals finding you tree have analytics make sure you're looking at how well you design is working you want a former website what not I'm here attention to say like the other success metric and someone will be on the next page so many for and the region to over time to make thanks that context but this is a huge part of this I people forget about this I see a lot of people who I launched the website they wanted held the essay of their life funny about but the thing is they like large paragraphs the content or assigned by but no 1 like you 1st people who read on the web but it's actually but you are more likely to be standing through your article we're you continent looking for words and they see giant paragraph the content more likely that means that read so incomes return general of content less is more but try to cut down simplified rate on your words in the light of the principles like 2 to 3 sentences per paragraph big paragraphs are a sign of clutter and the chance of content from a break the bullets this a type like the user lot my so on the left this period content as part of the converted user can read it by going line by line we can improve readability breaking the bullets and then you have a visual points to skip between as some and then as getting in there probably are between the individual points in Paris but we can improve readability by adding some old and so now it's like not only broken up into points we add willing over around the most important parts of of those paragraphs so again that person who's getting in read the bullet parts and then see whether they want to read further and then we also talk about white whitespace you can further improve readability by adding some ways right so redox
I I want to give a real life example of something that I would have but thing I want to look at the size of the male I was on a sort of their culture came to me and said in a way that homepage I don't think you will be hazardous who they're going to load it test would you try to change of and see this appears not murder so I talked about the making sure that you have an action item making sure that action is easy to find in years and this website his homepage very bright I notice that there is a hunger state over the last is about as bright green so sometimes something I would test I would test giving the ice someplace to jump to here it is in that basically says that a person business paid this is the most important part that they did you know tried making the cited bright or something beginning the I like it hot I mean those things easy to find in use if someone is half of what you like look at 1st the me to start content and that content this whole very of the conference looks very nice that far away but I was wondering and how largely during read this and I would also transferring breaking up the bullets so this is arguing nice pretty as the that block of paragraph for this and they know it's test and see if thinking the operating what's making easier people read those features on remarks homepage I do something out right and and see that happening I wanna sort
content what talk a little bit about headlines of headlines of very important when every time say a blog her home page for a landing page 1 thing that tops top in general it's better talk benefits not details are getting example that 2nd I does that come from the fishery halides are not too long and try to use natural of family language talk like a human not were about a dozen content that this is good about my book are
introduction the building let us and using the Web building 1 of using pipelined think this is boring I mean it's very descriptive it says exactly what we want about but this makes more sense to readers some encouragement website this gal some exactly what the benefit is if they read my books the again this is not just
like personal feeling like a loser integral here this headline changes the thing of someone sees versa website updating it can be more about benefits from the details improve the conversion rate and this 1 is simply based on the line and improve the convergence of 52 there were not good now I notice that the
headline is boring and have long words a small winter we can simplify it and make it easier to make it more human you know trying to help by making more of an offense shorten the content at some polling over the word her that's and I changed in that form so it's more a human instead of saying you know address this accurate on here and the bottom changes and a simple downloaded this only gonna look more like a talking 1 thing the thing about in string we got from here here the thing is they are small little changes the principles we can all work together to make something look I seriously this right
but know about images imagery by 1st gives pocket and have a section this is 1 things that people use to ask me was about in general it's nice to add images to your website you can do so much with just facts and the screenshot and boxes and lines of don't necessarily after of images and using a stock photo resources like people don't think that out immediately I and only patients file size that solves in this graph and the injury have radical images is also something I usually catch myself as I have an old man care by will
images can improve by how delightful the same as it was at the so in this example this right and I really like they're like ones that and those lifetimes help out and if you 0 and it's not the need don't need images but they can help out I and no these under pretty simple again to where might have just a 2nd it was like a big image in the background is not because of the but sponge Stockholm is my favorite but they say they upload beautiful history images with a really beautiful and the same do whatever you want more and they're just beautiful really big really off this of food and is another
resource I use for blocking that searches for Creative Commons images in flicker on brings about 3 years and this is already a lot
made by using new icons like the 1 on straight up in Europe wanting the 1st project don't have a lot of budget I think it's wholly Katie's something like of and get something cheap and fast now as a designer like once you have budget and you have to believe this so a professionally designed logo image Our icons will be way better than 80 can get on these these things and we pay very little have I to get the image is not really the the but they just now I think this is a great start and
any again another example of how images and help out of my friends of mine do our narrated and it works with a local designer and I'm pretty cheap craters all illustrations for the website site this is the work of theory and what local designer may made something they turn their website from just simply no facts images a screenshot this article lights the home
page the don't forget as local designed to work with you the colonizers spent the essay it the professional the right a little bit about
if you're sitting on working on design projects and so are you sleep with us away and what is Gabriel planning is gonna start sketching effect starting from scratch with nothing to spare you nothing this is sitting down to write a lot the brain is a lot like burn something about the use of the worst of this doesn't happen this is like it's giving yourself like a big shot like your 100 itself
my books would not be and not as a like the that's the whole world country problem now and I could not have made the design did without the inspiration of the book parts of the look at them and see what they inspired other not influence by design I didn't feel anything but being influenced is not only on for you it's encouraged so if you want design project
again calling a form which etc. there's a lot of websites out there that showcase the design he goes to and just look through and see the findings spiral give you idea the science fire and style is as meaning
miscellanies I say that there's like this design the it whenever you find a
this you particularly like try to pick out the things are doing well the for example the slack engaged in lots of white space by the form has a dark background the button is bright green is the the people and has emboldened the content of all this information is important that that so we find designers working or even looking at competitors site the picking out the things they think is working well is whole train your designer making easier for you what you do better science her this is an this palladium then
assigned and then he comes along and feel
that and there's booksellers places that
designers onto think that we all work on last that quantities and tell you how my passages ago thus they working on a new line projects 1st there a consideration I is that and this is not really and I just go
through and I holy sites all things 1 folder secondary quickly go through the designs against fire and the things that like the 1 implemented now comes is catching up the and
since this person showing all I can cure like trying to get and keep that don't feel you have things like this this is actually the better they did for the
hell homepage again that this really quick boxes blinded federate helping me remember layouts and ideas that the so
feel like you have to be in most means infected and dual it as much as you can you get your ideas that and a
2nd thing say they can I think like markets the change and try to radius you're my that's then have to be thankful
for they don't have to be careful and this is the way I did my husband for an idea he had all he did was trying to figure out with you know this is not be like 1 of these of colors the light as the figure out a way out and move things around and see essentially How the way it lets website would be you home
office and that would be then FIL the
metal that then richer every time this
is using every single time or site I'm special that designer I'm having is angry this is what happens and I feel like like the old an impostor syndrome I feel like such the horizontal every single time I started from scratch and if you are sitting down and your working on your yet at work in his mind project you're going had such a bad design on such a beginner you're not design everyone knows this is means that you are in have passed very but both to it is only a starting point of the so much to be said by only doing this work period of time a member of the rich in your testing visually but this in and reduce visual clutter and can do that but you never colors upon flow adding whitespace lying in the thinking content for case make sure that your goal where designing way every year I wire actually make sure that you're focusing on the using my easy to find in years keep the contents for simple to the point In practice so the the topic of a variable book of I anything 1 I dedicated our mailing list just but that's however that concept that and the rest I really hope this whole thing out new B and B interesting things go on about thank
0 my question is thank all of these separate topics makes sense but what happens to me uh very often is OK creators some kind of design and then I see it doesn't look good but it's just overwhelming I don't know where to start like this in the font is that the colours is the spacing you have any advice and that like how to approach when you see it's like something not working when you have no idea what what it is I went here relates to design is that means I made necessary by science as a quality here and so it's really hard to figure out what's working with time I'm so try to make this quantitative as possible so looking at is I really you get Alex and seeing how people actually using and see if they start picking out maybe some things that she may 1 K is working another look at what's going on the also change a headline or and see that affects problem is are by tying changes you make your decision maker to analyze the data on the whole lot of September 1 and that kind of relies on having some about traffic which is part I number 2 I don't really talk about usability testing here but simply this is so hard fast for feedback in the weather people say I am but I this program and in this model and it's really hard to be like figure was working on and assigned breeder someone else in the interface maybe making a final users to in the title of my not for also but when talking about or basically pointing out when faced with a thing never be careful because someone people can be the nice that all find and or they could be like various this formal likely that the fact that this simply by having someone with a time and of you you know get more information which is more than just like going I don't know why it's variable for that make that and the during this thanks to the water so some differences if any of between but stage which was in the past but the difference is that he does have a mobile why absolutely bootstrap and made it seriously keeps I sort something like solid red and purple stain of world but they can which is a grid and his is you believe you responsive design which is often not because they responses I'm a mediator of words rather than going for receiving that mobile in terms of different sets out me at all that had on the website our fans when information Starting this the information is there and as very long talking about the few of the yeah I mean just like a material science I being again balance nature like if your website is referring so like our at 1 point you look at like well it's looking around like its weight words that you couldn't even at the the nation of things and in general all CI properties of where I am a solvent is smaller and there's also lot about that and there's a whole mobile outside but on by the other part catholic out yet also it's very boring things on the use of 4 letter words here at menu that which you thought song no menu design in terms of top love solid right solid number of levels of indentation etc. there's a lot of in and for anyone who is they might think of themselves their design I say follow the rules of rate so seeing what other websites competitors or at a website line in late see what they're doing and they follow that 1 of the big new form that has I think usually and all the the menu highly levels of there by if what you're designing the it really works well with a top-level menu and that's what people airspace they're doing I think go with that I don't I do to do something new revolutionary place meaning to guide that it has yeah that's but that helps the but yet thank you some I'm also knew x assigned endowment is ready you pointed out all of the basics I'm gonna be willing interested about clients from people and go do of the deal with that In due process and there is divided by how there's a reason why don't you think like on the future i'm SUCH handle it generally when it comes to client in in general is about a really general as communication is super boring and that's usually roll-off find problems having the working of this actually not as clients that's a coworker as well as like they can make your life hell out because they're not explaining what they need and then you also are a good it's explanation of why things are better or why decisions made in the the ReaderMeter freelance assigned by all have a lot of feedback I just love the world and I did I was working at 1 per cent and they very much insisted on the design which is of terrible and they kept making use of cells and let's checked out and they don't want to think that that is very refreshing process now that you know about the website for myself I don't want if you if I but in general I find that the people are missing new patient enough I work 1st I had acquired as part of policies try to really really clear about the benefits and try to win over side the I think and so the way that I learned most of programming related stuff is to find a good tutorial and go through that and then after that discovery the dots that but so until your book comes out that have use have you found any the things like that which kind of a guided here's a concept no you try to use the new kinds of you try with a weighted to have practice communion with kind of no designed formal as why I'm writing about and that I I mean there's lots of our articles out there that the my my thinking about design away spot in it the parameters is that designers of teaching design as if they at the same level that they are not and I feel like that's again also but they don't teach best practices yeah teach the short paths that and don't know what that world because designers the practices of the 2 sides are fast fashion magazine like that when developers of bipolar and the calls on there that you want so this and they're not great but they have a lot of the things scale of a lot of writing on fire but the and book part and seeing how this part has lots of great very biological the same people who do have a part I are going to read to understand the ordering of the variables so that in thinks 1 more question that I you have explicit what a thought on mobile 1st designed as opposed to let's go with the group of the skull for southern figure out how to break that bond or a that have similar over that others the title of a part of this really excellent I am stuck in the old ways and I always do the 1st and nothing of the great things and it is worked less of the hour the way firstly designing for small screens the reason why it's so great is that you're working less information have less space we have a space the full round and the more concise and that's why always resulted from being answered he starts small have to greater suffer from scratch on a small screen it can make your larger screen in over cleaner and easier to read and what not the best lateral versus how about what and I encourage you to try it out and see if that works for them and all the 1st process and nobody getting that like the new world of response design school for example have energy during the 1st but that but if you mating is the mystery the inca thank the and and the
mind even you
Monster-Gruppe
Bit
Web Site
Prozess <Physik>
Flächeninhalt
Verbandstheorie
Ultraviolett-Photoelektronenspektroskopie
Figurierte Zahl
Bildgebendes Verfahren
Computeranimation
Entscheidungstheorie
Verbandstheorie
Reihe
Softwareentwickler
Optimierung
Computeranimation
Web Site
Programmiergerät
Datenfeld
Minimalgrad
Forcing
Graph
Visualisierung
Optimierung
Computeranimation
Aggregatzustand
Punkt
Mathematik
Open Source
Gebäude <Mathematik>
Mereologie
Projektive Ebene
Schlussregel
Optimierung
Hilfesystem
Computeranimation
Schnittstelle
Homepage
Arithmetisches Mittel
Quader
Zahlenbereich
Information
Ordnung <Mathematik>
Computeranimation
Widget
Güte der Anpassung
Programmbibliothek
Schnitt <Graphentheorie>
Computeranimation
Videospiel
Schnelltaste
Subtraktion
Bit
Pixel
Wellenpaket
Bootstrap-Aggregation
Reihe
Physikalisches System
Computeranimation
Eins
Demoszene <Programmierung>
Projektive Ebene
Bit
Rechter Winkel
Gruppenoperation
Graphfärbung
Systemaufruf
Schlussregel
Kantenfärbung
Computeranimation
Stereometrie
Energiedichte
Spannweite <Stochastik>
Dämpfung
Graphfärbung
Projektive Ebene
Inhalt <Mathematik>
Kantenfärbung
Elektronischer Programmführer
Softwareentwickler
Term
Computeranimation
Softwaretest
Bildschirmmaske
Graphfärbung
Kantenfärbung
Optimierung
Computeranimation
Differential
Subtraktion
Font
Datensichtgerät
Minimum
Datentyp
Mereologie
Schlussregel
Term
Computeranimation
Schnelltaste
Web Site
Font
Gruppenkeim
Mailing-Liste
Computerunterstützte Übersetzung
Bijektion
Computeranimation
Nebenbedingung
Bit
Differential
Widget
Mereologie
Computeranimation
Ortsoperator
Vererbungshierarchie
Schlussregel
Hacker
Computeranimation
Webdesign
Bit
Twitter <Softwareplattform>
Rechter Winkel
Information
Raum-Zeit
Computeranimation
Umsetzung <Informatik>
Einfügungsdämpfung
Bit
Bitrate
Kombinatorische Gruppentheorie
Raum-Zeit
Teilbarkeit
EINKAUF <Programm>
Computeranimation
Bildschirmmaske
Minimum
Inhalt <Mathematik>
Gerade
Tabelle <Informatik>
Parametersystem
Bildschirmmaske
Font
Termersetzungssystem
Widget
Gruppenoperation
Visualisierung
Graphfärbung
Term
Gerade
Computeranimation
Homepage
Generizität
Web Site
Landing Page
Rechter Winkel
Computeranimation
Web Site
Punkt
Gruppenoperation
Analytische Menge
Computeranimation
Homepage
Netzwerktopologie
Benutzerbeteiligung
Vorzeichen <Mathematik>
Reelle Zahl
Datentyp
Kontrollstruktur
Inhalt <Mathematik>
Gerade
Softwaretest
Videospiel
Nichtlinearer Operator
Linienelement
p-Block
Bitrate
Kontextbezogenes System
Frequenz
Quick-Sort
Mereologie
Wort <Informatik>
Aggregatzustand
Web Site
Benutzerbeteiligung
Bit
Landing Page
Web log
Gebäude <Mathematik>
Formale Sprache
Familie <Mathematik>
Inhalt <Mathematik>
Computeranimation
Homepage
Bildschirmmaske
Umsetzung <Informatik>
Rechter Winkel
Mathematisierung
Adressraum
Wort <Informatik>
Inhalt <Mathematik>
Bitrate
Computeranimation
Zeichenkette
Web Site
Quader
Graph
Rechter Winkel
Digitale Photographie
Garbentheorie
Gerade
Bildgebendes Verfahren
Computeranimation
Eins
Metropolitan area network
Projektive Ebene
Bildschirmsymbol
Bildgebendes Verfahren
Computeranimation
Web Site
Rechter Winkel
Stellenring
Physikalische Theorie
Bildgebendes Verfahren
Computeranimation
Homepage
Data Mining
Soundverarbeitung
Dämpfung
Automatische Handlungsplanung
Projektive Ebene
Computeranimation
Arithmetisches Mittel
Bildschirmmaske
Web Site
Wellenpaket
Green-Funktion
Spirale
Information
Inhalt <Mathematik>
Raum-Zeit
Computeranimation
Projektive Ebene
Gerade
Computeranimation
Web Site
Quader
Computeranimation
Homepage
Web Site
Graphfärbung
Figurierte Zahl
Computeranimation
Softwaretest
Web Site
Punkt
Einfache Genauigkeit
Mailing-Liste
Frequenz
Datenfluss
Computeranimation
Office-Paket
Graphfärbung
Projektive Ebene
Inhalt <Mathematik>
E-Mail
Stereometrie
Prozess <Physik>
Punkt
Natürliche Zahl
Bootstrap-Aggregation
Gruppenkeim
Raum-Zeit
Übergang
Client
Dämpfung
Font
Figurierte Zahl
Schnittstelle
Softwaretest
Parametersystem
Zentrische Streckung
Benutzerfreundlichkeit
Kategorie <Mathematik>
Güte der Anpassung
Systemaufruf
Bitrate
Entscheidungstheorie
Arithmetisches Mittel
Menge
Rechter Winkel
Information
Telekommunikation
Rückkopplung
Subtraktion
Web Site
Gewicht <Mathematik>
Wasserdampftafel
Mathematisierung
Zahlenbereich
Zellularer Automat
Unrundheit
Term
Bildschirmmaske
Informationsmodellierung
Variable
Fächer <Mathematik>
Endogene Variable
Vererbungshierarchie
Optimierung
Softwareentwickler
Videospiel
Schlussregel
Summengleichung
Energiedichte
Skalarprodukt
Mereologie
Graphfärbung
Wort <Informatik>

Metadaten

Formale Metadaten

Titel Design for Non-Designers
Serientitel DjangoCon US 2016
Teil 20
Anzahl der Teile 52
Autor Osborn, Tracy
Lizenz CC-Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported:
Sie dürfen das Werk bzw. den Inhalt zu jedem legalen und nicht-kommerziellen Zweck nutzen, verändern und in unveränderter oder veränderter Form vervielfältigen, verbreiten und öffentlich zugänglich machen, sofern Sie den Namen des Autors/Rechteinhabers in der von ihm festgelegten Weise nennen und das Werk bzw. diesen Inhalt auch in veränderter Form nur unter den Bedingungen dieser Lizenz weitergeben.
DOI 10.5446/32687
Herausgeber DjangoCon US
Erscheinungsjahr 2016
Sprache Englisch

Inhaltliche Metadaten

Fachgebiet Informatik
Abstract Not everyone can hire a professional designer for their websites and web apps, but we all still want our interfaces to be easy to use and attractive. However, if you want to learn a bit of design, design books jump straight into concepts like "the golden ratio" and teach proper typographic terms which, to be frank, aren't needed if you're just looking to improve your website's look and feel. This talk will cover the top quick ways to improve your website, covering both user experience as well as visual design. Quick hits, easy to understand and utilize principles that anyone can use to improve their design skills. Perhaps you too can become the next designer+developer unicorn! Outline Intro (5%): * Who am I? * Why is good design important? Overview of design terms (only the basics) (20%): * Definitions and overview of UI, UX, and visual design. * Overview of conversion, goals, and click-through rates. * What's most important when you're designing? Easy-to-understand design principles (40%): * Clutter is our #1 enemy. How a grid, fonts, and color can affect how cluttered our design looks. * Faces and photos, and other shortcuts we can use to make beautiful designs Step-by-step of walkthrough of creating a website design (20%): * Collecting ideas. * Sketching your ideas efficiently. * Tools to mock up your ideas. * Resources to help you build your idea. How improve your design eye and become a better designer (10%). Resources to learn more (5%). Attendees should have the know-how to quickly improve the design of their websites immediately as well as knowledge of resources to improve their design eye.

Ähnliche Filme

Loading...