Ticket #199 (new UX/Interaction Research and Design)

Opened 5 years ago

Last modified 2 months ago

Interface and Usability refresh for ask.fedoraproject.org

Reported by: sundaram Owned by: anuradhaw
Priority: medium Severity: Long-Term / Complex Issue
Keywords: triaged Cc:
Blocked By: anuradhaw Blocking:

Description

Ask Fedora is a community edited knowledge base, a forum oriented towards just questions and answers. A test instance is running at

http://ask01.dev.fedoraproject.org:8888/questions/

Upstream css file is at

http://fpaste.org/FdSm/raw/

If anyone is interested, let me know and I can make you a admin for the test instance and you can experiment with the css via the admin settings which allows for a custom css file which overrides parts of the default css file as necessary.

A logo would also be nice since we want to promote this site without the restrictions associated with the Fedora logo

Attachments

AF_Logo-draft.svg (1.4 KB) - added by niftyness 5 years ago.
simple logo idea
mascot.png (88.1 KB) - added by xhaksx 5 years ago.
An idea for the AskFedora? mascot
mascot.2.png (88.1 KB) - added by xhaksx 5 years ago.
svgs (feedback).zip (8.7 MB) - added by lhorakov 10 months ago.
Feedback to ASK Fedora Project Redesign

Change History

Changed 5 years ago by niftyness

simple logo idea

comment:1 Changed 5 years ago by niftyness

ignore that logo.. I messed up the export

comment:2 follow-up: ↓ 3 Changed 5 years ago by kirkb

Is the plan to keep the name "Askbot"? If so, is the desire to keep the robot theme of the current mascot/logo?

comment:3 in reply to: ↑ 2 Changed 5 years ago by kirkb

Replying to kirkb:

Is the plan to keep the name "Askbot"? If so, is the desire to keep the robot theme of the current mascot/logo?

Nevermind, a little more reading and it looks like askbot is the upstream project, so Ask Fedora will be the name here (ask.fedoraproject.org)

Changed 5 years ago by xhaksx

An idea for the AskFedora? mascot

comment:4 Changed 5 years ago by sundaram

Hey, thanks for the mascot proposal. I like it and I have provided a update on the status of the project at https://lists.fedoraproject.org/pipermail/design-team/2011-September/004966.html

niftyness, if you attach a new copy of the logo proposal, that would be great

Changed 5 years ago by xhaksx

comment:6 Changed 5 years ago by sundaram

Another project that Red Hat sponsors already uses a owl (http://teachingopensource.org/index.php/POSSE). I think a different animal as mascot would be the way forward.

comment:7 Changed 5 years ago by ryanlerch

  • Owner changed from nobody to ryanlerch
  • Status changed from new to assigned

comment:8 Changed 4 years ago by ryanlerch

  • component changed from Other Artwork to Interaction Design / Usability
  • Severity changed from Quick & Easy to Long-Term / Complex Issue
  • Summary changed from CSS and logo for Ask Fedora to Interface and Usability refresh for ask.fedoraproject.org

comment:9 Changed 3 years ago by ankursinha

Hi Ryan,

Are you still working on this? I think only the footer needs to be completed. Would you have time to finish that up so I can apply the theme to the production instance?

Btw, I used the staging instance from my cell and the doesn't seem to scale. The search box overlaps it. Would you be able to make the logo autoscale depending on the browser window to fix this?

Thanks, Ankur

comment:10 Changed 16 months ago by pfrields

  • Keywords triaged added

comment:11 Changed 16 months ago by ryanlerch

  • Owner changed from ryanlerch to sadin
  • Status changed from assigned to new

comment:12 Changed 16 months ago by pfrields

  • Type changed from task to UX/Interaction Research and Design

comment:13 Changed 15 months ago by duffy

sadin, suchakra, and banas have been working on this design. They have a repo on our github page available here: https://github.com/fedoradesign/askbot-test

comment:14 Changed 15 months ago by duffy

More updates:

comment:15 Changed 15 months ago by suchakra

Version of redesign plan in plain text : http://suchakra.in/random/redesign-plan.txt
This one will be regularly updated.

comment:16 Changed 14 months ago by sarupbanskota

Just updating:

So far, the plan is that we'll mentor one student over the summer period towards the completion of the project. Suchakra and I hosted a quick discussion with one of the prospective students, minutes of which are available here: http://meetbot.fedoraproject.org/glittergallery/2015-03-25/glittergallery.2015-03-25-12.00.html. We've currently assigned the student some warm up tasks to get her up to speed and also evaluate her in the process. She has some work here: http://askbot-anuradhaw.rhcloud.com/. She hit some roadblocks, which IIRC we helped resolve.

There have been several other students too, some of which we did keep in touch with over email, but so far this one seems more promising.

Much earlier, Suchakra and I were running some flexboxy experiments on http://sarupbanskota.github.io/askfedora-frontend/, which will obviously be broken on non-new browsers because there's no polyfills (it's intended, we were just playing around).

So.. that's about it, sorry for not having updated this thread. We had crazy discussions over personal email, I should have remembered to gist those here. Next time :)

Thanks!

comment:17 Changed 13 months ago by duffy

Hi Sarup! It's been 4 weeks so we're just looking for an update. Has the GSoC selection process finished yet so do you have a confirmed gsoc student to work on this?

comment:18 Changed 12 months ago by duffy

  • Owner changed from sadin to anuradhaw

Anuradha Welivita is the GSoC student working on this project this summer:

http://anuradhanotes.blogspot.com/search/label/GSoC

Assigning this ticket to her!

comment:19 Changed 12 months ago by anuradhaw

Hi everyone, I have worked on some mockups for this project which can be viewed here at my blog - http://anuradhanotes.blogspot.com/search/label/GSoC

And also I have set up a repository in fedoradesign github where I have pushed my current work on the mockups - https://github.com/fedoradesign/Askbot-mockups

I would like to have some feedback on my work and would like to know the changes that I may need to do in the designs and what additions that I may have to include further. Thanks in advance.

comment:20 Changed 10 months ago by duffy

Just pinged Anuradha for an update in email.

comment:22 Changed 10 months ago by anuradhaw

Hi, I have currently coded 6 pages according to my mockups which you can find here: http://askfedoratest-anuradhaw.rhcloud.com. And these are not the final ones because still there are some small things to be fixed in those pages.

And for some time I met with some issues on overriding templates and styles in AskBot?. And it is only a few days ago I got those issues resolved through help from the IRC. And currently I am working on the integration. I hope to get the integration done as soon as possible and move on to coding of other pages as well.

comment:23 Changed 10 months ago by anuradhaw

After the hackfest in FudCon?, Pune on AskFedora? UX/UI and functionality overhaul my mentors Suchakra and Sarup have collected some feedback and they are preparing a detailed report on the feedback received. Once I get the report we will discuss more on what changes are need to be done.

comment:24 Changed 10 months ago by duffy

Anuradha - your test pages look *fantastic* ! Great job :) I'm glad to see such wonderful progress!

comment:25 Changed 10 months ago by anuradhaw

Thank you very much. Any feedback on these pages are welcome :)

comment:26 Changed 10 months ago by duffy

Hey Anuradha, as a head's up: Lenka (lhorakov) who is one of our UX designers in Brno is going to do a full review of your prototype and design documents and give you some feedback here.

comment:27 Changed 10 months ago by anuradhaw

Okay, I will be looking forward to receive that feedback.

Changed 10 months ago by lhorakov

Feedback to ASK Fedora Project Redesign

comment:28 Changed 10 months ago by lhorakov

Hi! So I reviewed Ask Fedora Mockups – also .png-s from GitHub?. I added here a .zip where are my suggestions. You can realize it if you will consider it right, or not, it's up to you. :)

BUT I have to say that you have done a LOT of work, so please take my feedback as optional advises and notice that I'm not criticizing you just trying to improve it even more. Really nice work and good job!

comment:29 Changed 10 months ago by anuradhaw

Hi, thank you so much for the feedback :) I'm going through the comments that you have mentioned and I realize that they are really useful. I am currently doing the integration of the main page with the testing instance I have at Openshift and I will incorporate what you have mentioned when doing that and will change the other pages too. Thanks a lot for the suggestions to make them better :)

And by the way I have changed the user page a bit because my mentors asked me to do so. That is different from what I have in the mockups. That page can be viewes here: http://askfedoratest-anuradhaw.rhcloud.com/user

comment:30 Changed 9 months ago by duffy

  • Blocked By set to sundaram

how are we doing with this one now that GSoC is over?

comment:31 Changed 9 months ago by anuradhaw

Hi, well I have pushed all my code with the new styles I have used to override the existing templates and styles in askbot to fedora-design which you can find here: https://github.com/fedoradesign/askfedora-redesign. Now it's open for anyone to contribute and a list of issues which needs fixing can also be found there. I have worked on solving some of the issues and will be working on the others. After GSoC I have been quite busy studying for end exams and I will be resuming my work on the project soon after the exams which will be mid of next month. Hope it is not too long and I will be keeping in touch though.

