Trendly app specs

# Trendly app specs Trendly allows users to follow latest trends in Google searches, on YouTube, etc. Users get a convenient overview of social media industry currents, crazes, in-things, flows, directions, tendencies, bearings, inclinations and drifts :) The app is in essence a browser (webview) with a number of preset bookmarks and a convenient way to manage those bookmarks. --- ## Logo App needs a new logo, a font/style for the name and guidelines on how to use logo, name and logo+name in playstore/appstore, on the app screens, on the app's splash screen, on the app's website, etc. --- ## App screens: There's a Proof of Concept version of the app: https://play.google.com/store/apps/details?id=com.velsa.trendly and the proto.io mockups for the next version of the app: https://pr.to/BPLMWM/ **Both the app and the mockups are NOT the accepted design of the app. They only serve to present ideas, rather than user experience.** The design needs to take into account iOS and Material Design (Android) guidelines and make the app as standard and as simple as possible, in terms of user flows. ### Splash screen App needs a splash screen with a logo and a name and a short text: Follow the latest web trends! Google searches, YouTube videos, Industry news, and much more! The splash screen should also show a loading animation and should stay opened while the active tab from the main screen is loading in the background. The minimum on-screen time for the splash screen is 2 seconds, maximum – until the tab is loaded. ### Main screen (bookmark tabs): The app installs with a number of preset tabs: 1. [Google search trends in US](https://trends.google.com/trends/trendingsearches/realtime?geo=US&category=all) 2. [YouTube trends in US](https://www.youtube.com/feed/trending?gl=US) 3. [SocialMediaToday](https://www.socialmediatoday.com/topic/trending/) User can swipe the screen left and right to switch between tabs. Each tab is a separate webview with it's own browsing history. The back button (left-top) takes the user back in current's tab history or becomes grayed if tab has no browsing history to go back to. While the tab is loading, we need to show a loading animation to the user and a progress bar - a thin line at the top of the webview - like in Chrome ### Manage tabs: The [+] button opens a screen in which the user can add a new tab. User can drag and drop tabs in the tab bar to change their order. Long tap on the tab will bring a confirmation dialog, asking the user if they want to remove this tab. Double-tap on the tab - edit tab name in-place *Not all flows and user scenarios have been added to mockup. The design needs to include all flows and all user scenarios.* Required functionality: - Manage existing tabs: edit tab name, change parameters, delete, add more - When adding a new tab, the user first chooses the trends provider (Google Trends, YouTube trends, etc) and then specifies parameters, which are unique to that provider. E.g. for Google Trends it's 3 parameters (Country, Category, Google), for YouTube it's one (Country) and for SocialMediaToday there are no parameters, it's just a fixed link to a page on their website. - User should also be able to specify the name for each tab and edit it later ### Share Should share the currently opened URL. Last used 'share app' should also be visible in the menu (e.g. Facebook in the mockup). ### Help and About Should simply open screens within the app with Help HTML and About HTML. Need design for those pages with lorem ipsum and with some images in HTML --- ## Dev specs Tabs and WebView: - All tabs open in "incognito" mode in order to anonimize user and show unbiased trends - Browsing history is kept in each tab separetely and the Back button must work correctly for each tab - Every time the user clicks on a tab, the history and cache for this tab are removed and the tab is reloaded - Every time the user Swipes to another tab, the tabs are kept in their current state with history, so user can swipe back to any tab and continue from where they left off - Every time the user refreshes the tab (pull page down and release), we show the loading animation and reload the **current** tab URL - Full screen video (youtube) should work correctly, i.e. no tab bars or other elements should be visible when the video is playing in full screen Error handling: The app needs to be able to take feedback from users, e.g. via Userlytics, User Testing, Validately, etc. Developer needs to offer a solution and arguments for using it. --- ## More content (one-page-apps) - https://trends.google.com/trends/?geo=US - https://www.google.com/alerts - https://trends.google.com/trends/hottrends/visualize?pn=p1&hl=ru&nrow=2&ncol=2 - https://books.google.com/ngrams - https://apps.getstation.com - https://www.alexa.com/topsites - https://www.similarweb.com/top-websites - https://www.similarweb.com/apps/top/google/app-index/us/all/top-free - https://experiments.withgoogle.com/ - https://experiments.withgoogle.com/collection/ai (QuickDraw and Giorgio) - https://experiments.withgoogle.com/ai/ai-duet/view/ - https://www.autodraw.com - https://www.everypixel.com - https://answerthepublic.com/ - https://about.twitter.com/ - https://www.pinterest.ru/discover/topics - https://www.producthunt.com/ - https://news.ycombinator.com/ - https://www.flickr.com/explore - https://www.quora.com/ - https://en.wikipedia.org/wiki/Portal:Current_events - https://en.wikipedia.org/wiki/Portal:Current_events/Sports - https://en.wikipedia.org/wiki/Special:Random - https://medium.com/topic/editors-picks - https://www.jns.org/ --- ## Misc "Did you know" - GT: You can compare the relative [**search volume**](https://searchvolume.com/) of searches between two or more terms - Google has quota limits for Trends searches. This limits the number of search attempts available per user/IP/device. Details of quota limits have not yet been provided, but it may depend on geographical location or browser privacy settings. It has been reported in some cases that this quota is reached really quickly if one is not logged into a Google account before trying to access the trends service. -