THE FUTURE OF WEB DESIGN

Goce Mitevski

Code Talks - Prilep, Caffe Lido - Prilep, Macedonia

26th March 2016

Goce Mitevski

@GoceMitevski on Twitter

http://www.nicer2.com/

goce.mitevski@nicer2.com

  • Independent Multidisciplinary Designer
  • Free Software Macedonia member
  • KIKA hacklab member
  • Mozilla Representative

Topics

  • Web design in general
  • Web design today
  • Web design in the (near) future

Have a question? Feel free to interrupt me.

DEFINITION

Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; interface design; authoring, including standardised code and proprietary software; user experience design; and search engine optimization.

Wikipedia

DEFINITION

The term web design is normally used to describe the design process relating to the front-end (client side) design of a website including writing mark up. Web design partially overlaps web engineering in the broader scope of web development. Web designers are expected to have an awareness of usability and if their role involves creating mark up then they are also expected to be up to date with web accessibility guidelines.

Wikipedia

WATCHES

VIRTUAL REALITY

HoloLens

http://blog.alexdevero.com/html-rapid-prototyping-all-you-need-to-know/

https://commons.wikimedia.org/wiki/File:Half-completed_manual_soldering_of_surface_mount_MQFP_integrated_circuit.jpg

https://commons.wikimedia.org/wiki/File:Keep_Calm_and_Carry_On_Poster.svg

https://www.youtube.com/channel/UCr-L1s1pBkA5TsaWZsCplOA

AUTOMATION

http://www.jeffbullas.com/2015/05/27/why-you-should-get-serious-about-social-media-automation/

SMART, UNCONSCIOUSLY INTERACTIVE SYSTEMS

http://wordlesstech.com/small-cube-remote-control-for-your-smart-home/

https://www.adobe.com/products/experience-design.experience-design-marquee-video.socialshare.html

http://www.id10.co.uk/blog/the-best-web-design-tools/

https://youtu.be/ddCP1drv_8Q

http://current360.com/play/the-death-of-the-pixel/

ch - equal to the used advance measure of the "0" (ZERO, U+0030) glyph found in the font used to render it

 

rem - equal to the computed value of font-size on the root element

 

vw - equal to 1% of the width of the initial containing block

 

vh - equal to 1% of the height of the initial containing block

 

vmin - equal to the smaller of vw or vh

 

vmax - equal to the larger of vw or vh

<picture>

http://news.diginate.com/converting-bitmaps-to-vector-graphics-a-guide/

2.0/3.0?

http://memegenerator.net/instance/63261360

http://roosterteeth.com/user/K0Z/image/1386288

https://gist.github.com/warpech/9431953

UX design & UI design standards

ISO 9241 is a multi-part standard from the International Organization for Standardization (ISO) covering ergonomics of human-computer interaction.

https://en.wikipedia.org/wiki/ISO_9241

https://webinstats.com/products/ab-testing/ab_testing_cover/

http://eil.com/shop/moreinfo.asp?catalogid=313539

5-10 years

Front-end Meetup
@ KIKA hacklab

  • Monthly meetup
  • Two presentations per event
  • Our 8th Meetup is on 12th April 2016

Next event topics:

  • Front-end Development Work Positions
  • Automated Visual CSS testing

http://b10g.spodeli.org/

http://www.meetup.com/Skopje-Front-End-Meetup/

https://lists.softver.org.mk/pipermail/front-end/

http://piratepad.net/yyU20gfYrf

THANK YOU

@GoceMitevski on Twitter

http://www.nicer2.com/

goce.mitevski@nicer2.com

Let's connect!

Made with Slides.com