comment:32 Changed 7 months ago by duffy

awesome, great work anuradhaw and thanks for the update! sundaram do you know how we can get this pushed to prod?

comment:33 Changed 7 months ago by duffy

puiterwijk is looking at deploying the new styles to ask.fpo stage... he will revert if it causes issues. anuradhaw, if there are issues we'll wait to redeploy until you have more time after exams to take a look any any breakage. It does look like there will be some problems initally because puiterwijk says your fixes are built for a newer version of askbot than we have deployed.

comment:34 Changed 7 months ago by duffy

Okay, this is now up in stage now. puiterwijk had to make some minor changes to your code to make it work properly; i merged the pull requests for that (hope that was okay.)

you can see it in stage here: https://ask.stg.fedoraproject.org

There are a few minor issues, like the footer floating off to the far right of the page, that I think need to be addressed before it could be pushed to prod at ask.fedoraproject.org. We can leave this up in stage for you to look at and when you have time to fix, let us know and puiterwijk can sync it with your repo to grab any fixes and hopefully push to production.

comment:35 Changed 7 months ago by duffy

  • Blocked By changed from sundaram to anuradhaw

hey anuradhaw - we're waiting on you to make the tweaks to the stg version of your code before pushing it to prod. there is no rush, just wanted to make sure you knew this.

comment:36 Changed 7 months ago by jurankdankkal

Hi,

I share this in the meeting today and mo suggest me to share it in here too. This my idea for the askfedora redesign currently for mobile, I can do it also for desktop if needed https://jurankdankkal.fedorapeople.org/askfedora/ask-fedora-redesign.jpg

comment:37 Changed 7 months ago by anuradhaw

Hi,

Yes I know about it. And sorry I am bit late because I had to catch up with some work. But in this weekend I will have some time to work on it. I will update you with the progress.

And I also found the mockup done by jurankdankkal interesting and may be we can do some changes based on that.

comment:38 Changed 4 months ago by riecatnor

@anuradhaw, @jurankdankkal, any updates here?

comment:39 Changed 4 months ago by anuradhaw

I worked on some issues related to some of the styles which are broken and on images which did not show up and now they work fine. It was basically due to a problem in static file reference.

The other styles (with the footer, tertiary header etc.) worked fine on my local instance but at the stage I am afraid the styles and seem to get overridden by some other styles. For example a file named custom.css seems to be overriding the styles for .tabsA class etc.

Last edited 4 months ago by anuradhaw (previous) (diff)

comment:40 Changed 4 months ago by riecatnor

Thanks, @anuradhaw!

The folks at the team meeting took a look at https://ask.stg.fedoraproject.org/en/questions/ and had a few thoughts. The date, answers and votes menu seem randomly arranged, the language menu is oddly placed and the green of the ask button against the blue background is a bit jarring. We know it's a work in progress though and look forward to seeing where it is at at the next meeting :)

comment:41 Changed 3 months ago by riecatnor

@anuradhaw, any updates here?

comment:42 Changed 3 months ago by anuradhaw

Hi folks, I managed to re-setup the askbot instance which I used to demo my styling work which is at http://askbotfedoratest-anuradhaw.rhcloud.com/questions. It was populated with trash users and I had to truncate the entire database and start over. There you can see that what you have mentioned above work fine.

Q/A page - http://askbotfedoratest-anuradhaw.rhcloud.com/question/1/what-is-recomended-for-ocr-in-fedora User page - http://askbotfedoratest-anuradhaw.rhcloud.com/users/1/kalpani

Actually the same code is pushed to the repo at https://github.com/fedoradesign/askfedora-redesign. And at the stage if you login as the admin user and select 'askfedoratheme' as the Skin under settings -> Skin, logos and HTML parts, I think the styles should work without breaking :)

comment:43 Changed 2 months ago by duffy

Hi anuradhaw! Thanks for the update - I have contacted puiterwijk and he is going to update ask.stg.fedoraproject.org with the updated theme. Once it's up on staging, I will let you know here - can you test it out in staging so we can figure out if it's ready for production?

comment:44 Changed 2 months ago by anuradhaw

Hi duffy! Yes please let me know once it's on staging so that I can check it out and say if it's production ready.

Note: See TracTickets for help on using tickets.