Simpler UX for Creating Swings
See original GitHub issueFor 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:
- <kbd>cmd</kbd>-<kbd>shift</kbd>-<kbd>p</kbd> ->
CodeSwing: New Swing...
- 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
- Create a new folder in this dialog, with no good suggestion for a default folder name (“untitled folder” is the default on macOS)
- 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)
- Choose one of these options
- 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:
- Visit https://codesandbox.io/s/new?file=/src/App.js
- Start coding
Suggestion 1: Here’s a suggestion for a possible workflow:
- <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. - 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.
- Choose from the list of templates
- Start coding
Suggestion 2: And something even faster, for those who know what they want:
- <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. - Start coding
Issue Analytics
- State:
- Created 3 years ago
- Comments:5 (3 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
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 👍
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...