https://pinboard.in/u:gregg/public/ recent bookmarks from gregg 2020-06-06T17:54:30+00:00 https://medium.com/sketch-app-sources/creating-depth-in-sketch-c5941512248c greggSketch HowTo Design UserInterface Examples https://pinboard.in/ https://pinboard.in/u:gregg/b:ea2fb89263aa/ 2020-06-06T17:38:55+00:00 https://www.niceverynice.com/components greggPatterns UserInterface UserExperience Examples Lists Components Design Inspiration https://pinboard.in/ https://pinboard.in/u:gregg/b:1d2bce36c710/ 2020-06-06T17:35:13+00:00 https://uxdesign.cc/crafting-a-kickass-filtering-ux-beea1798d64b greggUserInterface Filters UserExperience Examples Design https://pinboard.in/ https://pinboard.in/u:gregg/b:3621410eb30b/ 2020-05-05T16:25:37+00:00 https://medium.com/@Alconost/ios-vs-android-design-630340a73ee6 greggiOS Android Mobile Design Comparison Apps Examples UserInterface https://pinboard.in/ https://pinboard.in/u:gregg/b:036824c217fb/ 2020-05-02T22:45:56+00:00 https://uxdesign.cc/10-commandments-for-ui-design-29ee9687a4 greggUserInterface UserExperience Recommendations Lists BestPractices Examples https://pinboard.in/ https://pinboard.in/u:gregg/b:c9522a1bfd56/ 2020-05-02T22:21:32+00:00 https://builttoadapt.io/intro-to-the-8-point-grid-system-d2573cde8632 greggGrids Design UserInterface https://pinboard.in/ https://pinboard.in/u:gregg/b:a7efa755a4b2/ 2020-05-02T22:20:34+00:00 https://spec.fm/specifics/8-pt-grid greggGrids Layout Examples Design UserInterface https://pinboard.in/ https://pinboard.in/u:gregg/b:5e4503fc0a62/ 2020-05-02T22:19:54+00:00 https://medium.com/sketch-app-sources/8-point-soft-grids-in-sketch-e8f1d5ca2cd4#.8d1socyrq greggSketch Grids Design UserInterface Workflow HowTo https://pinboard.in/ https://pinboard.in/u:gregg/b:b6cebfa1f876/ 2020-05-02T22:19:13+00:00 https://designsystem.quickbooks.com/get-started/get-started-for-designers/ greggDesign DesignSystems UserInterface https://pinboard.in/ https://pinboard.in/u:gregg/b:18a208683257/ 2020-05-02T22:18:30+00:00 https://blog.prototypr.io/the-8pt-grid-consistent-spacing-in-ui-design-with-sketch-577e4f0fd520 greggGrids Design UserInterface Sketch HowTo Spacing DesignSystems https://pinboard.in/ https://pinboard.in/u:gregg/b:1b675aa5cbc0/ 2020-04-12T04:03:26+00:00 https://uxdesign.cc/guidelines-for-text-fields-design-9fac0659e720 greggForms UserInterface Design https://pinboard.in/ https://pinboard.in/u:gregg/b:d28f2645c6ee/ 2020-03-12T04:35:30+00:00 https://fossheim.io/writing/posts/accessible-design-tools/ greggAccessibility Design Tools Recommendations UserInterface https://pinboard.in/ https://pinboard.in/u:gregg/b:ea37c3a32259/ 2020-02-27T20:14:13+00:00 https://medium.com/@adamshriki/choosing-the-right-ui-component-for-communication-with-your-users-523499c39490 greggUserInterface UserExperience Friction Usability Users Examples Analysis https://pinboard.in/ https://pinboard.in/u:gregg/b:b62647c3dbdb/ 2020-02-23T20:35:07+00:00 https://uxplanet.org/gauging-users-reactions-to-non-native-ui-81837084cc84 greggApps Mobile Usability Platforms iOS Android UserExperience UserInterface https://pinboard.in/ https://pinboard.in/u:gregg/b:a2a1cb015ba0/ 2020-02-19T20:24:21+00:00 https://medium.com/@thierrymeier/filtering-and-sorting-best-practices-on-mobile-61626449cec greggUserExperience UserInterface Mobile Design Examples Patterns Search https://pinboard.in/ https://pinboard.in/u:gregg/b:8a1499fdb642/ 2020-01-21T03:59:06+00:00 https://www.behance.net/gallery/41023081/Instagram-for-Win95 greggInstagram Windows95 Humor Design UserInterface UserExperience https://pinboard.in/ https://pinboard.in/u:gregg/b:615dbb86d1fa/ 2019-11-28T20:55:05+00:00 https://stripe.com/gb/blog/accessible-color-systems greggColor Accessibility Design UserInterface Examples Advice HowTo https://pinboard.in/ https://pinboard.in/u:gregg/b:c43ca483a3c9/ 2019-11-28T20:53:53+00:00 https://www.smashingmagazine.com/2017/12/building-better-ui-designs-layout-grids/ greggDesign Grids UserInterface Layout Examples HowTo https://pinboard.in/ https://pinboard.in/u:gregg/b:c70baf354061/ 2019-11-28T20:45:15+00:00 https://uxdesign.cc/whats-the-next-ui-design-trend-75c8b61f5c7c greggUserInterface Design Trends Examples UserExperience https://pinboard.in/ https://pinboard.in/u:gregg/b:939d9b1acb8b/ 2019-11-28T19:55:32+00:00 https://zellwk.com/blog/style-hover-focus-active-states/ greggHTML CSS UserInterface Design Code FrontEnd https://pinboard.in/ https://pinboard.in/u:gregg/b:f45ace54bf45/ 2019-11-20T16:50:56+00:00 https://uxdesign.cc/design-better-buttons-a5c90a113280 greggButtons Design UserInterface Examples BestPractices UserExperience https://pinboard.in/ https://pinboard.in/u:gregg/b:66abbe331467/ 2019-11-20T16:46:43+00:00 https://medium.muz.li/proximity-in-product-interaction-design-deb527b1c336 greggProximity InteractionDesign UserExperience Examples Advice Design UserInterface https://pinboard.in/ https://pinboard.in/u:gregg/b:1a10c307703d/ 2019-11-08T16:14:59+00:00 https://learnui.design/blog/ios-vs-android-app-ui-design-complete-guide.html#tap-target greggiOS Android UserInterface Design Examples Overview Comparison Mobile Apps https://pinboard.in/ https://pinboard.in/u:gregg/b:fd0d9bc8251e/ 2019-10-21T14:22:17+00:00 https://uxmovement.com/mobile/the-hover-effect-for-mobile-buttons/ greggUserInterface Buttons Mobile Design Examples https://pinboard.in/ https://pinboard.in/u:gregg/b:0e0cae7a9897/ 2019-09-09T11:21:22+00:00 https://bradleytaunt.com/better-search-results/ greggSearch SearchEngines UserInterface Design Examples UserExperience https://pinboard.in/ https://pinboard.in/u:gregg/b:4b6816c88354/ 2019-09-08T08:12:48+00:00 https://tidbits.com/2019/08/30/less-is-more-apples-inconsistent-ellipses-icons-inspire-user-confusion/ greggUserInterface Design Icons Ellipsis https://pinboard.in/ https://pinboard.in/u:gregg/b:e66a4aa84877/ 2019-08-20T15:37:04+00:00 https://uxmovement.com/buttons/when-you-need-to-show-a-buttons-loading-state/ greggButtons Forms Examples UserInterface Design https://pinboard.in/ https://pinboard.in/u:gregg/b:634578d6230f/ 2019-08-16T14:42:17+00:00 https://learnui.design/blog/4-rules-intuitive-ux.html greggUserInterface UserExperience Examples Design HowTo https://pinboard.in/ https://pinboard.in/u:gregg/b:2ce087c2270b/ 2019-08-14T21:38:40+00:00 https://uxmovement.com/buttons/why-you-shouldnt-gray-out-disabled-buttons/ greggButtons Examples UserInterface Problems https://pinboard.in/ https://pinboard.in/u:gregg/b:201245a08e26/ 2019-08-13T20:38:07+00:00 https://hellopixi.com/ greggIcons Design Useful UserInterface https://pinboard.in/ https://pinboard.in/u:gregg/b:9490f98596ba/ 2019-08-13T20:29:44+00:00 https://medium.com/eightshapes-llc/size-in-design-systems-64f234aec519 greggDesign DesignSystems Examples UserInterface https://pinboard.in/ https://pinboard.in/u:gregg/b:c11bc4406c7a/ 2019-08-13T19:57:22+00:00 https://uxmovement.com/mobile/stop-misusing-toggle-switches/ greggForms UserInterface Design Mistakes Examples Toggles https://pinboard.in/ https://pinboard.in/u:gregg/b:347ad0fecfda/ 2019-08-13T12:09:19+00:00 https://www.youtube.com/watch?v=7Z9rrryIOC4 greggUserInterface Design Presentations Video Refactoring Examples https://pinboard.in/ https://pinboard.in/u:gregg/b:7eb74b0bdb24/ 2019-08-08T09:18:25+00:00 https://onesignal.com/blog/designing-with-figma/ greggFigma Reviews Design UserInterface UserExperience https://pinboard.in/ https://pinboard.in/u:gregg/b:0e30ea735f2b/ 2019-08-04T16:34:49+00:00 https://uxplanet.org/phone-number-field-design-best-practices-23957cbd86d5 greggPhoneNumbers UserInterface Design BestPractices Examples Forms https://pinboard.in/ https://pinboard.in/u:gregg/b:d1bd4812965f/ 2019-08-03T08:39:48+00:00 https://learnui.design/blog/the-3-laws-of-locality.html greggUserExperience UserInterface Design Lists Examples Gmail https://pinboard.in/ https://pinboard.in/u:gregg/b:c3f1c46f5583/ 2019-07-28T20:07:32+00:00 https://uxmovement.com/mobile/why-text-buttons-hurt-mobile-usability/ greggButtons Mobile UserInterface Examples https://pinboard.in/ https://pinboard.in/u:gregg/b:9e5c8f6b579c/ 2019-07-23T12:01:04+00:00 https://medium.com/tokopedia-design/small-things-matter-redesign-filter-of-tokopedia-app-c6dbe6ccae6e greggSearch Filters Filtering UserInterface Examples Conversion Optimization https://pinboard.in/ https://pinboard.in/u:gregg/b:f021092b99aa/ 2019-07-10T08:42:38+00:00 https://twitter.com/ryanburnett/status/1148211328257056768 greggiOS Apple UserInterface Examples Screenshots https://pinboard.in/ https://pinboard.in/u:gregg/b:095b4c26294e/ 2019-06-23T07:45:31+00:00 https://uxdesign.cc/writing-clearer-error-messages-d57d6f388140 greggWriting Errors Examples UserExperience UserInterface HowTo https://pinboard.in/ https://pinboard.in/u:gregg/b:fecfd3ad0b5c/ 2019-06-11T08:56:57+00:00 https://uxmovement.com/buttons/5-rules-for-choosing-the-right-words-on-button-labels/?ref=weekly.ui-patterns.com greggButtons UserInterface Writing UserExperience Design https://pinboard.in/ https://pinboard.in/u:gregg/b:ba4e7a218a3f/ 2019-06-09T06:11:08+00:00 https://medium.com/iconscout/colors-in-ui-design-theory-psychology-practice-f6d6a5e6e04d greggColor Design UserInterface Examples Theory BestPractices https://pinboard.in/ https://pinboard.in/u:gregg/b:8cdaed74fb96/ 2019-06-02T06:51:06+00:00 https://metalab.co/projects/uber greggUserExperience UserInterface CaseStudies Design Apps https://pinboard.in/ https://pinboard.in/u:gregg/b:b67ca9232238/ 2019-05-09T07:33:29+00:00 https://developers.googleblog.com/2019/05/Flutter-io19.html greggFlutter Frameworks UserInterface Web Mobile Google Development https://pinboard.in/ https://pinboard.in/u:gregg/b:ba7616486a11/ 2019-05-06T07:25:50+00:00 https://uxdesign.cc/designing-for-different-ui-states-87d60130f85f greggUserExperience UserInterface Examples Design https://pinboard.in/ https://pinboard.in/u:gregg/b:26850d37a243/ 2019-05-01T07:28:46+00:00 https://uxdesign.cc/heuristic-principles-for-mobile-interfaces-c226fbaa1d16 greggHeuristics JakobNielsen Principles UserExperience Mobile UserInterface Lists BestPractices Examples Design https://pinboard.in/ https://pinboard.in/u:gregg/b:0f8ab8463e17/ 2019-04-30T09:06:50+00:00 https://robinrendle.com/notes/building-a-ui-kit-in-figma/ greggFigma UserInterface UserExperience Reviews HowTo Examples Design Tools https://pinboard.in/ https://pinboard.in/u:gregg/b:da8177504503/ 2019-04-27T13:42:25+00:00 https://uxdesign.cc/project-worlds-achieving-god-mode-in-digital-design-b7242dbe5770 greggDesign Tools Ideas Interesting Examples UserInterface https://pinboard.in/ https://pinboard.in/u:gregg/b:725f2089eae0/ 2019-04-27T12:43:00+00:00 https://uxmovement.com/forms/the-best-way-to-display-text-fields/ greggBestPractices Formatting TextInputs UserInterface Examples https://pinboard.in/ https://pinboard.in/u:gregg/b:bee1a953bc86/ 2019-04-27T12:42:36+00:00 https://uxmovement.com/forms/why-you-should-use-a-text-area-for-address-form-fields/ greggAddresses UserInterface Forms Examples BestPractices https://pinboard.in/ https://pinboard.in/u:gregg/b:d8b0718f5821/ 2019-04-27T12:42:12+00:00 https://uxmovement.com/forms/bad-practices-on-phone-number-form-fields/ greggPhoneNumbers Forms UserInterface Examples BestPractices https://pinboard.in/ https://pinboard.in/u:gregg/b:dbba6f2fd3d2/ 2019-04-27T12:41:09+00:00 https://uxmovement.com/forms/bad-practices-on-birthdate-form-fields/ greggDates UserInterface Forms Examples BestPractices https://pinboard.in/ https://pinboard.in/u:gregg/b:f056ab4b6e81/ 2019-04-27T12:40:49+00:00 https://uxmovement.com/forms/stop-using-select-menus-for-known-user-input/ greggForms UserInterface SelectMenus Examples https://pinboard.in/ https://pinboard.in/u:gregg/b:f9949721ce6e/ 2019-04-22T13:50:55+00:00 https://www.nngroup.com/articles/modes/ greggUserInterface UserExperience Design Modals Modes Examples https://pinboard.in/ https://pinboard.in/u:gregg/b:ccd418dc9320/ 2019-04-15T08:01:49+00:00 http://adilsiddiqui.in/x/designing-for-digital-payments greggBestPractices Recommendations UserExperience UserInterface Forms Design Payments https://pinboard.in/ https://pinboard.in/u:gregg/b:2d3e44cd1e31/ 2019-04-15T07:56:48+00:00 http://adrianroselli.com/2019/03/under-engineered-toggles.html greggUserInterface Design Code Toggles Examples HowTo CSS https://pinboard.in/ https://pinboard.in/u:gregg/b:26597d7bcf8d/ 2019-04-03T08:49:27+00:00 https://www.checklist.design/ greggDesign Checklists Resources BestPractices UserExperience UserInterface Examples https://pinboard.in/ https://pinboard.in/u:gregg/b:318cc3277a7a/ 2019-03-21T08:37:46+00:00 https://uxplanet.org/how-to-simplify-your-design-69d97fde11b9 greggDesign Simplicity HowTo Examples UserInterface UserExperience BestPractices Recommendations https://pinboard.in/ https://pinboard.in/u:gregg/b:2dab72482f78/ 2019-03-21T08:37:06+00:00 http://jeremymikkola.com/posts/2019_03_19_rules_for_autocomplete.html greggAutocomplete Design Patterns UserInterface Rules Lists BestPractices Reference Search https://pinboard.in/ https://pinboard.in/u:gregg/b:0e2902f56205/ 2019-03-08T17:09:53+00:00 https://www.nngroup.com/articles/top-10-application-design-mistakes/ greggApplication usability is enhanced when the UI guides and supports users through the workflow.]]> Design Mistakes Lists Top10 Applications UserInterface Usability https://pinboard.in/u:gregg/b:14929a328b03/ 2019-03-08T17:06:30+00:00 https://medium.com/ido-lechner/crafting-smarter-interfaces-with-anticipatory-design-624f19ce8352?ref=weekly.ui-patterns.com greggGiving users explicit choice is generally well-intentioned, but there’s an art to balancing autonomy and clarity. In attempting to represent the full range of options available, designers often think…]]> UserExperience Examples AnticipatoryDesign UserInterface https://pinboard.in/u:gregg/b:41476b1b464b/ 2019-03-08T17:01:34+00:00 http://bradfrost.com/blog/post/dont-get-clever-with-login-forms/ greggAs time goes on I find myself increasing]]> Login Authentication UserExperience Design UserInterface Examples https://pinboard.in/u:gregg/b:e7ef5dc16943/ 2019-03-03T22:29:36+00:00 https://medium.com/tap-to-dismiss/select-to-proceed-996d19c8a7a4 greggUserInterface Forms Design Example BestPractices https://pinboard.in/ https://pinboard.in/u:gregg/b:b1a1dae5f044/ 2019-02-26T10:06:21+00:00 https://www.youtube.com/watch?v=1CDTw_UpQoQ greggSVG Development UserInterface Videos HowTo Examples https://pinboard.in/ https://pinboard.in/u:gregg/b:5b32b7233643/ 2019-02-18T08:48:25+00:00 https://allenpike.com/2019/navigation-should-be-boring greggNavigation UserExperience UserInterface Design Examples https://pinboard.in/u:gregg/b:73318de5fd95/ 2019-02-08T11:55:47+00:00 https://design-system.service.gov.uk/get-started/ greggThe following introductory guides will help you to get set up]]> DesignSystems Design UK Reference UserInterface Useful https://pinboard.in/u:gregg/b:6a562af42b43/ 2019-01-07T14:18:30+00:00 https://medium.com/tap-to-dismiss/tap-to-dismiss-fbc66bdf500a greggModals UserExperience UserInterface Examples BestPractices Design https://pinboard.in/ https://pinboard.in/u:gregg/b:b36ad9ef7b47/ 2019-01-07T13:25:59+00:00 https://overreacted.io/the-elements-of-ui-engineering/ greggWhat makes UI engineering difficult?]]> UserInterface Development Challenges Problems Lists https://pinboard.in/u:gregg/b:5a3aa473bb95/ 2018-12-30T11:50:35+00:00 https://playbook.uie.com/blog/consistency-in-design-is-the-wrong-approach greggIn this two-day workshop Jared Spool will guide you through dozens of UX strategy plays to identify the perfect combination for your organization.]]> Design CurrentKnowledge UserInterface UserExperience Forms https://pinboard.in/u:gregg/b:69e22c01c6c1/ 2018-12-26T12:12:15+00:00 https://uxplanet.org/tab-bars-are-the-new-hamburger-menus-9138891e98f4 greggUsually, I don’t like to only complain about bad UX design and I don’t like to only point out a problem. Instead, I always try to suggest solutions. This time it’s the other way around: The solution…]]> TabBar UserInterface Mobile iOS Navigation Design https://pinboard.in/u:gregg/b:90d6788b4005/