#1 What is your vision for this application ?
Closed 5 years ago by amitosh. Opened 6 years ago by a2batic.

The current application only performs few activities, like going through Fedora magazine, fedocal, Ask Fedora and Fedora on Social media. What do you believe can make this application more useful? Share your thoughts


Issue #1

For context, the issue I am addressing has to do with the Fedora Android App
in regards to user experience. I had many thoughts on this app upon opening
the app. What I like is that the design is very straightforward with proper
constraints. The user knows that they can either choose magazine, social, ask,
or calendar. I can also get a good sense of what the ‘box’ takes me to as well.
Also, I like that it compliments the online website design:

Fedora app

Fedora site

Moving on to the features provided within the app, I proceeded to view what I feel as though
most people would be drawn to, the “social” section.

Social Section

My first reaction was that the layout has many holes in the user’s eyes. Upon reading the feed I
was unable to locate the time the post was made, who made it, or really what the posts were
about because many of them have short phrases or links. It would be more beneficial to the
user to see who is cultivating this live feed, if it was recent (by timestamp), and a preview of
links within posts. This will allow the user to feel social in this “social hub” within the app.
Also, I assumed I would be able to post and comment on this page and you cannot.
Refer to images for examples of the live feed we should try to implement

Image of Timeline with timestamps

Timeline with a feature that allows you to preview attachments

Overall I think we as a team can really utilize the simple structure of the Fedora App, but I
feel as though even the simple theme has its quirks. My vision for this app is for its simple and
aesthetic design to embrace the user- for it’s design to be simple and convenient, yet up to date
and recognizable.

Research:

Article about psychology of social media use

Fedora website I reffered to

@laurenl has made out significant points here. I would like to add some more.

Scopes for improvement in current functionalities:

  1. Magazine -
    Introduce no. of reads, likes and comments beneath the snippet of each article. This can also help in ordering the articles according to popularity. Right now the app simply shows a list of articles. Instead, having developer and user-specific different categories can make it easier to explore the articles. We can also consider providing features for marking articles as 'favourite' or 'read later'. The current version doesn't distinguish between 'read' and 'unread' articles, we can work on that too. (HeackerNews app is a nice place to notice how insightful this can be).

  2. Social -
    I agree with @laurenl here. Information about the time of creation of the post and current activities on it would be quite insightful.

  3. Ask -
    I think users can reach to useful threads more easily if the app offers different categories for issues. We can introduce categories like 'upgrade-issues', 'installation-issues', etc. We can implement this with help of the tags I guess. We can also create the provision for posting questions within the app.

  4. Calendar -
    This feature looks decent in the current version. Choices for categories of events and provision to add them to the calendar - quite useful. We can work on enhancing the UI appearance making it more elegant.

Few other functionalities I could think of ( and not sure if they fall under scope of this project or not) -
1. Provision for exploring software centre within the app
2. Featuring the latest movements and releases under a 'what's new' section
3. Feature to checkout the official Fedora documentation within the app
4. 'Fedora tweaks' - where users can share posts about their personal configurations and which can help the beginners to get started in a fun way
5. Provision for signing into the app using OpenID for a personalized user experience.

I'm not mentoring for this project, but I noticed a few things I could comment on:

@laurenl said…
Also, I assumed I would be able to post and comment on this page and you cannot.

It would be nice to make comments on some of the Fedora Magazine articles from the Android app. We use WordPress for the Fedora Magazine (and Fedora Community Blog), so the WordPress REST API would be a good reference to see if it's possible.

@himadri2117 said…:
1. Magazine -
Instead, having developer and user-specific different categories can make it easier to explore the articles.

Both the Fedora Magazine and Community Blog make use of categories inside of WordPress. On the Magazine, here are examples of some of the categories. I can get the full list if it's helpful.

Screenshot-2018-2-20_Edit_Post_Fedora_Magazine_WordPress.png

@himadri2117 said…:
3. Ask -
We can implement this with help of the tags I guess.

I think tags for Fedora Ask makes the most sense.

  • Stability and performance: The app is based on Ionic and many screens also contain external web-views. I would like to work on reducing the dependencies on webviews.
  • Integration with the native UI toolkit: Since we are already using Ionic, it's trivial to port to different OS like iOS and windows phone and with appropriate tweaks to CSS, we can easily create a nice UI that matches the overall style of Fedora project websites and cleanly integrates with system UI.
  • Making offline data storage more robust: I experienced issues with offline storage of Calendar data, there is definitely a scope for improvement here.
  • Integrating calendar with native calendar apps: This one emerged from my own personal need. Sometimes, (especially during the DST shifts), I miss meetings. If the app could integrate with the native calendar app on the device and set-up reminders, it would be of a great help.
  • Posts from fedora start page and blogs: Fedora blogs have useful content, and it will be more wonderful to read them on the go.
  • Bookmarks and links to curated sections of help pages: I can imagine system recovery and other troubleshooting sections in this part. Bricking Xorg config is a very common occurrence. providing quick links and (possibly) bookmarks will help a lot of people too.

Excellent suggestions from all. I will like to bestow my 2 cents as well. Considering this is an app for the Fedora Community, in my vision, the app should be usable and useful for the people associated with Fedora. I hope to improve the overall user experience of the application that will ultimately allow the community to interact with each other easily. Being a designer for almost 4 years now, here are some of my suggestions for the app:

Native Look and Feel

  • An important law in UX, Jacob’s Law states that Users spend most of their time on other apps. This means that users prefer your application to work the same way as all the other apps they already know. So it is essential to provide a native and familiar experience to the Android users.

  • I think we can accomplish this by integrating Google’s Material Design. It’s quite flexible so we can do so without tinkering with the brand of Fedora.

Primary Navigation

  • While I really cherish the ’box’ design (which compliment’s the main website), but I think presenting the user with 4 choices straightaway on the first screen increases the cognitive load. From the perspective of a user, as the number of choices rises, the reaction time increases.

  • Delivering a good user experience requires that first, we find out the functionalities that will answer the needs of the users; second, we need to guide them to the specific functions they need most. We can do some UX research within the community to find out about the same.

  • A solution can be using tabs for navigation.

  • Also, I think that the Hamburger menu has some redundant options. We can attempt to clean it up a bit.
    Redundant Options in Current Hamburger Menu

Consistent Icons for Sub-Categories

  • We can use consistent icons for Fedora magazine, social, ask and calendar. As of now, in some of the cases, full text ‘Fedora’ is used while in others only the logo is used. Consistent design is intuitive design. I think usability and learnability can improve when similar elements have consistent look. I made some sketches for the icons but did not know where to share em. Can I do it here?

Fedora Magazine

  • I suppose we can integrate a search option, similar to Ask Fedora. Maybe as @himadri2117 suggested, we can use tags here to quickly filter between different types of articles and blogs.

  • From a design perspective, I think we can play around a bit with the Visual hierarchy of the title and content copy so that it is easy to skim.

  • Another suggestion is to modify the design so as to show the user the current state of the system. For e.g, once I have scrolled through a significant part, I can not know what part of app am I in? Neither do I have any navigation control visible. (See Image Below)
    Current Design of Magazine Posts
    I think users are already overwhelmed with information and we must minimize the user's memory load by making objects, actions, and options visible

  • One of the solutions can be to use a fixed header or use a fix bottom nav for the complete app.

Fedora Social

  • I second @laurenl’s opinion, a timestamp would be really helpful to keep track. Another suggestion would be to make the links in the blocks, clickable. I think that can be achieved using the timeline method as suggested by @laurenl.

  • We can try to improve the visual contrast of the post component to enhance the accessibility. The share and Facebook icon are hardly visible on the block
    Current Design of Social Posts

  • I have another idea, we can split the posts into Facebook and Twitter or maybe provide some kind of filter because often there are same posts on Facebook and Twitter, so it creates kind of redundancy.

Ask Fedora

  • Current Design of Ask Fedora
    I think we can slightly improve this page as well by the power of colors to visually create a hierarchy of things and define in what order we want people to see the different components(Main Question, Share Icon, Question Details, Views, Votes, Answers) of a post. We can do User Research to find which components are more important.

  • For e.g. We can choose a brighter and more prominent color for the answers tab and a lighter for views tab.

  • I have another suggestion since the questions are linked to the website. To provide a better experience in the app, we can show the best answer (most upvoted) in the app only without the user having to click the question to view all the answers.

  • Just a side note, I noticed horizontal scroll in the question description in some places. Is it intentional?

  • I’d like to suggest a feature, Can we somehow try to ask a question from the app itself?

Calendar

  • The filter option as of now requires 3 clicks to filter events by category. I think that’s a lot of labor for a simple filter. We can use a better design pattern for filtering. Additionally, maybe I can work on the overall layout so as to show the upcoming events and past events(available by month and year)

  • I’d like to suggest a feature as well: Can we somehow let the users subscribe to the upcoming events in the category/tags they’re interested in? Like, whenever a new event related to design in posted on the calendar, I get a notification.

Integrate fedora podcast

  • Fedora Podcast was launched recently. It would be amazing if we can somehow integrate it into the application so that people can listen to it directly in their free time (during traveling to work etc.)

I think the application is an outstanding approach for the people associated with Fedora to stay up to date with all the developments. Being a human-centered design advocate, I’d like to improve the application by implementing a more intuitive design to the application and enhancing the overall user experience. Since this is all about Fedora community, we should consider their opinions and gather feedback from them at every stage since they are going to be our end users.

Hey guys just wanted to offer some insight on the Calendar feature and some of your posts!
@amitosh "Integrating calendar with native calendar apps: This one emerged from my own personal need. Sometimes, (especially during the DST shifts), I miss meetings. If the app could integrate with the native calendar app on the device and set-up reminders, it would be of a great help."

