Showing posts with label ui/ux. Show all posts
Showing posts with label ui/ux. Show all posts

11 Oct 2020

Resources and Tools for Protoyping

Part 1

  1. http://www.usability.gov/how-to-and-tools/methods/prototyping.html
  2. http://www.telono.com/en/articles/lo-fi-vs-hi-fi-prototyping-how-real-does-the-real-thing-have-to-be/ 
  3. http://www.usabilityfirst.com/glossary/high-fidelity-prototype/
  4. http://www.atlargeinc.com/insights/high-fidelity-vs-low-fidelity-prototyping-web-design-and-app-development 
  5. https://www.youtube.com/watch?v=91-JnTq3MhA
Tools 

Part 2

  1. https://uxmag.com/articles/what-a-prototype-is-and-is-not
  2. https://www.smashingmagazine.com/2014/10/the-skeptics-guide-to-low-fidelity-prototyping/
  3. http://www.usabilityfirst.com/glossary/low-fidelity-prototype/
  4. http://andrewchen.co/why-every-consumer-internet-startup-should-do-more-low-fidelity-prototyping/
  5. http://www.telono.com/en/articles/lo-fi-vs-hi-fi-prototyping-how-real-does-the-real-thing-have-to-be/
  6. http://it.toolbox.com/blogs/enterprise-solutions/prototyping-types-of-prototypes-14927
  7. http://www.usabilityfirst.com/glossary/horizontal-and-vertical-prototypes/
  8. http://marketblog.envato.com/grow-improve/creativity/introduction-sketch-ui-design/
  9. https://www.smashingmagazine.com/2011/12/the-messy-art-of-ux-sketching/
  10. http://www.slideshare.net/LaneHalley/how-to-draw-quick-useful-ui-sketches
  11. http://ui-patterns.com/blog/User-interface-sketching-tips-part-1
  12. https://uxmag.com/articles/storyboarding-in-the-software-design-process
  13. http://www.fastcodesign.com/1672917/the-8-steps-to-creating-a-great-storyboard
  14. http://www.slideshare.net/fgarofalo/users-story-ux-storyboarding

12 Jun 2020

25 Examples of Lead Generation Forms That Convert in 2020

All of these examples are up-to-date forms used by leading brands and I’m going to explain why each of them works so well.


This will all make sense by the time we’ve looked at a few examples.

1 Feb 2020

29 Jan 2020

awesome tools for every UI/UX designer

IconScout

https://iconscout.com/
Highly customizable digital asset library of 4.4million+ Icons, Illustrations, 3D & Lottie animations


UnDraw

undraw.co/illustrations

Search, customize, and download illustrations for free! One Of my favorite things about UnDraw is being able to change its thematic color to match your brand.



useAnimations

useanimations.com

Download and use these free animated icons that will retain quality in all device sizes, and are super easy to customize!




20 Sept 2019

18 Sept 2019

Design system


Style Guide (for web app)


Design Systems Gallery
https://adele.uxpin.com/
https://designsystemsrepo.com/design-systems
http://styleguides.io/examples.html

Some good online ones are:
  • Atlassian
  • Elastic
  • VTEX
  • Docker
  • Carbon

Resources

Auth0 (GitHub supported)
https://styleguide.auth0.com/

Bundlify
https://style.bundlify.com/

Purple3 by Heroku
https://design.herokai.com/purple3/docs/

Google’s Design for Driving

22 Aug 2019