Hero Site Builder Edits Nov3

Transcript

1. When the admin user selects "Create From Scratch" the application should prompt the admin user immediately into a shell template that displays like you are seeing to the right. From here, the admin user can begin personalizing the site experience to their liking. The shell template is built to give the admin user a visual canvas to work off of. The admin user can move any/all of the sections around as they please, delete sections, etc. Top navigation Banner Section 1 Section 1 Section 1 Footer Section 2 Section 3
2. Question? How do I undo something I just did? I accidentally deleted the banner and am completely lost as to how to undo deleting the banner! Above is a screenshot of me accidentally deleting the banner image.....can there be an undo button at the top right by the rest of the icons? Note! I ran into this a lot as I am playing with the user prompts to edit the site experience. We need a very clear undo option that is prevalent throughout the admin user site editing experience Undo
3. It is not intuitive how I can drag a section or text around on the page. The admin user should literally be able to click on (and hold the mouse on a section, text, image, etc. and move it to new real estate on the site experience. We do not want the admin user to have to search for anything that can easily be done. Moving things around on the page is a prime example of this that we will display as we keep going into more edits. For instance....if I wanted to drag the text " Donate services to in people in times of need" to below the four widgets, I should be able to click and hold, and drag below. I should not need to find a widget that enables me to drag items around the page. Donate services to people in times of need If we need to, we can enable an icon that populates anytime an admin user hovers over an object on the site. e.g. an admin user experience when hovering their mouse over " Healthy food" portrayed above
4. As I did figure out how to move an object, I moved the verbiage " Donate services to people in times of need" to see what happens. As an admin user, I realized that I hate the placement of where I dragged this text to. I want to move it back to where I had it and/or try to move it to another real estate on the site. The application does not let me move the text again after I already moved it....or I can't figure out how to move the text "Donate services to people in time of need" away from its new placement. There is no prompt visible that I can find that enables me to move around again. What would be helpful is f I can either simply just click click on " Donate services to people in times of need" and hold my mouse to move wherever I'd like OR have the application display an icon to be able to drag this text around to new real estate on the site. e.g. above.
5. Here is an example of an easier user experience to visualize my editing options once I hover over any section, image, text box, button, etc. so that I can see that I can move this object or edit this object. If I move the object, I just select the move arrows and drog the object to new open real estate on the site experience. I like the idea of being able to grab any object to move it to new open real estate better, but if we must have icon toggles to dictate that the admin user can move, edit, duplicate or trash an object.....this is a more intuitive user experience above.
6. I added an image to a content block that I added. With that, it is incredibly confusing as to how I can maneuver the image to fit how I want it to. After digging around for a bit and messing a few things up (without an option to undo any changes I might add), I did see that I can play with the image width and height. Is there an easier way for the admin user to expand and decrease image sizing in real time rather than trial and error with width and height percentages? We need a more intuitive option to edit images that are being injected into site experiences.
7. Here is a more intuitive user experience to widen and heighten an image on a site experience. By selecting "edit image" I am prompted with a pop out where I can edit the images width by sliding the bar up and down. The image widens and shrinks in real time for me to see as I am sliding the toggle. In a perfect user experience, it would be great if the admin user could could simply drag the image corners and/or sides and watch the image enlarge or decrease in real time on the site experience (almost like in a power point presentation)....but if there needs to be an icon driven user experience to massage image sizes in real- time, this feels more intuitive than guessing percentages on an image height and width. Also - when the admin user selects "Edit Image" in the above user experience, they have the option to add a link to an image which I couldn't figure out in the Hero application intuitively. Adding a link enables the admin user to link to a different page or section on the site OR add a URL that drives to another site.
8. Question? How do I simply just add a new blank section? As an admin user I'd like to add a new blank section below. After I add the section, I want to decide if I want to add an image, text, a button, etc. to the section after I add the section? I can't figure out how to simply just add a new blank section of new real estate to customize as an admin site builder. I am only seeing pre-built
9. Here is an intuitive experience to add a new section to a site. The next screen shows an intuitive user experience in adding elements to the newly added section as well. You will see how the admin user can visually see and drag elements that they want to incorporate into the site. The admin user can also toggle to different element options that have pre-built templates that the admin user can use to customize off of.....OR you will also see there are many blank template styles that enable the admin user to drag an elements blank real estate onto the site.