Skip to content

Instantly share code, notes, and snippets.

@Skylarity

Skylarity/apps-with-good-uiux.md

Created August 3, 2017 19:25
Show Gist options
  • Save Skylarity/739c8a1232815ceecc9d832ca641656e to your computer and use it in GitHub Desktop.
Save Skylarity/739c8a1232815ceecc9d832ca641656e to your computer and use it in GitHub Desktop.
Download ZIP
Apps with good UI/UX
Raw
apps-with-good-uiux.md

Good UI/UX

  • Reddit Sync - A third-party reddit mobile app
    • UI
      • Uses Google's Material Design design guidelines
      • Customizable layout and theme enables any user to browse the app in a way that is most intuitive to them
      • Automatic night mode changes the UI theme to a darker or black theme between sunset and sunrise
    • UX
      • Card layout provides news and entertainment in an easy-to-digest, concise manner
      • Swipe interactions make switching between areas of the app super easy and intuitive
        • Example:
          1. Tap on post
          2. Browse comments
          3. Swipe comments to the side, this brings you back to the newsfeed in a manner that imitates the putting aside of a piece of paper or something
  • Google Inbox - An email client
    • UI
    • UX
      • Bundles emails that are alike into categories for easy sorting
      • Expands currently open email into timeline, keeping the user's temporal sense of space intact
      • Adds cards to emails with distilled information pertaining to the email content
        • Flight info
        • Package tracking info
        • Calendar event info
  • Atom - A code editor
    • UI
      • The UI is completely and totally customizable, but for the purposes of this document I'll talk about the default UI
      • Aside from a clean and simple general interface, there are many small features that add to the experience
        • Files with unsaved changes get a blue dot in the title bar
        • Every element can be repositioned or hidden
        • Files with additions or deletions and newly created files are color coded in the filetree
          • Individual lines are also color coded within open files
    • UX
      • Command Palette
        • By hitting Ctrl + Shift + P, you can bring up the Command Palette
        • This allows you to type in any command the editor can execute, and then hit Enter to execute it
        • Example:
          1. Press Ctrl + Shift + P
          2. Type ssjs
          3. The Command Palette suggests the command "Set Syntax: JavaScript"
          4. Press Enter and the current file's syntax highlighting is changed to JavaScript
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment