Latest mockups - Admin, Publish and Installer

[Khaled Abou Alfa]

Right team, loads going on so please read through mailing list threads
so that we're all clear as to what's been discussed before.

Admin
I've brought all the colours and the styles in line with the installer
002. Small tweaks really, but the pink on the log out button shows up
when you hover over it.

Publish
Lots of discussions going on about the delete button/discard button.
I've included a revised mockup to include this in there. This isn't me
giving up on the point of discussion because I definitely think that the
argument is valid. Editing a post is not the same as deleting.

The model has been set up to be divided into 3 levels. Publishing isn't
the same as managing, however editing your post is also a function of
managing the post and when you edit it falls in between the two.

I take the point that in some cases this might be something that makes
it easy for the end user and don't think we should away functionality in
order to simplify things.

To be honest though in most cases that extra button will most be used
for textarea reset. I've put the button away from the publish and save
buttons. Even though we'll have this undo/trashcan feature, I still feel
it should be well away from your standard and most often used buttons,
the publish and save.

The two buttons replaced the radio buttons, although we might have to
include a tickbox for private posts. Saving instantly saves it as a
draft. Publish moves it out of the draft section.

Oh yeah, I've also put the slider as per your comment Michael.

Installer
I've already talked about the installer. I've tweaked it as per Owen's
suggestion that the message should be closest to the actual action
that's going wrong.

Colours
This is a major topic, one that I've struggled with from the start. I
will say that last week I had it clear but then Michael's jamming
session got me thinking in an alternative direction, not by much mind
but it's definitely different. Obviously this had mixed reactions as you
would expect.

The issue is that any colour scheme we choose will be liked by some and
hated by others. One alternative it to provide a small tweaked
variation, not a completely different theme but a colour change
(different people like different colours after all) while at the same
time retaining all the branding elements we'd like associated with the
programme. That's however a topic for a later date once we've bottomed
out the other things on this list.

Oh yeah and anyone who comments on spelling mistakes or missed commas or
whatever in these mockups will get cyberslapped :). These are mockups
people. Save that for when the html comes through, nitpick all you want
about the prose and the language.

Khaled
www.brokenkode.com

[Computer Guru]

> Installer
> I've already talked about the installer. I've tweaked it as per Owen's
> suggestion that the message should be closest to the actual action
> that's going wrong.

Couldn't you simplify the installer by removing the confirm password field
and not hiding the user input for the original password field?

I don't see why you would need to hide the password the first time, and it
would eliminate a lot of things.

Nice designs though :)

Computer Guru
NeoSmart Technologies
http://neosmart.net/blog/

[k0ma]

This is all looking very nice, Khaled. The color scheme is very easy on
the eyes and the minimalist design looks very functional. And as a fan
of sans-serif fonts, the lack of serifs is pleasing as well ;-)

[Owen Winkler]

On 1/14/07, Computer Guru <comput...@neosmart.net> wrote:
>
> I don't see why you would need to hide the password the first time, and it
> would eliminate a lot of things.

Because:

1) I don't want to show someone how to set up the software and give
them my password to it at the same time.

2) Browsers frequently store text fields in a local datastore for
autocomplete. I don't want my password stored anywhere on my
computer.

Owen

[Computer Guru]

Good point :)

Computer Guru
NeoSmart Technologies
http://neosmart.net/blog/

[phoenix]

+1 from me on everything. Love the mock-ups. (cept for the header area
where the logo and stuff should be... but not important right now).

Not a big fan of the pink either... but I can totally live with that as
a secondary design element. If you ever switch the blue and pink...
I'll have to run far away from the Habari project...lol.

I agree with Owen on the password thing.

[Michael Heilemann]

Got some changes I'd like to make, but that's me ;) -- One thing though, I think there are some tabbing problems. Have a look at the attached picture.

This is how I write posts anyway, and I mention this because if the default settings are 'right', it is the best workflow I can think of:

Header -> Entry -> Tags -> Publish

That is the tabbing order I would suggest. And that's a problem with the current mockup.

--
Aloha,
Michael Heilemann
http://binarybonsai.com

[Michael Heilemann]

Which by the way is why, in the buttons discussion, I suggested stealing Gmail's button layout:

[Publish] [Save] [Discard]

[khaled Abou Alfa]

Sorry Michael I'm not sure what attached picture are we talking about? Did I miss an email?

[khaled Abou Alfa]

A bit confused by the mockup actually. The tags go above the text input areas? The save and publish get flipped around but do those get moved below the text field is that what that means?

On 1/14/07, Michael Heilemann <heil...@gmail.com> wrote:

[Broken Kode]

For some reason the first email didn't come through, now I can see the
deal. I've attached a couple of tweaks accordingly. I think you're
talking about version 003 right?

[Trevor Turk]

This all looks absolutely beautiful. Really, really nice work.

I put in a ticket about this, but I think that it would be nice to
support "admin themes" with custom CSS files. If there are plenty of
HTML "hooks" for CSS styling, then it would be pretty easy for people
to make their own "admin themes" if they wanted to add their own logo
or change the color scheme etc. This would also make it possible to
hide things in the admin that people didn't want showing, just with
CSS, which is something I do with WordPress all the time for...
less-advanced users :)

[sfo...@gmail.com]

I prefer 002 myself, I tend to fill in the post title, write the post
then scan through to the save/publish buttons. In 003 you miss the
final mental check that everything you want filled out, uts just
straight to publish/save.

I would concede though that those page settings options are unlikely to
be changed when initially writing the post, the tags are surely going
to be entered in the initial writing of the post.

[khaled Abou Alfa]

That's actually where I disagree. I think stuff like that is a personal preference. You can't make claims about the flow in which you add tags because I write and then scan the words to see what associated tags I need. Often times becuase I have no idea which tags are already there I might not repeat them, but they're not the same as categories (and even those I put them at the end).

The good arguement for such a layout is actually the tabbing order to be honest. From that I am in complete agreement that the publish/save should be well before the 200 tags :).

[Computer Guru]

I agree with Khaled.

I like the current way with UTW in WP, which is the same as what Khaled implies now.

Many times you will make references to things and tags in your post that you weren’t planning on at first.

 

Computer Guru

NeoSmart Technologies

http://neosmart.net/blog/

 

From: habar...@googlegroups.com [mailto:habar...@googlegroups.com] On Behalf Of khaled Abou Alfa
Sent: Monday, January 15, 2007 1:12 PM
To: habar...@googlegroups.com
Subject: [habari-dev] Re: Latest mockups - Admin, Publish and Installer

 

That's actually where I disagree. I think stuff like that is a personal preference. You can't make claims about the flow in which you add tags because I write and then scan the words to see what associated tags I need. Often times becuase I have no idea which tags are already there I might not repeat them, but they're not the same as categories (and even those I put them at the end).

[sfo...@gmail.com]

I agree with that, I thought it was worth putting another POV across.

maybe they can be dragged around to someones own personal preference?

[Computer Guru]

Please no.

Look at the widget's admin in WP: it's utter crap. Slow, incompatible, and
worse.
The admin center doesn't need to be chock-full of AJAX - hell, if it's a
text-only center, it's better than that.

Admin center is only seen by the owner. IT should look nice and welcoming,
but let's not overdo it.

Computer Guru
NeoSmart Technologies
http://neosmart.net/blog/

> -----Original Message-----
> From: habar...@googlegroups.com [mailto:habar...@googlegroups.com]
> On Behalf Of sfo...@gmail.com
> Sent: Monday, January 15, 2007 1:29 PM
> To: habari-dev
> Subject: [habari-dev] Re: Latest mockups - Admin, Publish and Installer
>
>

[sfo...@gmail.com]

I agree about WP admin, I was hoping it could be done more
transparently/usefully.