How to improve Instructables.com ! Answered
I am web designer so I will be specific.
These little things bug me but they must drive crazy those ordinary PC users.
It seriously degrades the overall user experience on this web !
Here I will point to current problems and show you how to fix it.
All following is about EDIT MODE.
Constructive critisism, right ? :)
I know you are using jQuery UI 1.8.11 on this site.
Now there is no indicator IF the file uploads at all and/or in case of bigger file/slower connection how long it needs yet !
You have it already in use, when "updating" small progress bar I saw used in images area.
Use following it will do miracles:
UPLOAD IMAGES AGAIN :)
Put buttons SELECT FILES + UPLOAD FILES side by side !
Imagine adding 20 images the upload button goes down.
Do not force user to think let alone to do things extra, hide buttons from him !
And not to forget ADD there tiny link sor of button to DELETE ALL IMAGES before uploading.
What if you choose by accident wrong folder and upload 20 images you do not want to.
Sort of CHECK ALL + DELETE function so you can for instance uncheck those you want to leave there.
CLOSED WINDOW BY ACCIDENT = SAVE
You edit for a while, close window only to realise content is not saved.
Could you implement:
* AUTO SAVE function after like 5 mins ?
* IF SAVED = let user close window, no big deal
* if saved = add to left small greyish message Saved ... or the button itself
* NEW content = button says SAVE NOW
* if saved = itself could go grey and have text SAVED = when content changes, turn it orange again !
* the same functionality that GMAIL uses, it is simple
Biggest pain here !
I can have like 20 steps, want to move 1/2 of them for instance.
Let us reorder ALL STEPS simply !
Click on the reorder button and offer, let us reorder, offer us small OK button or some function to toggle the "moving" state back to stationary.
ADD STEP + vs. INSERT STEP
Enlighten me please if mistaken.
Do you realise these 2 buttons EACH NEXT to each other do the EXACTLY same thing ?
Delete one :)
EDIT AREA FOR TEXT
The window is too small.
Lenghty steps are pain to write and review on such size.
Enable resizing handle the same you already have in forums post edit mode !
ERROR WARNING MESSAGES
Use this and style it to your web orange :)
Dear Instructables.com look at screenshots for better reference.
Do not let me waste two hours of my time figuring out stuff and writing this post.