Núria Saban visited us the 28th of May. Ex-student of Eina, “Web developer, Frontendpadawan, html, css, js”, as she defines herself at his web. she explained us his steps until attaining what she had dreamed: being member at Llos&. At the end her studies, she entered an architecture studio during five years, working on modelling. After, she spend two years freelance for several customers, like the Mies van der Rohe Foundation in Barcelona. Tired of little multitasking, she decided to launch to the programming and the world wide web. That was what she liked more and this is how she entered at Llos&.
Her talk begins with the troubles that arise with graphic designers. She tells us a list of the basic aspects a designer would have to detail from his work to programmers could start correctly without generating a lot of changes after. For the development of a website, the format thr ptoject arrives to the programmer is very important.
She shows us the advantages of the Sketch app for her work. Also she comments that designers never think about the different measures of screen for each device (the media queries, the height and width of screens, very different in each device). “If you know what you can have with media queries and start to play with, you’ll have a very cool website”, says Núria. She explains also that she designs according to the criterion “mobile first”, that is to say, the design is based on the version for mobile. From this point, media queries has to append meanwhile the width of the screen grows.
She explains us that accessibility is very important, no only for those who need it, but for everybody: navigating the web would be much more comfortable for all. She also talks us about typography and she advises that we cannot use typography less of 16 px on a website. If we, it has to be for very secondary things. Also she comments another thing that designers never take into account: there is a lot of units of measure on the web to define the size of the typography: ems, rems, pixels, and point view-port (% of the screen). This one enables typography grow concurrently with the screen width in a much more fluid way. So the design will be much finer.
She reviews mistakes that we have to eschew when designing a web. She talks about contrast, when the links cannot be distinguished, gives us tools to check if our web would pass a test of contrast, like: https://colorable.jxnblk.com. She insists that the outline focus, although we would’t like it, is very important to not be deleted: the navigation with tab or screen readers must be available always. If not, it will be a navigation problem for persons that need these systems. This page explains its importance: http://www.outlinenone.com
Before ending, she talks of colour on the web. she recommends a page: https://www.colorhexa.com. She comments also the interactions and his sense: when a button is active, deactivated, what about the hover function, and she complaints that many of these are never defined by the designer.
We have now a few lessons to learn and take into account to carry out a website design and which are the needs for a programmer