Solution: Yes, this is a great concern for many users. However the app already has a similar feature. within the Calendar section one chooses the "+add" button and a Google appointment maker immediaely appears . I feel this is a very user-centric since Google Calendar is the default for most Android devices. You can set a reminder this page as well. Let me know if this solves that issue from your perspective!

@thelittlewonder I really enjoyed reading your comments.
"While I really cherish the ’box’ design (which compliment’s the main website), but I think presenting the user with 4 choices straightaway on the first screen increases the cognitive load. From the perspective of a user, as the number of choices rises, the reaction time increases."

I agree that we have to be careful to overload the reader, however we don't want to make mountains out of molehills. Let me explain.
The app only offers four main features (Ask, Calendar, Social, and Magazine). Each feature is clear for the user and it is obvious that they only have four options. Ironically we search for a tab (refferring to your comment "A solution can be using tabs for navigation") What I (and the user I tested) failed to realize is there is already a menu toggle on the upper left hand corner. We didn't realize it because it doesn't really serve a purpose. All of our options are presented upon opening the app. For example, why do we need a menu option for "Home" when we are already on the home page? A simple back button from each of the categories will suffice since each category only has one page to take you to. The menu is simply a list duplicate of the thumbnail homepage. What's best (in my opinion) is to alleviate unnecessary functions that lead the user to dead ends or replication of tasks.

Solution:
- Either remove menu button or offer functions on menu button that aren't accessible upon opening the app
- Dim or lighten color palette as to not overwhelm the user @thelittlewonder made a good point that the color scheme is liberal. I do not believe the actual layout is a problem neccessarily.
- I thought @thelittlewonder had an amazing idea of adding the podcast to the app, maybe under Magazine?

What do you guys think? Agree? Disagree? Just my two cents after going through the app with someone unfamiliar with the interface.

@laurenl

"Ironically we search for a tab (refferring to your comment "A solution can be using tabs for navigation") What I (and the user I tested) failed to realize is there is already a menu toggle on the upper left hand corner. "

I wrote about using tabs not hamburger menu. There's a difference. I already mentioned in my earlier that current use of hamburger menu is not the best of choices. I wrote "Also, I think that the Hamburger menu has some redundant options. We can attempt to clean it up a bit."

"All of our options are presented upon opening the app"

If we use tabs for the primary navigation, the same can be achieved. More here Tabs for Mobile UX Design

@thelittlewonder Thanks for clarifying! I see your concerns now. I agree that the tool is useful. I guess my main thought process was just that since the app is not very feature heavy right now , I didn't know if our the users will find it useful. I see now you were just suggesting a way to clean it up. So @thelittlewonder we both discussed adding features, do you think we can do that and keep the "box" layout? Or once we start adding pages like the "women's" page or podcasts that we will for sure need to go the tabs for primary navigation route? We would need to test all of this eventually of course, but I want to see things from another set of eyes. Your sources were a great help by the way!

I guess my main thought process was just that since the app is not very feature heavy right now , I didn't know if our the users will find it useful.

That should be the first step in the UX revamp, identifying the needs and wants of the community and building the information architecture upon it. We can test different options during the community research and testing phase.

So @thelittlewonder we both discussed adding features, do you think we can do that and keep the "box" layout?

Yeah, that will be a challenge, but the design is all about solving hard problems. I think we can pull it off. Can share some mockup ideas once I am done with my exams ;)

Reddit Mobile app is a very good example of using tabs as the primary navigation, preserving all the features and at the same time keeping it intuitive and simple.

Hi @laurenl ,

Issue #1
For context, the issue I am addressing has to do with the Fedora Android App
in regards to user experience. I had many thoughts on this app upon opening
the app. What I like is that the design is very straightforward with proper
constraints. The user knows that they can either choose magazine, social, ask,
or calendar. I can also get a good sense of what the ‘box’ takes me to as well.
Also, I like that it compliments the online website design:
Fedora app
Fedora site

I agree, the app is straightforward, also, the colors has been taken up from Fedora color palette[1]

Moving on to the features provided within the app, I proceeded to view what I feel as though
most people would be drawn to, the “social” section.
Social Section
My first reaction was that the layout has many holes in the user’s eyes. Upon reading the feed I
was unable to locate the time the post was made, who made it, or really what the posts were
about because many of them have short phrases or links. It would be more beneficial to the
user to see who is cultivating this live feed, if it was recent (by timestamp), and a preview of
links within posts. This will allow the user to feel social in this “social hub” within the app.
Also, I assumed I would be able to post and comment on this page and you cannot.
Refer to images for examples of the live feed we should try to implement
Image of Timeline with timestamps
Timeline with a feature that allows you to preview attachments
Overall I think we as a team can really utilize the simple structure of the Fedora App, but I
feel as though even the simple theme has its quirks. My vision for this app is for its simple and
aesthetic design to embrace the user- for it’s design to be simple and convenient, yet up to date
and recognizable.
Research:
Article about psychology of social media use
Fedora website I reffered to

+1, we can improve the usability of social part.

Thankyou Luaren

[1] https://fedoraproject.org/wiki/Logo/UsageGuidelines#Colors

Hi @himadri2117,

@laurenl has made out significant points here. I would like to add some more.
Scopes for improvement in current functionalities:

Magazine -
Introduce no. of reads, likes and comments beneath the snippet of each article. This can also help in ordering the articles according to popularity. Right now the app simply shows a list of articles. Instead, having developer and user-specific different categories can make it easier to explore the articles. We can also consider providing features for marking articles as 'favourite' or 'read later'. The current version doesn't distinguish between 'read' and 'unread' articles, we can work on that too. (HeackerNews app is a nice place to notice how insightful this can be).

+1, we can Introduce no. of reads, likes and comments beneath the snippet of each article. Thankyou @jflory7, for this the tag information. It will be really awesome to have tags, because sometimes user would like to check articles just about events or something.

Social -
I agree with @laurenl here. Information about the time of creation of the post and current activities on it would be quite insightful.

Ask -
I think users can reach to useful threads more easily if the app offers different categories for issues. We can introduce categories like 'upgrade-issues', 'installation-issues', etc. We can implement this with help of the tags I guess. We can also create the provision for posting questions within the app.

+1

Calendar -
This feature looks decent in the current version. Choices for categories of events and provision to add them to the calendar - quite useful. We can work on enhancing the UI appearance making it more elegant.

Few other functionalities I could think of ( and not sure if they fall under scope of this project or not) -
1. Provision for exploring software centre within the app

@himadri2117, can you explain what do you mean by exploring software center from app ?

  1. Featuring the latest movements and releases under a 'what's new' section
  2. Feature to checkout the official Fedora documentation within the app

Umm, thats nice, but I feel it would be better if the documentation talks about just ways to contribute or something. What documentation are you referring here?

  1. 'Fedora tweaks' - where users can share posts about their personal configurations and which can help the beginners to get started in a fun way
  2. Provision for signing into the app using OpenID for a personalized user experience.

Ya, thats surely there is our TODO list.

Thankyou Himadri

Hi @amitosh,

Stability and performance: The app is based on Ionic and many screens also contain external web-views. I would like to work on reducing the dependencies on webviews.
Integration with the native UI toolkit: Since we are already using Ionic, it's trivial to port to different OS like iOS and windows phone and with appropriate tweaks to CSS, we can easily create a nice UI that matches the overall style of Fedora project websites and cleanly integrates with system UI.
Making offline data storage more robust: I experienced issues with offline storage of Calendar data, there is definitely a scope for improvement here.
Integrating calendar with native calendar apps: This one emerged from my own personal need. Sometimes, (especially during the DST shifts), I miss meetings. If the app could integrate with the native calendar app on the device and set-up reminders, it would be of a great help.

When you click on calendar, the 'Add' button helps you to add that event(meeting) to your google calendar.

Posts from fedora start page and blogs: Fedora blogs have useful content, and it will be more wonderful to read them on the go.

Can you point out the Fedora blogs you are referring here?

Bookmarks and links to curated sections of help pages: I can imagine system recovery and other troubleshooting sections in this part. Bricking Xorg config is a very common occurrence. providing quick links and (possibly) bookmarks will help a lot of people too.

+1, I believe tags can solve these problems, what you you think?

Thankyou Amitosh

Hi @thelittlewonder,

Excellent suggestions from all. I will like to bestow my 2 cents as well. Considering this is an app for the Fedora Community, in my vision, the app should be usable and useful for the people associated with Fedora. I hope to improve the overall user experience of the application that will ultimately allow the community to interact with each other easily. Being a designer for almost 4 years now, here are some of my suggestions for the app:
Native Look and Feel

An important law in UX, Jacob’s Law states that Users spend most of their time on other apps. This means that users prefer your application to work the same way as all the other apps they already know. So it is essential to provide a native and familiar experience to the Android users.

I think we can accomplish this by integrating Google’s Material Design. It’s quite flexible so we can do so without tinkering with the brand of Fedora.

I feel Google material design guidelines might not look good with Fedora design guidelines, can you explain more on this point ?

Primary Navigation

While I really cherish the ’box’ design (which compliment’s the main website), but I think presenting the user with 4 choices straightaway on the first screen increases the cognitive load. From the perspective of a user, as the number of choices rises, the reaction time increases.

Delivering a good user experience requires that first, we find out the functionalities that will answer the needs of the users; second, we need to guide them to the specific functions they need most. We can do some UX research within the community to find out about the same.

+1, that will be required I feel.

A solution can be using tabs for navigation.

Also, I think that the Hamburger menu has some redundant options. We can attempt to clean it up a bit.
Redundant Options in Current Hamburger Menu

Umm, what redundant options?

Consistent Icons for Sub-Categories

We can use consistent icons for Fedora magazine, social, ask and calendar. As of now, in some of the cases, full text ‘Fedora’ is used while in others only the logo is used. Consistent design is intuitive design. I think usability and learnability can improve when similar elements have consistent look. I made some sketches for the icons but did not know where to share em. Can I do it here?

