-
Notifications
You must be signed in to change notification settings - Fork 1.4k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
User Experience Refresh #464
Comments
I would like to work on its UI. I will be using Material design principles. I am also thinking of changing default network access framework to Retrofit 2 because of its simplicity. I am also thinking of implementing #407 in the app using GitHub API. Any comments on that? |
Hi @abhaymaniyar, if you'd like to change the default network access framework, please file a separate issue and we can discuss it there. The UI improvements are a GSoC project. If you are a student, you are welcome to apply! To strengthen your application, share your ideas and mockups for ODK Collect in this thread. |
Sure @yanokwa and thank you! |
@Andy671 These are looking so nice! As you refine your ideas, make sure to think about how users send forms, download blank ones and things like that. I know this is just a start and it's a great one! |
Hi @lognaturel and @yanokwa, I am really looking forward to contribute to this community. I am enthusiastic to contribute to "ODK Collect - Improved user experience" idea as part of GSOC 2017. I am an experienced UX/UI developer and would love to showcase my skills to the community. There are few UX suggestions which I have in mind. I also have few queries which I hope can be answered as soon as possible so that I can start working on the implementation. UX Suggestions: Queries: I apologise for the many queries. Just wanted to make sure the goal is clear for me. |
|
Thank you for the sketches and ideas, everyone! It's great to see different options for the user experience. I added a couple of questions to the initial issue for you to consider as you refine your plans. I would encourage you to start with low-fidelity sketches as you're considering different options for how users would interact with the application. That will be what we are most interested in as we review proposals. We will also be interested in how you will perform this work incrementally to reduce the chance of bugs being introduced. @geekrypter also had some good questions. Participating in the discussion in this thread is the best way to refine your ideas. Feel free to link to a google doc that has public comment privileges if you want to share several sketches and have a live document that you iterate on, for example. We recently upgraded If you think of features that would be useful as you explore the app and rethink the user experience, please file individual issues. Also consider joining or starting conversations such as #493, #506, #507. |
Hi @lognaturel and @yanokwa, I am keenly interested in contributing to the Unified UI idea in GSoC'17. I have prepared a google doc consisting of the UI mockups that I have made. The link to it is below: https://docs.google.com/document/d/1RPTJhPapwRc_1DkVAapbZNvlCNObGTJ7MBl7NrFMJn0/edit?usp=sharing All the mockups use the AndoidDesignSupport Library for certain elements in them. |
Hello @lognaturel and @yanokwa, I am very much interested in contributing to "ODK Collect - Improved user experience" idea as part of GSOC 2017. My idea is to completely change the UI of the application making it user-friendly and attractive, keeping the functionality and back-end part same. I am experienced in using Material Design. The idea of keeping minSDK-16 will not cause any problem and by using Android Support Libraries, it's compatibility can be widened. Please do make comments and suggestions. |
Hi @lognaturel and @yanokwa I am interested in contributing to "ODK Collect - Improved user experience" idea in GSOC'17.I have prepared a doc consisting UI mockup I made and reasons regarding changes from initial mockups. As there are some queries about supporting previous SDK's and upgrading library, these mockups support min SDK 14 and regarding upgrading app with material design libraries, this can be done with changing in layouts. However, I suggest that UI should be made from scratch for better and bug-free output. Please look into the doc & do make comments & suggestions. |
@Andy671 I really like your work. It would be great to work on your idea. |
Hi everyone, Here is a mockup that i have prepared for the welcome activity.
|
Hello @lognaturel and @yanokwa I am really interested in contributing for ODK Collect project. Here are some mock UI designs which I've made. Please open the link and see for yourselves. I'll be pleased to answer any questions and clear your doubts regarding the same. Do mention in comments if you feel like. Here are the sample designs. |
Here is the mockup of the ui i have created on the basis of the screenshots you have given in the issue .. @lognaturel |
These are some of the mockups that I have designed to improve UI/UX of the app. https://docs.google.com/document/d/10opI1c82-K_B6EDwTKc5HiDt1PMU-Qe7lmkziDPNUEw/edit Edit: |
Hello My UI/UX design provides better accessibility to users than the previous one with an improved look and feel.The design provides all the features with an easier availability for the user, |
These are all looking so good! It's great to see the different ways to think about this user interface. One thing I would like to make sure is clear is that you should not feel like you have to follow the sketches shared in the initial issue. They were only ideas and not meant to be taken as "the right way to go." If you think some of the elements there are good, great! But think carefully about what is best for this app and its users. For example, tabs can be confusing for people who aren't used to smart phones and may forget which tab they are looking at. How can you make sure to address that? What @batbrain7 and @rajatthakur have done by annotating their mockups is a powerful way to explain WHY certain UI elements are included. Those explanations are just as important as the mockups themselves! Even if you include annotations, make sure to include some text explanations to connect everything together. Some of you have been including images to identify forms (@TamsilAmani and @rajatthakur I believe). That's a very nice idea. Do make sure you think about how those images would be set on the server side and how things would look if the image were missing. If you make updates to your documents that you would like someone to give you feedback on, feel free to ask for feedback in the #gsoc channel of the Slack. No need to tag anyone specific, one of the mentors will take a look as we get a chance to! |
I am Krishna Rai a sophomore year student at Delhi Technological University, Pursuing B.Tech Computer Engineering. Q. Why is your proposed UI an improvement over the current one? A. The UI proposed by me in the below-mentioned mockup has an edge over the current one as this is crisp and to the point, it provides user all the functionality within one window itself without the need of going through any specific documentation whatsoever. Q. How will users find the functionality they are looking for? A. Users will access all the features of application through the navigation drawer. Also, the MainActivity named as "Collect Forms" is a self-sufficient activity to provide all the functionality to the user for the same. Q. How will you approach upgrading libraries in a safe way? A. The ODK Collect current version uses native libraries of android only and the UI suggested by me also uses the simple material design libraries provided by google and thus upgrading to new UI would be efficient this way and code from the previous application can be preserved easily. Q. How does your user experience design address the needs of enumerators who may not be familiar with smartphones, may have reduced vision and/or may be working in a very bright, outdoor environment? A. The Application UI might seems dark themed and might look basic, But there is a science behind it. With reference to the aforementioned Research paper on reduced vision, I have devised the below-mentioned mockups. The proposed UI follows basic black and white theme with simple green color notation for the user if the form is finalized. From the image diagram, we can see that even a partially blind person can access the application without any difficulty. People not familiar with Smartphones can also handle the application quite easily as the card view used gives appropriate images and details of the form very efficiently and all the feature can be accessed from one window itself without any confusion. As for my previous experiences, I have worked for various research and commercial projects on Government and University level. Mockup: |
I am Dhruv Rathi, a sophomore at Delhi Technological University, India currently pursuing Bachelor of Technology in Computer Engineering. Here is how I plan to meet the current requirements: Q. Why is your proposed UI an improvement over the current one?
Q. How will users find the functionality they are looking for?
Q. How will you approach upgrading libraries in a safe way? Q. How does your user experience design address the needs of enumerators who may not be familiar with smart phones, may have reduced vision and/or may be working in a very bright, outdoor environment? A.
Some references are for suitable color combinations are:
The Mock-ups provided also includes adding an Image corresponding to the title of the form being added, this is be done by collecting the first 10 or so results of google images and giving the user to add icon of their choice dynamically, in addition to this, a model can be created using Machine Learning which will record the user's choice against the title of that form and thus soon the trained model will itself suggest the user the most appropriate image. I would like to add many more ideas and work on them to make Open Data Kit accessible to a larger audience through GSoC 2017. |
@lognaturel Please suggest or comment on the mockup proposed by me.Still there are things that needs to be added like wireframes for different screen dimensions (Tablets). I'll update them as well whenever it gets finishes. |
Hi everyone! I've been looking through a lot of these mockups and there is a lot of focus on the main screen and form lists. That's great, but users spend most of their time filling out forms, so be sure to suggest approaches there too. I'm particularly interested in how you'd change how repeats work. |
I'm really interested in contributing to ODK Collect app for which I've prepared some mock designs. The designs can be found here. |
@yanokwa +1 on streamlining repeats. My users are thrown by "Add new XYZ group" - a custom label for this dialogue, and dropping the work "group" would be a great improvement. |
Thanks again for all the great ideas here and for the great teamwork! I'm going to close this issue now that Google Summer of Code is in progress. For those who would like to follow along, sub-tasks related to the UI refresh will be tagged gsoc2017. We will also be keeping track of progress in the UI refresh project. We value everyone's feedback and ideas! |
ODK Collect was designed and released in late 2008, around the time Android reached 1.0! Its look and feel has not been updated since and it's overdue for update to bring it in-line with Google's Material Design principles.
This project will require a review of mobile data collection tools in the space for inspiration, a number of design iterations backed with stakeholder feedback, and then an implementation of the most promising design.
Here’s a quick mockup to get your design juices flowing!
Note: this project is listed as an option for students who want to participate in Google Summer of Code 2017.
Some things to discuss here and to include in your project application:
The text was updated successfully, but these errors were encountered: