question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Simpler UX for Creating Swings

See original GitHub issue

For the first creation of a playground / sandbox environment, it would be nice to be able to reduce the cognitive effort required to get to a working, running Swing.

Right now, these are the steps:

  1. <kbd>cmd</kbd>-<kbd>shift</kbd>-<kbd>p</kbd> -> CodeSwing: New Swing...
  2. Get thrown into a file selection window, which is confusing and distracting, figure out that you need to choose a folder for the files to go
  3. Create a new folder in this dialog, with no good suggestion for a default folder name (“untitled folder” is the default on macOS)
  4. Get a long list of options that the user needs to choose from (if the user <kbd>cmd</kbd>-<kbd>tab</kbd>s away from VS Code, this disappears, leaving the empty folder behind)
  5. Choose one of these options
  6. Start coding

In this amount of time, it is pretty easy to forget that little idea that you wanted to try out.

For comparison, let’s look at CodeSandbox:

  1. Visit https://codesandbox.io/s/new?file=/src/App.js
  2. Start coding

Suggestion 1: Here’s a suggestion for a possible workflow:

  1. <kbd>cmd</kbd>-<kbd>shift</kbd>-<kbd>p</kbd> -> CodeSwing: New Swing.... This will automatically create a folder with an auto-generated name to hold the Swing files within some VS Code directory, which can be customized afterwards if the user wants.
  2. Get a long list of options that the user needs to choose from (this stays, even when user <kbd>cmd</kbd>-<kbd>tab</kbd>s away from VS Code). The last-used templates are listed at the top in reverse-chronological order.
  3. Choose from the list of templates
  4. Start coding

Suggestion 2: And something even faster, for those who know what they want:

  1. <kbd>cmd</kbd>-<kbd>shift</kbd>-<kbd>p</kbd> -> CodeSwing: New Swing with Last Template. This will automatically create a folder with an auto-generated name to hold the Swing files within some VS Code directory, which can be customized afterwards if the user wants. It will use the last-used template that the user chose.
  2. Start coding

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
lostintangentcommented, Feb 27, 2021

Yep I appreciate the feedback, and can see the confusion in the name now 😁 I’m implementing the MRU list right now, and will rename this command, and introduce the “new swing from last template” command as well. I should be able to release an update this weekend, and I’ll ping this thread to get feedback 👍

0reactions
karlhorkycommented, Mar 3, 2021

Great, this UX feels pretty nice, thanks!!

One last detail would be to be able to do 6. for new swings, in a single step. I can think of two options for this:

A. An extension setting (could be default-off, if you think that users would more commonly want to start in the same window) to Open all new swings in new windows B. New commands for opening the new swings in new windows eg. New Swing In New Window...

Read more comments on GitHub >

github_iconTop Results From Across the Web

5 Simple UX Principles to Guide your Product Design - SitePoint
Good design is easy to trust. Before asking someone to complete an action, make every effort to help them understand why the task...
Read more >
How to design a modern Java Swing UI inspiration ... - YouTube
Java Swing Modern UILearn how to design a modern Java Swing UI design from scratch using Netbeans. In this video we dwell on...
Read more >
java swing ui - a sample dark ui - YouTube
... 2020Check this simple Dark UI using Java Swing, the goal is to get the idea of what you can add to your...
Read more >
Implement Best Practices for UX Design - Mendix Docs
Describes best practices written by a UX Designer for contributing to the app development process.
Read more >
The simplest but most abused UI components | by Merve Orhan
I will focus on 2 heuristics while analyzing the first batch of the simple UI components and their correct way of use; User...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found