Yes, it will be great to see your sketches.

Fedora Magazine

I suppose we can integrate a search option, similar to Ask Fedora. Maybe as @himadri2117 suggested, we can use tags here to quickly filter between different types of articles and blogs.

From a design perspective, I think we can play around a bit with the Visual hierarchy of the title and content copy so that it is easy to skim.

Another suggestion is to modify the design so as to show the user the current state of the system. For e.g, once I have scrolled through a significant part, I can not know what part of app am I in? Neither do I have any navigation control visible. (See Image Below)
Current Design of Magazine Posts
I think users are already overwhelmed with information and we must minimize the user's memory load by making objects, actions, and options visible

+1 for the other point, there should be a proper navigation from anywhere in the app.

One of the solutions can be to use a fixed header or use a fix bottom nav for the complete app.

Fedora Social

I second @laurenl’s opinion, a timestamp would be really helpful to keep track. Another suggestion would be to make the links in the blocks, clickable. I think that can be achieved using the timeline method as suggested by @laurenl.

We can try to improve the visual contrast of the post component to enhance the accessibility. The share and Facebook icon are hardly visible on the block
Current Design of Social Posts

+1

I have another idea, we can split the posts into Facebook and Twitter or maybe provide some kind of filter because often there are same posts on Facebook and Twitter, so it creates kind of redundancy.

But, I feel it will be too much, the user is concerned about knowing Fedora highlights in social world, I dont think he would be much concerned about weather it is facebook or twitter. What you think?

Ask Fedora

Current Design of Ask Fedora
I think we can slightly improve this page as well by the power of colors to visually create a hierarchy of things and define in what order we want people to see the different components(Main Question, Share Icon, Question Details, Views, Votes, Answers) of a post. We can do User Research to find which components are more important.

For e.g. We can choose a brighter and more prominent color for the answers tab and a lighter for views tab.

I have another suggestion since the questions are linked to the website. To provide a better experience in the app, we can show the best answer (most upvoted) in the app only without the user having to click the question to view all the answers.

Just a side note, I noticed horizontal scroll in the question description in some places. Is it intentional?

Oh, if you see it, its not intentional, it might be a bug.

I’d like to suggest a feature, Can we somehow try to ask a question from the app itself?

That will be great to add, we will have to look how feasible it is.

Calendar

The filter option as of now requires 3 clicks to filter events by category. I think that’s a lot of labor for a simple filter. We can use a better design pattern for filtering. Additionally, maybe I can work on the overall layout so as to show the upcoming events and past events(available by month and year)

I’d like to suggest a feature as well: Can we somehow let the users subscribe to the upcoming events in the category/tags they’re interested in? Like, whenever a new event related to design in posted on the calendar, I get a notification.

Adding a simpler filtering option will be nice, but adding tags, I am not sure, because we have team names in the list, so adding them as tags might not look good, or we can discuss this.

Integrate fedora podcast

Fedora Podcast was launched recently. It would be amazing if we can somehow integrate it into the application so that people can listen to it directly in their free time (during traveling to work etc.)

+1, But we can keep this as a later job, because it might not be done in this milestone.

I think the application is an outstanding approach for the people associated with Fedora to stay up to date with all the developments. Being a human-centered design advocate, I’d like to improve the application by implementing a more intuitive design to the application and enhancing the overall user experience. Since this is all about Fedora community, we should consider their opinions and gather feedback from them at every stage since they are going to be our end users.

Thankyou Abhishek

@a2batic

I feel Google material design guidelines might not look good with Fedora design guidelines, can you explain more on this point?

Maintaining Fedora’s design guidelines in the app along with Material can be tricky, but I think I can pull it off. Since the Material design is just a toolkit, we don’t actually have to follow it like a rulebook.

Visual elements, such as icons, buttons and controls, can still abide by the laws of material design, but we can create them Fedora’s very own using the Google instructions as a guide, rather than a template and giving the final touch with Fedora's design guidelines. This way we get all the advantages of Google’s visual language design and at the same time we can differentiate the visual elements on our app from rest of apps using Material Design

Regarding the colour scheme, we need not strictly follow the Material Design Color Palette, we can simply use Fedora’s colour palette. We’ll just follow the basic guidelines. For eg. The material design guide states that there should be enough contrast between different UI elements.

Google’s Design blog has an excellent article on this topic, do check it out:
Expressing Brand in Material - Library - Google Design
.
Another good article that I bookmarked some time back, Branding Meets Material Design

Umm, what redundant options?

I was referring to the options in the Hamburger Menu. Check out this image: https://i.imgur.com/fnPswfE.png. Calendar, Social, Ask, Magazine. There are icons for them on the home screen, so having a menu with the same options on the home screen makes it kinda redundant.

But, I feel it will be too much, the user is concerned about knowing Fedora highlights in social world, I dont think he would be much concerned about weather it is facebook or twitter. What you think?

No, my point was, many times the same content is posted on Facebook and Twitter. See this example.
I just think the content should not repeat twice in the social feed. We can do it through backend as well if the content matches we can simply remove it from the feed.

Adding a simpler filtering option will be nice, but adding tags, I am not sure, because we have team names in the list, so adding them as tags might not look good, or we can discuss this.

Did not get what you mean to say by “we have team names in the list”. Can you please explain? I did not mean the actual UI tags, but something like a checkbox or radio button maybe, which you can use to toggle/subscribe to a particular category of events.

Hi @a2batic,

When you click on calendar, the 'Add' button helps you to add that event(meeting) to your google calendar.

I'm sorry, I wasn't very clear about "Calendar integration". What I meant is more similar to sync feature provided by Google or iCal, but one-way.

If I choose a meeting from the Calendar page, the current behavior is to start the native calendar app and show a dialog for adding the event manually.

What I am proposing is, to create a functionality similar to a "subscribe" button. If I subscribe to the commops weekly meeting and the DotNet weekly meeting, all future meetings should be added to the calendar automatically and removed automatically when canceled. (I'm not sure about FedoCal's support about cancelations).

Can you point out the Fedora blogs you are referring here?

Mostly Fedora Mags (which we already do) and "The Planet". We should seek the community opinion about what they desire to see here.

+1, I believe tags can solve these problems, what you you think?

Tags will only be able to categorize this information. My proposal is to create a dedicated section for troubleshooting guides.

Some more ideas:

Opt-in notifications

As a guy who is in charge of a few Fedora VPSs, I'm interested to know when new security fixes are pushed. We can do this by using HyperKitty APIs(*) to list the archives and extract update information from them. DataGrepper also provides a similar kind of API access.

We can have a page, a task that periodically polls for new postings on HyperKitty, and an opt-in notification. We may also notify the user of new Fedora releases.

We can also integrate with FAS to show FMN notifications

(*)Currently nowhere documented, but since HyperKitty is a Django app, everything we need is in this file.

In my vision, the process of revamping fedora application could be divided into two parts:

USER RESEARCH:
When I see the fedora application, the first question that comes to my mind is who would use the fedora app and why would a user use it? What would be the potential functions he/she might be seeking for?
An overview of answers can be found when we look through the Fedora User Base available in the wiki, which Lauren kindly shared in the mailing listhttps://lists.fedoraproject.org/archives/list/summer-coding@lists.fedoraproject.org/message/NZGVRGXLYBDN6HHNKWR37XQA7SC33RXV/. If we go through the user base, we would find that:
- voluntary Linux consumer might use it for updates, new features, help, tutorials related to installation, etc. Before shifting to fedora, he might use the app to know more about what Fedora is and how it works.
We can provide him all that information through an about page, a page which could explain to him how Fedora works, benefits of using Fedora, a link to wiki, magazine, ask and anything more which could suit his needs
- Computer friendly users, Fedora community, and collaborators might use it to tune in on what's happening, reaching out to other community members, helping out fedora users, etc.
We could satisfy their needs through social, calendar, ask, magazine, podcast, linking fedora community chat rooms, and some other features as and when required.
- Likely collaborator/contributor might go to Fedora app to tune in on what's going, learn more about Fedora and how things work. Some features through which we can help him are fedora podcast, wiki, about page, ask, and more.
- General productivity user who does not have any technical knowledge might want to know more about Fedora and would they want to install it or not. Some features that might encourage them could be about page, magazine, benefits of using Fedora and if we could highlight the fact that Fedora is for the users by the users.

28461884_1626474744101755_1022718730_o.jpg

As and when we dig deeper into the user research, we could find more information on why a potential Fedora app user might install it and what would he expect from the app. It would be helpful in knowing what features to include and what not. For example, including comments, likes, tags and time as suggested by @himadri2117 and @jflory7

USER INTERFACE:
Everyone has given excellent ideas on improving the user interface and we can work it. I really liked the simple interface of current Fedora app and we can improve on it accordingly to the design principles, some of the excellent ones suggested by @thelittlewonder such as changing the home page since bombarding user with 4 different options when the user opens the app, increases cognitive load, and integrating material design with the app since it increases native familiarity with the app and user feels more comfortable. Similarly, it could be better if we could open a particular magazine, social and ask page information in the app itself rather than linking it to a certain browser page. Again, as suggestion, we could improve on the navigation channels of the app through categorization as @himadri2117 suggested. The feature of calendar linking with google calendar is really awesome :')

[28499953_1626474827435080_143840173_o.jpg]

We might need to go through user testing at every stage to know the response of the users and whether they like the interface or not.

Hii all! it was real fun going through all of your suggestions.

Here are my views on fedora magazine

Fedora magazine

The cards have an heading and then a little part of the article is given. I think heading is sufficient to give an idea of the article. They should have the name of the writer and the date written , bookmark option and tags.

https://pagure.io/Fedora-app/issue/raw/files/e9880462d3d82b3ce581f458eb8c9d195adc6ca88a71cbd837513e7848d262c9-Screenshot_20180225-152039.png

Sharing
• There is a share option at the top for Facebook, Instagram(Why?), Twitter and Google. There is a share option at the end of article too. I think share option should be only at the bottom.

https://pagure.io/Fedora-app/issue/raw/files/3560361e7d883bb8287015c3376140731f47d45582a37d0ff79ddfcf8647e617-Screenshot_20180225-152613.png

Like
• Like option should be before sharing and icon could be worked upon to make it more prominent.

Tags and categories
• There is no way to select these filters before looking into the article.
• Information about the writer and tags(And categories)must be separated. It can confuse the reader for example one can take it as the topics under which the writer writes.
• Why tags AND categories. I think there isn't that amount of content that we may need both.
Previous post option. I don’t think it is of much use since the reader won't have any idea what is there in "previous article".

https://pagure.io/Fedora-app/issue/raw/files/b7d082709d238075c6a44d7cf260c42afbc5be968803405c747142322d30223b-E16B3700-2D10-46E4-B277-7BD7FC19F13F.png

https://pagure.io/Fedora-app/issue/raw/files/105957cb4807bc1edbbd066d29030956df12ef94c64a851c02c5b7cd6cbc41c8-Screenshot_20180225-152622.png

Search
• There must be a search option, searching for tags and keywords.
• There must be a filter too. Google search , Pinterest and medium have this feature where the tags/ filters are on the top and can be scrolled. I think it can be done for our app too.

https://pagure.io/Fedora-app/issue/raw/files/05cb92ed775ca2bcbc56d3aa1346470411055b74cbce62e5cc3e165a8357dbcb-Screenshot_20180225-174014.png

Here are my views on ask fedora!

Ask fedora

Cards
• There is a heading and then the whole question is written. I think heading is enough.
• A vertical scroll bar is needed to tell me where I am on the page.
• Filters/Tags can be on the homepage in the same way I suggested for fedora magazine.
• Since there are lot of tags, can we ask the user while signing up for ask fedora what kind of articles will one like and suggest those articles on homepage.
• Asked by and when must be there on the card.

Question
• The home button on left takes me on a different screen.
• Sharing options on left are bit too crowded.
• There is a comment option and answer option. Answer option should be highlighted and comments should be less prominent.
• Ask question feature should be on the homepage too.
• Bookmark a question feature
• Questions asked feature
Questions answered feature

Hi @shilpi1958

The cards have an heading and then a little part of the article is given. I think heading is sufficient to give an idea of the article. They should have the name of the writer and the date written , bookmark option and tags.

I’d like to know the rationale behind your decision. For me, it is easier to judge an article by its content rather than who wrote it. So removing the content and having to guess what article is being click-worthy by its writer and date is something that doesn’t make sense to me.

Reading sites like Medium, Google News, WSJ all gives a sort of context about the article with a small description. I do agree with the tags part.

:-)

There is a share option at the top for Facebook, Instagram(Why?), Twitter and Google. There is a share option at the end of article too. I think share option should be only at the bottom.

That screenshots you shared are from the fedora mag website, not something native to the app. The web view is contained in the app.

hi @thelittlewonder

I’d like to know the rationale behind your decision. For me, it is easier to judge an article by its content rather than who wrote it. So removing the content and having to guess what article is being click-worthy by its writer and date is something that doesn’t make sense to me.
Reading sites like Medium, Google News, WSJ all gives a sort of context about the article with a small description. I do agree with the tags part.

my objective was for the users to have more articles to choose from when they did not need to scroll a lot.
You must have seen how newspaper articles are written, A strong Heading and the article because you can never judge an article without reading it ( I work as an editor for college magazine 😇). besides heading are meant to give an idea about the article. Maybe we can have a subheading with word limit instead of having initial lines of the article.

That screenshots you shared are from the fedora mag website, not something native to the app. The web view is contained in the app.

Are we still going to have a web view in the app or we plan to change it( i think we should)??
@a2batic

Login

I think there should be a login page.
Login should be through FAS account.
It should authorize you to use all the four apps.

Ask fedora
To ask aquestion
we have option to sign in from Facebook, google, openId, Yahoo, FAS.
I think there should be only one option to login through FAS( done in the beginning)

Fedora magazine , Fedora social , fedora calendar should be accessed by FAS account.

Hi Lauren,

Hey guys just wanted to offer some insight on the Calendar feature and some of your posts!
@amitosh "Integrating calendar with native calendar apps: This one emerged from my own personal need. Sometimes, (especially during the DST shifts), I miss meetings. If the app could integrate with the native calendar app on the device and set-up reminders, it would be of a great help."
Solution: Yes, this is a great concern for many users. However the app already has a similar feature. within the Calendar section one chooses the "+add" button and a Google appointment maker immediaely appears . I feel this is a very user-centric since Google Calendar is the default for most Android devices. You can set a reminder this page as well. Let me know if this solves that issue from your perspective!

+1

@thelittlewonder I really enjoyed reading your comments.
"While I really cherish the ’box’ design (which compliment’s the main website), but I think presenting the user with 4 choices straightaway on the first screen increases the cognitive load. From the perspective of a user, as the number of choices rises, the reaction time increases."
I agree that we have to be careful to overload the reader, however we don't want to make mountains out of molehills. Let me explain.
The app only offers four main features (Ask, Calendar, Social, and Magazine). Each feature is clear for the user and it is obvious that they only have four options. Ironically we search for a tab (refferring to your comment "A solution can be using tabs for navigation") What I (and the user I tested) failed to realize is there is already a menu toggle on the upper left hand corner. We didn't realize it because it doesn't really serve a purpose. All of our options are presented upon opening the app. For example, why do we need a menu option for "Home" when we are already on the home page? A simple back button from each of the categories will suffice since each category only has one page to take you to. The menu is simply a list duplicate of the thumbnail homepage. What's best (in my opinion) is to alleviate unnecessary functions that lead the user to dead ends or replication of tasks.

The idea behind hamburger menu was to add more areas, 'Women' tab is one such example, everything cannot be added on the main screen itself, so we can add more options on the menu.

Solution:
- Either remove menu button or offer functions on menu button that aren't accessible upon opening the app
- Dim or lighten color palette as to not overwhelm the user @thelittlewonder made a good point that the color scheme is liberal. I do not believe the actual layout is a problem neccessarily.
- I thought @thelittlewonder had an amazing idea of adding the podcast to the app, maybe under Magazine?

Or what about adding 'podcast' tab in the menu ?

What do you guys think? Agree? Disagree? Just my two cents after going through the app with someone unfamiliar with the interface.

Hi @thelittlewonder ,

Your theory for tabs looks good to me :). We can change out tabs according to that.

@laurenl

"Ironically we search for a tab (refferring to your comment "A solution can be using tabs for navigation") What I (and the user I tested) failed to realize is there is already a menu toggle on the upper left hand corner. "

I wrote about using tabs not hamburger menu. There's a difference. I already mentioned in my earlier that current use of hamburger menu is not the best of choices. I wrote "Also, I think that the Hamburger menu has some redundant options. We can attempt to clean it up a bit."

"All of our options are presented upon opening the app"

If we use tabs for the primary navigation, the same can be achieved. More here Tabs for Mobile UX Design

@thelittlewonder Thanks for clarifying! I see your concerns now. I agree that the tool is useful. I guess my main thought process was just that since the app is not very feature heavy right now , I didn't know if our the users will find it useful. I see now you were just suggesting a way to clean it up. So @thelittlewonder we both discussed adding features, do you think we can do that and keep the "box" layout? Or once we start adding pages like the "women's" page or podcasts that we will for sure need to go the tabs for primary navigation route? We would need to test all of this eventually of course, but I want to see things from another set of eyes. Your sources were a great help by the way!

+1, I will create issues for particular discussions, Thankyou @laurenl @thelittlewonder

I guess my main thought process was just that since the app is not very feature heavy right now , I didn't know if our the users will find it useful.

That should be the first step in the UX revamp, identifying the needs and wants of the community and building the information architecture upon it. We can test different options during the community research and testing phase.

So @thelittlewonder we both discussed adding features, do you think we can do that and keep the "box" layout?

Yeah, that will be a challenge, but the design is all about solving hard problems. I think we can pull it off. Can share some mockup ideas once I am done with my exams ;)

Thankyou, All the best for your exams :)

Reddit Mobile app is a very good example of using tabs as the primary navigation, preserving all the features and at the same time keeping it intuitive and simple.

@bournvita It was good to see the wiki page helped in your research! Awesome insights in my opinion.
@a2batic Thank you for your critiques. You are so right we could use tabs for podcasts, women's and other features we don't have available. I will be looking out for when you post the issues so we can get some leg work done in that area! Thank you:)

Hi @a2batic,

When you click on calendar, the 'Add' button helps you to add that event(meeting) to your google calendar.

I'm sorry, I wasn't very clear about "Calendar integration". What I meant is more similar to sync feature provided by Google or iCal, but one-way.
If I choose a meeting from the Calendar page, the current behavior is to start the native calendar app and show a dialog for adding the event manually.
What I am proposing is, to create a functionality similar to a "subscribe" button. If I subscribe to the commops weekly meeting and the DotNet weekly meeting, all future meetings should be added to the calendar automatically and removed automatically when canceled. (I'm not sure about FedoCal's support about cancelations).

+1 for the idea of subscribing, also, I feel its good that user login to application using FAS and then subscribe, so that the information can be stored in fedmsg or its not required ? @jflory7 @skamath any thoughts on this ?

Can you point out the Fedora blogs you are referring here?

Mostly Fedora Mags (which we already do) and "The Planet". We should seek the community opinion about what they desire to see here.

+1, I believe tags can solve these problems, what you you think?

Tags will only be able to categorize this information. My proposal is to create a dedicated section for troubleshooting guides.
Some more ideas:
Opt-in notifications
As a guy who is in charge of a few Fedora VPSs, I'm interested to know when new security fixes are pushed. We can do this by using HyperKitty APIs() to list the archives and extract update information from them. DataGrepper also provides a similar kind of API access.
We can have a page, a task that periodically polls for new postings on HyperKitty, and an opt-in notification. We may also notify the user of new Fedora releases.
We can also integrate with FAS to show FMN notifications
(
)Currently nowhere documented, but since HyperKitty is a Django app, everything we need is in this file.

+1, these can be implemented from notifications I suppose, we can send notification about the certain mailing-list subscribed by user . @amitosh, was your mind set same about it?

Hi @bournvita,

In my vision, the process of revamping fedora application could be divided into two parts:
USER RESEARCH:
When I see the fedora application, the first question that comes to my mind is who would use the fedora app and why would a user use it? What would be the potential functions he/she might be seeking for?
An overview of answers can be found when we look through the Fedora User Base available in the wiki, which Lauren kindly shared in the mailing listhttps://lists.fedoraproject.org/archives/list/summer-coding@lists.fedoraproject.org/message/NZGVRGXLYBDN6HHNKWR37XQA7SC33RXV/. If we go through the user base, we would find that:
- voluntary Linux consumer might use it for updates, new features, help, tutorials related to installation, etc. Before shifting to fedora, he might use the app to know more about what Fedora is and how it works.
We can provide him all that information through an about page, a page which could explain to him how Fedora works, benefits of using Fedora, a link to wiki, magazine, ask and anything more which could suit his needs
- Computer friendly users, Fedora community, and collaborators might use it to tune in on what's happening, reaching out to other community members, helping out fedora users, etc.
We could satisfy their needs through social, calendar, ask, magazine, podcast, linking fedora community chat rooms, and some other features as and when required.
- Likely collaborator/contributor might go to Fedora app to tune in on what's going, learn more about Fedora and how things work. Some features through which we can help him are fedora podcast, wiki, about page, ask, and more.
- General productivity user who does not have any technical knowledge might want to know more about Fedora and would they want to install it or not. Some features that might encourage them could be about page, magazine, benefits of using Fedora and if we could highlight the fact that Fedora is for the users by the users.

As and when we dig deeper into the user research, we could find more information on why a potential Fedora app user might install it and what would he expect from the app. It would be helpful in knowing what features to include and what not. For example, including comments, likes, tags and time as suggested by @himadri2117 and @jflory7
USER INTERFACE:
Everyone has given excellent ideas on improving the user interface and we can work it. I really liked the simple interface of current Fedora app and we can improve on it accordingly to the design principles, some of the excellent ones suggested by @thelittlewonder such as changing the home page since bombarding user with 4 different options when the user opens the app, increases cognitive load, and integrating material design with the app since it increases native familiarity with the app and user feels more comfortable. Similarly, it could be better if we could open a particular magazine, social and ask page information in the app itself rather than linking it to a certain browser page. Again, as suggestion, we could improve on the navigation channels of the app through categorization as @himadri2117 suggested. The feature of calendar linking with google calendar is really awesome :')
[]
We might need to go through user testing at every stage to know the response of the users and whether they like the interface or not.

It was really good to read your study on the application, it made many points clear to me as well.

Thankyou

Hi @shilpi1958

Hii all! it was real fun going through all of your suggestions.
Here are my views on fedora magazine
Fedora magazine
The cards have an heading and then a little part of the article is given. I think heading is sufficient to give an idea of the article. They should have the name of the writer and the date written , bookmark option and tags.
https://pagure.io/Fedora-app/issue/raw/files/e9880462d3d82b3ce581f458eb8c9d195adc6ca88a71cbd837513e7848d262c9-Screenshot_20180225-152039.png
Sharing
• There is a share option at the top for Facebook, Instagram(Why?), Twitter and Google. There is a share option at the end of article too. I think share option should be only at the bottom.
https://pagure.io/Fedora-app/issue/raw/files/3560361e7d883bb8287015c3376140731f47d45582a37d0ff79ddfcf8647e617-Screenshot_20180225-152613.png
Like
• Like option should be before sharing and icon could be worked upon to make it more prominent.

The current application uses browser to launch magazine, so these options are there on the website.

Tags and categories
• There is no way to select these filters before looking into the article.
• Information about the writer and tags(And categories)must be separated. It can confuse the reader for example one can take it as the topics under which the writer writes.
• Why tags AND categories. I think there isn't that amount of content that we may need both.
Previous post option. I don’t think it is of much use since the reader won't have any idea what is there in "previous article".
https://pagure.io/Fedora-app/issue/raw/files/b7d082709d238075c6a44d7cf260c42afbc5be968803405c747142322d30223b-E16B3700-2D10-46E4-B277-7BD7FC19F13F.png
https://pagure.io/Fedora-app/issue/raw/files/105957cb4807bc1edbbd066d29030956df12ef94c64a851c02c5b7cd6cbc41c8-Screenshot_20180225-152622.png
Search
• There must be a search option, searching for tags and keywords.
• There must be a filter too. Google search , Pinterest and medium have this feature where the tags/ filters are on the top and can be scrolled. I think it can be done for our app too.
https://pagure.io/Fedora-app/issue/raw/files/05cb92ed775ca2bcbc56d3aa1346470411055b74cbce62e5cc3e165a8357dbcb-Screenshot_20180225-174014.png

+1, we can think of adding this to the app.

Thankyou Shilpi

It seems that the APP design style is inherited from getfedora.org to some extent, which is simple and elegant. However, it seems that the APP doesn’t provide what the users really need. In other words, the APP is not that useful and necessary. Here are some of my thoughts on how to improve this APP.

Information Provider

First of all, this APP should focus on access to information. But how and what kind of information?

Fedora Docs -- For all users

Document is the most important and the most original resources for users. For example, users can read installation guidance on Fedora docs on the phone when he is installing Fedora. Moreover, some basic or useful command lines can be added to Fedora docs to help users learn Linux.

Fedora Magazine -- For all users

Like @jflory7 said, we can use WordPress RESTful API to make the APP more native. Provide functions like not only titles and summery but also likes, comments, bookmark, etc. We can also provide tags or categories to choose the articles.

Calendar -- For developers

It looks good for me now. What about building an APP internal reminder (users can also set what events should be reminded, when and how to remind them)?

Social (Actually the posts from FB or Twitter) -- For all users

This image from @laurenl provides a good example.

Social

Well, actually we can add account function to this APP. Integrating the FAS account is a good choice.

Others

I think the “ASK” module can be cancelled.. Suppose you meet a problem, don’t you think Ctrl+C and Ctrl+V what you meet into your browser is the fastest way to find answer? And if you want to answer some questions.. you may have to search the docs to find accurate information.. So it’s useless in this APP, at least for me. At the same time, the search box cannot work on my phone at all. I will try to find out what’s wrong this summer..

Hi @tangbao ,

It seems that the APP design style is inherited from getfedora.org to some extent, which is simple and elegant. However, it seems that the APP doesn’t provide what the users really need. In other words, the APP is not that useful and necessary. Here are some of my thoughts on how to improve this APP.
Information Provider
First of all, this APP should focus on access to information. But how and what kind of information?
Fedora Docs -- For all users
Document is the most important and the most original resources for users. For example, users can read installation guidance on Fedora docs on the phone when he is installing Fedora. Moreover, some basic or useful command lines can be added to Fedora docs to help users learn Linux.

I feel we can add a fedora doc link in the app, but providing complete doc, how much useful that will be. Though we can discuss this.

Fedora Magazine -- For all users
Like @jflory7 said, we can use WordPress RESTful API to make the APP more native. Provide functions like not only titles and summery but also likes, comments, bookmark, etc. We can also provide tags or categories to choose the articles.

+1

Calendar -- For developers
It looks good for me now. What about building an APP internal reminder (users can also set what events should be reminded, when and how to remind them)?

Yes, we can go forward with it depending how good our notification module goes.

Social (Actually the posts from FB or Twitter) -- For all users
This image from @laurenl provides a good example.

I feel, the problem is, if we show options like 'retweet' and 'like', it requires twitter login. But, we are already thinking of adding FAS login modal, same goes for other social accounts. So we can look into how much possible it is. But, it will definitely improve the experience.

Social
Well, actually we can add account function to this APP. Integrating the FAS account is a good choice.
Others
I think the “ASK” module can be cancelled.. Suppose you meet a problem, don’t you think Ctrl+C and Ctrl+V what you meet into your browser is the fastest way to find answer? And if you want to answer some questions.. you may have to search the docs to find accurate information.. So it’s useless in this APP, at least for me. At the same time, the search box cannot work on my phone at all. I will try to find out what’s wrong this summer..

Makes sense, we can discuss over it.

Thankyou @tangbao for your valuable feedback.

IMG_20180327_200802453.jpgIMG_20180327_200805711.jpgIMG_20180327_200809004.jpgIMG_20180327_200812066.jpgIMG_20180327_200817903.jpgIMG_20180327_200822170.jpg

Interaction with mobile is spontaneous and sporadic. So, interaction sequences have to be very short and simple, both for minimizing the amount of interaction and for allowing users to quickly resume their ongoing tasks. You should also automate as much as possible, both in terms of filtering out and presenting only the content which is contextually relevant.
MAGAZINE SECTION
Such as for magazine section, reading the news on a desktop computer typically means the user is stationary and prepared to dedicate a considerable amount of time to that activity. If users are on their mobiles, they could well be seated, but this might quickly change so it’s best to give them just the really important news first, because the interaction with the device is likely to be interrupted at any time by other priorities.
ASK SECTION
Similarly for ask section most of the users of the app will be looking for problems faced in using the OS and commands which will need copying text so there must be an option to send the the particular question tab link into the web browser for later on.
CALENDAR SECTION
An adaptive design should be used, depending on the user’s goal and device context, the service may alter not just its layout and visual appearances but also the way it offers services.For example, if a programmer defines that an input field should contain only numbers (e.g., used for entering a telephone number), the mobile device will display a special version of the keyboard that allows the input of just numbers, to ensure that the user enters valid data. The equivalent field on the desktop version of the website may simply have additional code attached that checks that the entered data is valid (i.e., numeric only).
mobile.png

