1. Zachary Boddy's Avatar
    Good morning,

    Okay, when I say "concept design" I mean it's a bunch of scribbles on a OneNote page that I've been messing with. Sorry guys, I haven't made some sexy new app design using Fluent Design that'll make you salivate. I wish I had though. I've just been playing with some ideas for the last twenty minutes and I'd like some feedback on UI and UX decisions I could make. Basically, this is an app that combines your messaging, phone, and email apps into one. This isn't the first time this has been done, haha, but it's a nice way to test your design muscles.concept2.jpg

    Basically, I want to know:

    Hamburger menu vs. pivot menu?
    I've been mulling this around and I keep coming back to the hamburger menu. Unfortunately, a pivot menu just doesn't offer me the power that a hamburger menu does. If I move the big categories (home, messages, phone, email) to a hamburger menu I can use pivot menus to separate different accounts, or maybe different SIM cards. Or I could use a pivot menu on the phone portion to separate history and the dial pad. Having everything under one pivot menu makes it feel cluttered and makes it far more difficult to fit so much into so small of a space. Having a hamburger menu also means I can potentially remove the need for the ellipsis menu (more on that later). But I'd like to know what you think.

    Universal search vs. hamburger search?
    I'm leaning towards a universal search bar on this one that persists through every screen at the top, but I can see the benefits of having it in the hamburger menu, so it stays out of the way unless you need it. Again, this also gives me more space for content and to mess with different ways of interaction.

    Ellipsis menu vs. no ellipsis menu?
    I've been messing around with having the "New" button next to the category header instead of in the ellipsis menu, but this poses a different problem. Should I have the ellipsis menu at all? I feel like I shouldn't go half n' half here. I should either go all out with it or not at all. But what do I do with everything else that's usually hidden by the ellipsis? I can delegate a portion to Settings but email for example needs more advanced functions that will make my app look messy if I shove it all on the screen at once. Should I just use the ellipsis menu?

    Chronological vs. categorical?
    This pertains to the Home screen that combines all your newest messages, calls, and emails that you haven't dealt with yet. Would you rather have this screen separate things by category and then chronological (i.e. Messages: 1; 2 then Phone: 1; 2) or chronological then categorical (1: message from then 2: call from)?

    I appreciate any and all help here. Once I get some feedback and make some hard decisions on where I should place things I'll start refining this concept.
    06-07-2017 05:09 PM
  2. colinkiama's Avatar
    On the home screen, I would recommend showing the last 3-5 interactions for each category and a show all button underneath the third item for each category.
    06-21-2017 01:29 PM
  3. Zachary Boddy's Avatar
    On the home screen, I would recommend showing the last 3-5 interactions for each category and a show all button underneath the third item for each category.
    That makes sense. Divide by category with the option to expand to see more notifications and interactions.
    06-22-2017 12:51 PM
  4. colinkiama's Avatar
    By the way, you can keep the hamburger menu by placing the hamburger button in the command bar (the bottom app bar). You could change the icon if it looks weird down there.

    When clicked, you can have a menu that takes over the whole screen similar to how the hamburger menu looked in your sketch. If you aren't a fan of the menu taking ove true whole screen then you could also display a flyout menu when the hamburger menu is clicked.
    Last edited by colinkiama; 06-24-2017 at 12:45 PM. Reason: Thought of more ideas
    06-24-2017 12:43 PM
  5. Zachary Boddy's Avatar
    By the way, you can keep the hamburger menu by placing the hamburger button in the command bar (the bottom app bar). You could change the icon if it looks weird down there.

    When clicked, you can have a menu that takes over the whole screen similar to how the hamburger menu looked in your sketch. If you aren't a fan of the menu taking ove true whole screen then you could also display a flyout menu when the hamburger menu is clicked.
    It might be possible to do something similar to the Google Pixel devices. Swipe up from the bottom to open the menu? But this might interfere with the nav bar on certain devices, so that might not be a good idea. Alternatively I could do something similar to Microsoft Edge. The ellipsis menu has its normal options up top and then a separate "hub" menu below it.
    06-30-2017 05:06 PM

Similar Threads

  1. What is the best USB 3.0 Hub for XBOX One S?
    By JohnnyBawesome in forum The Xbox Lounge
    Replies: 1
    Last Post: 09-11-2017, 09:56 AM
  2. Problem with Lumia 930 People hub keeps on crashing
    By Windows Central Question in forum Ask a Question
    Replies: 14
    Last Post: 06-10-2017, 08:41 AM
  3. [concept] Lumos Home Hub
    By grahamf in forum General Desktop, Laptop & Tablet Discussion
    Replies: 0
    Last Post: 06-06-2017, 12:20 PM
  4. Windows Fluent Design System concepts show a futuristic Photoshop
    By WindowsCentral.com in forum Windows Central News Discussion
    Replies: 0
    Last Post: 06-05-2017, 11:10 AM
  5. OneNote's updated design now rolling out to Fast ring Insiders
    By WindowsCentral.com in forum Windows Central News Discussion
    Replies: 0
    Last Post: 06-02-2017, 04:20 PM
LINK TO POST COPIED TO CLIPBOARD