Banerjee, A. (2014). «What a prototype is (and is not)» [article en línia]. UX Magazine.<http://uxmag.com/articles/what-a-prototype-is-and-is-not>. [Data de consulta: 25 de gener de 2021].
Cao, J. (2017). «What is a prototype: a guide to functional UX» [article en línia]. Studio by UXPin. <https://www.uxpin.com/studio/blog/what-is-a-prototype-a-guide-to-functional-ux/>. [Data de consulta: 25 de gener de 2021].
Grothaus, M. (2015). «How to go from idea to prototype in one day» [article en línia]. Fast Company. <https://www.fastcompany.com/3045934/how-to-go-from-idea-to-prototype-in-one-day>. [Data de consulta: 25 de gener de 2021].
Hanington, B. (2012). Universal methods of design: 100 ways to research complex problems, develop innovative idees & design effective solutions. Rockport Publishers.
Smith, Q. (2019). «Protyping user experience». [article en línia]. <https://www.uxmatters.com/mt/archives/2019/01/prototyping-user-experience.php>. [Data de consulta: 25 de gener de 2021].
Wiki “Prototipat” (http://cv.uoc.edu/webapps/xwiki/wiki/matprototipado/)
Lectures sobre sketching
Andrew, P. Free PrintableSketching, Wireframingand Note-Taking. PDF Templates https://www.smashingmagazine.com/2010/03/free-printable-sketching-wireframing-and-note-taking-pdf-templates/
Buik,P. The Messy Art of UX Sketching http://uxdesign.smashingmagazine.com/2011/12/13/messy-art-ux-sketching/
Treder, M. Better Use of Paper in UX Design http://uxmag.com/articles/better-use-of-paper-in-ux-design
InformationArchitecture& Sketching for UI/UX Projects, Behind the Design
Eines d’sketching
Encara que fem l’sketching a mà alçada amb eines no digitals com paper, rotuladors, llàpis, etc., hi ha eines digitals de treball col·laboratiu com ara:
- Devianart: https://muro.deviantart.com/. Es gratis.Online.
- Sketchboard: https://sketchboard.io/. Es gratis para proyectos públicos, no para proyectos comerciales. Licencia educativa.Online, colaborativa.
- Sketchpad: https://sketch.io/sketchpad/. Es gratis.Online.
- Sketch Together: https://sketchtogether.com/. Es gratis, con limitaciones.Online, colaborativa.
- Ziteboard: https://ziteboard.com/. Es gratis, hasta 3boards.Online, colaborativa.
Eines de Wireframes
EinaWhimsicalper a flowchartsi wireframes. Femke. Design https://www.youtube.com/watch?v=NcQJjbFxTos&t=1s
Para preparar loswireframesde un proyecto interactivo, se puede trabajar con herramientasofflineuonline. Estas últimas permiten editar colaborativamente un proyecto.
- Axure: https://www.axure.com/. No es gratis. Licencia educativa.Offline.
- Justinmind: https://www.justinmind.com/. No es gratis, aunque tiene versión de prueba.Offline.
- Moqups: https://moqups.com/. Es gratis, hasta 1 proyecto.Online, colaborativa.
- UXPin: https://www.uxpin.com/. No es gratis, aunque tiene versión de prueba.Online, colaborativa.
- Wireframe.cc: https://wireframe.cc/. No es gratis, aunque tiene versión de prueba de 7 días.Online, colaborativa.
- Whimsical: https://whimsical.com/wireframes. Gratis. Online.
Eina per estudiar estructures
- Wirify: https://www.wirify.com/. Gratis. Online. Para ver la estructura de los sitios web.
Guies d’estil
- http://www.smashingmagazine.com/2010/07/designing-style-guidelines-for-brands-and-websites/
- http://alistapart.com/article/creating-style-guides
- http://webdesign.tutsplus.com/articles/maintain-consistency-with-a-website-style-guide–webdesign-10795
Prototipat visual