Interaction with mobile is spontaneous and sporadic. So, interaction sequences have to be very short and simple, both for minimizing the amount of interaction and for allowing users to quickly resume their ongoing tasks. You should also automate as much as possible, both in terms of filtering out and presenting only the content which is contextually relevant.
MAGAZINE SECTION
Such as for magazine section, reading the news on a desktop computer typically means the user is stationary and prepared to dedicate a considerable amount of time to that activity. If users are on their mobiles, they could well be seated, but this might quickly change so it’s best to give them just the really important news first, because the interaction with the device is likely to be interrupted at any time by other priorities.

+1, we can looking forward to improve landing screen by adding new post there, instead of boxes. https://pagure.io/Fedora-app/issue/23

ASK SECTION
Similarly for ask section most of the users of the app will be looking for problems faced in using the OS and commands which will need copying text so there must be an option to send the the particular question tab link into the web browser for later on.

Can you please elaborate this ?

CALENDAR SECTION
An adaptive design should be used, depending on the user’s goal and device context, the service may alter not just its layout and visual appearances but also the way it offers services.For example, if a programmer defines that an input field should contain only numbers (e.g., used for entering a telephone number), the mobile device will display a special version of the keyboard that allows the input of just numbers, to ensure that the user enters valid data. The equivalent field on the desktop version of the website may simply have additional code attached that checks that the entered data is valid (i.e., numeric only).

+1

Thankyou @twishi for your valuable reviews. I feel most of the points were covered, if you feel any point is left and it doesnt have a corresponding issue, please feel free to create one.

@a2batic
Building on what I wrote a month back, here is the first iteration of the Fedora App wireframe, I have come up with.

FedoraAppV0-Wireframes.png

Most of the details are covered in the pic. But Still, I'd love to walk you through the design. The Primary Navigation of the application is using tabs, but since the main features/focus points may increase in future versions, dedicating a tab to each may not be the best solution. Using a hamburger again will hide the main features of the app upfront which will do more harm than good.
Because:

What’s out of sight is out of mind.

Home Screen

FedoraAppHomeScreenWireframe.png

From the Home Screen, the 4 major features are a just tap away and one click to return to the home screen again. Another reason to not use hamburger since it will require 2 clicks ( one to open the menu, other to select the option) to perform the core functionality. Hamburger pattern introduces navigation friction since it forces people to first open the menu and only then allowing them to see and reach their objective.

Fun Point: In the above design, we can directly fetch and use images from Fedora magazine since they also use horizontal images.

Feature Screens

NavigationToFeatures.png

Fedora Magazine:

Feature page with some intro and posts fetched from Magazine. Similar design to the website in order to maintain consistency.

Ask Fedora:

I have tried to use the same design (with tags) as in the askfedora.org since people will be more accustomed to using that. There are Tabs to easily switch between the kind of content one wishes to see. In case, we want to add the feature of posting a question directly from the app, we can just throw a FAB at the bottom right. Scalability +1 :smile:

Fedora Social:

To keep a consistent design among all the main feature pages, I've used tabs here as well to segregate the content. The User can directly follow the twitter/facebook account as well as view the recent posts.
The Fedora Podcast can be easily integrated as well.

Fedora Calendar:

Not everyone wants to see the past events upfront, So I have split the events using tabs. You can simply select the calendar by typing in the autocomplete drop-down and view all the upcoming events as well as add them to your calendar.

Other Tabs

OtherTabs.png

Explore:

Aimed at the new users who want to know more about the Fedora plus the old power users who explore in depth. New users can read about Fedora and explore in more depth using the links. Power Users can view the important updates and events right upfront.

Connect:

Aimed at the new users who want to connect toFedora. Includes Content from AskFedora and Fedora Social.

Account:

I think optional login is the way to go. If someone(power user) wants to do more with the app, he/she can log in. Else explorers (new users/potential users) can simply explore without having to log in.

End Notes: This is the very first iteration and I'd love to have everyone's feedback to improve upon this.
Remember, the journey from a basic idea to a great product requires close collaboration between the community.

Flow & Documentation

App_Vision-_Landing.jpg

Landing

  1. Single Navigation and top tabs
    There needs to 4 tabs permanent on each screen which are the categories. They should be accessible on all parts of app, and not disappear if I venture into other parts of app. As of now there are 5 tabs:
    - Home
    - Editorial (Contains magazine articles, add article feature)
    - News (Contains all social as well as news articles)
    - Q&A
    - Events (Similar to calendar)
    Notification: To notify incase someone answered a query, the article got published, etc
    User Profile: To update bio, update social media links, to view activity of the user

  2. Banner space to advertise, showcase about any event etc.

  3. Upcoming events and link to all events
  4. Editorial and link to all articles
  5. Q&A banner: Post scrolling down, if there's something user cannot find or have a query. Instead of showing trending questions, which might not be even why the user is on the app, it is advisable to show a link to Q&A part.

Q&A

I decided to break the flow into four features:
1. Search
2. Categorisation of questions into: All, latest and trending (trending covers all the questions which are being answered actively)
3. Sort by : date, votes, answers
4. Filter by tags: By name, By popularity

Moreover, I have added the feature to "ASK A QUESTION" as well. This in my opinion, would make the whole Q&A part more interactive and not just a reading section.

Editorial

I have made the whole magazine into an editorial blog. The blog contains all the articles from various sources with a thumbnail image, date, author name(s), and tags.

The new feature added here is to add a draft to submit. The eco-system for this would be similar to a blog website. The whole aim to create this feature is again to make the app more interactive and engaging.

Events

Events is a category to show all the upcoming events with a feature to add them to your own calendar. There's a new feature to show highlights or glimpses from the events from past, to showcase how amazing these events could be.
These can also be sorted on the basis of time, and filtered according to the categories of events.

News/Updates

With nearly 10 social media channels, and 20 accounts it is important to show all the updates in one place as well as sort them.
I have provided one horizontal scrollable tab system to show all the updates, as well as updates from each source.

Since the user can manage her account from her user profile, and if she's already logged in, she can retweet or share etc from Fedora's app, which in turn would make the experience very engaging.

This is the end of the flow and discussion. I'll be uploading a new deliverables soon.
Feedbacks and reviews please. Thanks for reading.

You can interact with the whole app here on this inVision prototype:

https://invis.io/BVGUKWWJ8GX

@a2batic what do you suggest?

@wildflower Good job! :-) Loved the flow.

Feedbacks and reviews, please

Some of my thoughts, if you may allow, please :-)

Flowchart

News from various other articles sources which includes news magazines, online weeklies and daily digests etc.

Can you list what type of news and from what channels and platforms you are planning to fetch them? Have you considered how they might be implemented in the actual application i.e Do they provide an open API to fetch news, author and tags ? The thought of fetching news from all over the internet sounds good but the implementation is another thing you might need to think about.

Show glimpse of the past events.

The majority of the events on the Calendar are team meets, which take place on IRC. If you meant it for the conferences. The Fedora magazine already does that, eg. Flock 2016 in Krakow – Recap. The frequency of events that require glimpse is low and I don’t think real estate should be wasted on the Calendar Page. But that’s my personal opinion, may be @a2batic can comment better.

Add Article

I’m really not sure of adding this feature. The Fedora magazine doesn’t work like Medium or Quora. You need to Put together and propose your pitch on the mailing list and after discussion, the editor approves the post. More here: Writing an article for the Fedora Magazine

Budding writers articles: From Medium etc.

I did not get this point. Would you mind sharing more about this? I don’t think it is even in the remote scope of the project. Also, how would you implement this?

Landing Page

  • The Fedora Magazine API fetches images of aspect ratio 2.36 (472x200). But on the landing page, under the Editorial section, you have a different ratio.

    • How do you plan to implement the cropping algorithm without losing the important information from the image?
    • Or Will you design new images for every new article added?
    • We can use a simpler design for a particular blog post, rather than stretching image all over (and save ourselves some space as well).
  • I really don’t see any point of adding ASKFedora at the bottom of the home screen when there’s already a dedicated tab. Would love to know your rationale behind the design decision.

Profile

  • In the profile section, you have designed a section “My Activity”. I’d love to know how are you thinking to implement this in the application.
  • There’s a script fedora-active-user by @pingou but it checks the Last login on a website using FAS, the last builds on koji, the last update on Bugzilla , the last email sent to mailing lists and and the last actions recorded by fedmsg. You want to track the activity on QA and editorial platform. I think implementing this may involve unnecessary complexity being added to a simple application.

Events

  • Sorting the Fedora Events: Using a click through dropdown is not the best solution we can do here. It erroneously blocks the user view and adds to the number of clicks to perform a simple function.

Fedora QA

  • What are the data points you’re considering to decide the “Trending” Questions?

Fedora News

  • If you’re arguing about 9 social media channels, using horizontal tabs to show the channels might not be the best design decision. Reason being you can only show up to 3 channels up front. You will need to prioritize that among all the channels, but the channel preference may vary according to the user. Let’s do justice to Dr Norman’s heuristic, Recognition rather than recall. Minimize the user’s memory load by making objects, actions, and options visible.

  • Facebook Posts:
    Not every post has an image, in that case, the design pattern will fail since if you consider a view with 2 image posts and 3 text posts, the content will be not aligned and hence will look ugly.

You mentioned somewhere

Key pointers: Always use real data. Do not put dummy text as it cannot build the context.

So the fact that you have used dummy data throughout the complete mockups may result in anomalies when the design is implemented More Here. The chances that the actual content will fill the same space as your placeholder are slim, almost inconceivable. In most cases, at least some redesigning and restructuring must be done, which is a waste of time and resources. For eg, On the home screen, you’ve assumed the Upcoming Event’s name will be of 1 line what if it’s Fedora Badges DesignTeam Meeting. The date icon which now perfectly aligns with the text will look ugly then.

Summarising the above text
- When you are utilising other third-party platforms/services, always make sure fetching what data is feasible, along with the exact content.
- Also, Whenever you depend on your internal platform, do keep in mind the changes required to be made in current system.
- We can always integrate amazing ideas but we should think about their feasibility first and the manpower required.

That’s all I can think of now on my first glance. :-) You may try to reduce the size of image, it's almost 8MBs. My pagure window almost hanged.

Don’t take the critique as an offence or something, I believe in the principle of Checks and Balances to Build better products.

On a lighter note, You really do follow consistency and standards Rule of UX. The Wireframes follow exactly similar presentation pattern to my wireframes, which I posted yesterday :joy:

Great work @thelittlewonder @wildflower
But I really think instead of deciding all the features and flows and putting them on testing isn't really team work. Please make separate issues for features you want to include. lets discuss it and then make the designs so that your hard work isn't done in vain.
Long comments about the userflows by someone and then pointing out mistakes in them(another long comment) isn't so productive.
Moreover we need to get insights from the developers as well which isn't happening in the current scenario.
we really need to work as a team and not do this as a solo project :)

PS: Both of you are great designers and I learned a lot from you

@thelittlewonder
Combining two features fedora mag and calendar and the other two doesn't feel like a good idea to me . The design looks to cluttered with information. Maybe you can make a seaparate issue and ask people about it?

1.why there isn't a sort feature in fedora mag. we all agreed in previous discussions i guess.
2.we also agreed to add other social channels in social. I can see them in you design.
3. in ask fedora what is the difference between 'most voted' and ' most popular'

Great work @thelittlewonder @wildflower

Thank you :-)

But I really think instead of deciding all the features and flows and putting them on testing isn't really team work. Please make separate issues for features you want to include. let's discuss it and then make the designs so that your hard work isn't done in vain.

This isn't about teamwork or something. Every designer has a different workflow, so it becomes difficult to collaborate at the same stage of a project. I like to go broad to explore all the possible options rather than sticking to one single path. Fail Fast, Fail Often. The whole point of doing low fidelity mockups is to get real feedback from users and iterate, build upon that quickly. Creating "separate issues for features you want to include" will involve 2-3 people(who have been involved with the app for last 2 months but are not the real users) discussing their opinion in comments, but a better choice would be to roll out prototypes to test different ideas and solutions with the real users. Hope you get the point :-)

Long comments about the userflows by someone and then pointing out mistakes in them(another long comment) isn't so productive.

I'd like to disagree here. There's a big difference in "pointing out mistakes" and giving constructive criticism to maintain a system of checks and balances. There is no point in creating beautiful UIs if it can not be implemented in the real scenario or will take considerable manpower or resources. I present my design critique with the ultimate goal of improving a design. I do not mean to simply judge a design. It is nearly impossible to improve a design without feedback from others. The input will ultimately help us avoid mistakes and thus create higher quality work. The old saying rings true: two brains (or more in this case) are always better than one. Don’t take design critique as an insult :-)

Moreover we need to get insights from the developers as well which isn't happening in the current scenario.

Yes, agreed. In my critique of @wildflower's design, I tried to give my feedback based on my developer experience. Basically what's feasible and what's not.

we really need to work as a team and not do this as a solo project :)

Definitely, but the things that are ought to be done solely must be done solely.

PS: Both of you are great designers and I learned a lot from you

Thank you for the kind words :-) Wish you luck.

Combining two features fedora mag and calendar and the other two doesn't feel like a good idea to me . The design looks to cluttered with information. Maybe you can make a seaparate issue and ask people about it?

There are separate screens for the mag and calendar which can be accessed from the front page itself. Those are dedicated screens for those particular features. I have not "Combined two features", the features exist independently, but another way to acccess them has been introduced. Rather than asking people, I believe in actually testing out with them. Quoting Henry Ford, "If I had asked people what they wanted, they would have said faster horses". People don’t know what they want until you show it to them. The point is to ideate new patterns :-) I will share the results of usability testing once I am done with a threshold of users.

1.why there isn't a sort feature in fedora mag. we all agreed in previous discussions i guess.

Missed it. Thanks for pointing out :-)

2.we also agreed to add other social channels in social. I can see them in you design.

You might have overlooked. I have added Facebook, Twitter and newly launched Fedora Podcast. The other social media networks either have redundant posts or have been inactive for quite some time. Can you support the fact for adding the rest of social media websites?
FedoraSocial.png

we also agreed to add other social channels in social

I might have missed the discussion. Can you please share the link to the discussion?

  1. in ask fedora what is the difference between 'most voted' and ' most popular'

Most Voted: Questions sorted by votes, obtained from https://ask.fedoraproject.org/en/questions/scope:all/sort:votes-desc/page:1/
Most Popular: Questions sorted by number of answers, fetched from
https://ask.fedoraproject.org/en/questions/scope:all/sort:answers-desc/page:1/

@thelittlewonder, hi

@a2batic
Building on what I wrote a month back, here is the first iteration of the Fedora App wireframe, I have come up with.

Most of the details are covered in the pic. But Still, I'd love to walk you through the design. The Primary Navigation of the application is using tabs, but since the main features/focus points may increase in future versions, dedicating a tab to each may not be the best solution. Using a hamburger again will hide the main features of the app upfront which will do more harm than good.
Because:

What’s out of sight is out of mind.

Home Screen

From the Home Screen, the 4 major features are a just tap away and one click to return to the home screen again. Another reason to not use hamburger since it will require 2 clicks ( one to open the menu, other to select the option) to perform the core functionality. Hamburger pattern introduces navigation friction since it forces people to first open the menu and only then allowing them to see and reach their objective.
Fun Point: In the above design, we can directly fetch and use images from Fedora magazine since they also use horizontal images.
Feature Screens

Fedora Magazine:
Feature page with some intro and posts fetched from Magazine. Similar design to the website in order to maintain consistency.
Ask Fedora:
I have tried to use the same design (with tags) as in the askfedora.org since people will be more accustomed to using that. There are Tabs to easily switch between the kind of content one wishes to see. In case, we want to add the feature of posting a question directly from the app, we can just throw a FAB at the bottom right. Scalability +1 😄
Fedora Social:
To keep a consistent design among all the main feature pages, I've used tabs here as well to segregate the content. The User can directly follow the twitter/facebook account as well as view the recent posts.
The Fedora Podcast can be easily integrated as well.
Fedora Calendar:
Not everyone wants to see the past events upfront, So I have split the events using tabs. You can simply select the calendar by typing in the autocomplete drop-down and view all the upcoming events as well as add them to your calendar.

The wireframe for landing page looks great, its understandable and clear. Some doubts that I have:-
1. Fedora Social - you have added the options of like, retweet, comment, follow. you have to folow up with backend contributor to verify, can the application handle multiple social app login with FAS login as well.

Other Tabs

Explore:
Aimed at the new users who want to know more about the Fedora plus the old power users who explore in depth. New users can read about Fedora and explore in more depth using the links. Power Users can view the important updates and events right upfront.
Connect:
Aimed at the new users who want to connect toFedora. Includes Content from AskFedora and Fedora Social.
Account:
I think optional login is the way to go. If someone(power user) wants to do more with the app, he/she can log in. Else explorers (new users/potential users) can simply explore without having to log in.
End Notes: This is the very first iteration and I'd love to have everyone's feedback to improve upon this.
Remember, the journey from a basic idea to a great product requires close collaboration between the community.

  1. The content for other tabs like 'Explore', 'connect' looks repetitive, we can have other feedback on it as well. The point of making 'Explore' section is nice, but adding events and magazine posts, can be thought again.

  2. The events contain 'Devconf' 'Flock', but these are not present in Fedocal events. These are mostly announced on Fedora Magazine.

  3. In connect, maybe you can add things from community blog, like 'how do you fedora?' interviews etc.

  4. In calendar, for past events, you can add 'Minutes of meeting', it is something with interest fedora contributors if they miss on some meeting or want to recapture thoughts.

  1. Fedora Social - you have added the options of like, retweet, comment, follow. you have to folow up with backend contributor to verify, can the application handle multiple social app login with FAS login as well

Yes, I get your point. That was a blunder on my side, I forgot the fact that we need to implement the login to use those features. Let's keep it simple and just fetch the timeline using the Twitter API and show
- The Tweets
- The number of Likes/Comments/Retweets.

I am not sure if we can fetch the particular comments on a tweet but anyway that'd be an overkill.

The content for other tabs like 'Explore', 'connect' looks repetitive, we can have other feedback on it as well. The point of making 'Explore' section is nice, but adding events and magazine posts, can be thought again.

Yep, agree! The content definitely needs some work. We can build upon on your idea of embedding content from the blog into the Connect tab rather than Ask. Maybe something which will help users to know more about the People involved in the Fedora community. Will brainstorm, rework the tabs and update you regarding the same.

The events contain 'Devconf' 'Flock', but these are not present in Fedocal events. These are mostly announced on Fedora Magazine.

Noted.

In calendar, for past events, you can add 'Minutes of meeting', it is something with interest fedora contributors if they miss on some meeting or want to recapture thoughts.

Nice Idea! But somebody would have to do it after every meeting. Will the devs/designers be comfortable in taking one extra role?

Thanks for feedback @a2batic, Appreciate your time :-)

Hi @wildflower, Thankyou for the flow, it looks nice.

Flow & Documentation

Landing

Single Navigation and top tabs
There needs to 4 tabs permanent on each screen which are the categories. They should be accessible on all parts of app, and not disappear if I venture into other parts of app. As of now there are 5 tabs:
- Home
- Editorial (Contains magazine articles, add article feature)
- News (Contains all social as well as news articles)
- Q&A
- Events (Similar to calendar)
Notification: To notify incase someone answered a query, the article got published, etc
User Profile: To update bio, update social media links, to view activity of the user

Banner space to advertise, showcase about any event etc.

Upcoming events and link to all events
Editorial and link to all articles
Q&A banner: Post scrolling down, if there's something user cannot find or have a query. Instead of showing trending questions, which might not be even why the user is on the app, it is advisable to show a link to Q&A part.

Q&A
I decided to break the flow into four features:
1. Search
2. Categorisation of questions into: All, latest and trending (trending covers all the questions which are being answered actively)
3. Sort by : date, votes, answers
4. Filter by tags: By name, By popularity
Moreover, I have added the feature to "ASK A QUESTION" as well. This in my opinion, would make the whole Q&A part more interactive and not just a reading section.

"ASK A QUESTION" seems to be a nice feature, but it has to be verified for implementation with backend and API.

Editorial
I have made the whole magazine into an editorial blog. The blog contains all the articles from various sources with a thumbnail image, date, author name(s), and tags.
The new feature added here is to add a draft to submit. The eco-system for this would be similar to a blog website. The whole aim to create this feature is again to make the app more interactive and engaging.
Events
Events is a category to show all the upcoming events with a feature to add them to your own calendar. There's a new feature to show highlights or glimpses from the events from past, to showcase how amazing these events could be.

These events are fedora project related meetings on IRC, so they wont be having glimpse but they would be having minutes of meeting, which we can add.

These can also be sorted on the basis of time, and filtered according to the categories of events.
News/Updates
With nearly 10 social media channels, and 20 accounts it is important to show all the updates in one place as well as sort them.
I have provided one horizontal scrollable tab system to show all the updates, as well as updates from each source.
Since the user can manage her account from her user profile, and if she's already logged in, she can retweet or share etc from Fedora's app, which in turn would make the experience very engaging.

Multiple account login has to be checked.

This is the end of the flow and discussion. I'll be uploading a new deliverables soon.
Feedbacks and reviews please. Thanks for reading.

@wildflower Good job! :-) Loved the flow.

Feedbacks and reviews, please

Some of my thoughts, if you may allow, please :-)
Flowchart

News from various other articles sources which includes news magazines, online weeklies and daily digests etc.

Can you list what type of news and from what channels and platforms you are planning to fetch them? Have you considered how they might be implemented in the actual application i.e Do they provide an open API to fetch news, author and tags ? The thought of fetching news from all over the internet sounds good but the implementation is another thing you might need to think about.

Show glimpse of the past events.

The majority of the events on the Calendar are team meets, which take place on IRC. If you meant it for the conferences. The Fedora magazine already does that, eg. Flock 2016 in Krakow – Recap. The frequency of events that require glimpse is low and I don’t think real estate should be wasted on the Calendar Page. But that’s my personal opinion, may be @a2batic can comment better.

Currently, we dont have any such events in calendar(Fedocal).

Add Article

I’m really not sure of adding this feature. The Fedora magazine doesn’t work like Medium or Quora. You need to Put together and propose your pitch on the mailing list and after discussion, the editor approves the post. More here: Writing an article for the Fedora Magazine

Yeah, the magazine article has a procedure, but definitely we can check on it, if its possible. @jflory7, what are your thoughts on this ?

Budding writers articles: From Medium etc.

I did not get this point. Would you mind sharing more about this? I don’t think it is even in the remote scope of the project. Also, how would you implement this?
Landing Page

The Fedora Magazine API fetches images of aspect ratio 2.36 (472x200). But on the landing page, under the Editorial section, you have a different ratio.

How do you plan to implement the cropping algorithm without losing the important information from the image?
Or Will you design new images for every new article added?
We can use a simpler design for a particular blog post, rather than stretching image all over (and save ourselves some space as well).

I really don’t see any point of adding ASKFedora at the bottom of the home screen when there’s already a dedicated tab. Would love to know your rationale behind the design decision.

Profile

In the profile section, you have designed a section “My Activity”. I’d love to know how are you thinking to implement this in the application.
There’s a script fedora-active-user by @pingou but it checks the Last login on a website using FAS, the last builds on koji, the last update on Bugzilla , the last email sent to mailing lists and and the last actions recorded by fedmsg. You want to track the activity on QA and editorial platform. I think implementing this may involve unnecessary complexity being added to a simple application.

The profile section needs a bit research here I believe, the API data can be looked into.

Events

Sorting the Fedora Events: Using a click through dropdown is not the best solution we can do here. It erroneously blocks the user view and adds to the number of clicks to perform a simple function.

Fedora QA

What are the data points you’re considering to decide the “Trending” Questions?

Fedora News

If you’re arguing about 9 social media channels, using horizontal tabs to show the channels might not be the best design decision. Reason being you can only show up to 3 channels up front. You will need to prioritize that among all the channels, but the channel preference may vary according to the user. Let’s do justice to Dr Norman’s heuristic, Recognition rather than recall. Minimize the user’s memory load by making objects, actions, and options visible.

We need to check here what all social sections are active and how easy to access their API data, then we can make a decision on design, we cant show all of them on the app.

Facebook Posts:
Not every post has an image, in that case, the design pattern will fail since if you consider a view with 2 image posts and 3 text posts, the content will be not aligned and hence will look ugly.

You mentioned somewhere

Key pointers: Always use real data. Do not put dummy text as it cannot build the context.

So the fact that you have used dummy data throughout the complete mockups may result in anomalies when the design is implemented More Here. The chances that the actual content will fill the same space as your placeholder are slim, almost inconceivable. In most cases, at least some redesigning and restructuring must be done, which is a waste of time and resources. For eg, On the home screen, you’ve assumed the Upcoming Event’s name will be of 1 line what if it’s Fedora Badges DesignTeam Meeting. The date icon which now perfectly aligns with the text will look ugly then.
Summarising the above text
- When you are utilising other third-party platforms/services, always make sure fetching what data is feasible, along with the exact content.
- Also, Whenever you depend on your internal platform, do keep in mind the changes required to be made in current system.
- We can always integrate amazing ideas but we should think about their feasibility first and the manpower required.
That’s all I can think of now on my first glance. :-) You may try to reduce the size of image, it's almost 8MBs. My pagure window almost hanged.
Don’t take the critique as an offence or something, I believe in the principle of Checks and Balances to Build better products.
On a lighter note, You really do follow consistency and standards Rule of UX. The Wireframes follow exactly similar presentation pattern to my wireframes, which I posted yesterday 😂

@thelittlewonder, thats ok, thats how you share and learn in opensource.

we cant show all of them on the app

+1

@thelittlewonder, thats ok, thats how you share and learn in opensource.

Yeah, I was not serious. Wrote that just on a lighter note, after the post got unnecessarily long. Sorry if it felt otherwise ✌️

So I basically ran a usability test of the above low-fi mockup on 7 users from Fedora Community. Below are some of the findings.

Title Description Success Ratio Success Percentage
Latest Post from Magazine Suppose you want to read the latest post from the magazine. How will you do that 4/7 57%
Check meeting's time How can you know the schedule of next upcoming Fedora meeting? 4/7 57%
See the latest Tweets from Fedora What did Fedora post last? 5/7 71%
Suppose you have a doubt Search for answers to a problem 5/7 71%
What's the latest! So Fedora Podcast 4 is here. What else is here to check out? 2/7 28%
  • One of the possible reason for the low success rate of last activity(Success was clicking on the carousel to change images in the banner) can be attributed to the fact that the wireframe was static, the images will, however, change automatically in the app.

Home Screen

Home-Heatmap.png

  • Bottom Navigation Icons are more intuitive rather than the 4 options presented upfront. The bottom icons received more clicks than the buttons on the top.
  • People click both, the image as well as the title to access the "Latest from the Community" Items. Hence we need to make both of them (or the complete box) clickable.

Magazine

FedoraMag-Heatmap.png

  • Looks good, people can identify the clickable items and navigation.

Calendar

Calendar-Heatmap.png

  • One thing that bothers me is that no one clicked the 'Add' Button. Maybe we need to make it more prominent.
  • The Tabbed View of Upcoming/Past Events and Team Select Dropdown works fine.

Ask Fedora

AskFedora-Heatmap.png

  • A positive thing we discovered is that people are clicking specific tags.

Fedora Social

FedoraSocial-Heatmap.png

Explore

Explore-Heatmap.png

  • Read More Links like 'Our Mission' do not appear clickable.
  • The Calendar near 'Upcoming Events' is not prominent. Hence only way to access the events is from Homepage.

Connect

Connect-Heatmap.png

Other Issues I saw during the video recordings

  • In order to switch from one feature of the app, say calendar to another feature, say the magazine. The users need to go back and click on that feature. And do it every time. At the back of the mind, they need to remember about other features available in the app. We can definitely make this process smoother.
  • No one tried to scroll on the homepage, though I felt it was evident that it is scrollable. One reason can be that the users tested it on the PC and scrolling is not something that is very intuitive on a computer. If not, we might think about putting important info upfront.

I intend to share another version of app wireframe that will take care of all the findings here, specific feedbacks from @a2batic, @shilpi1958 plus the issues addressed in my analysis.

Metadata Update from @amitosh:
- Issue status updated to: Closed (was: Open)

5 years ago

Login to comment on this ticket.

Metadata