home
products
contribute
download
documentation
forum
Home
Forums
New posts
Search forums
What's new
New posts
All posts
Latest activity
Members
Registered members
Current visitors
Donate
Log in
Register
What's new
Search
Search
Search titles only
By:
New posts
Search forums
Search titles only
By:
Menu
Log in
Register
Navigation
Install the app
Install
More options
Contact us
Close Menu
Forums
MediaPortal 1
WebService and Mobile Access
Popular Plugins
aMPdroid
Suggestions for an even better interface (mock-up, pictures inside)
Contact us
RSS
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Message
<blockquote data-quote="Zuzler" data-source="post: 973501" data-attributes="member: 104583"><p>First of all, I am no programmer, I am no professional designer. I just love this app and know a fair bit of graphics design, which is my hobby. So I painted around what I think might be a useful and simple, flat-navigation-styled interface. I hope the images are still of acceptable size, I am used to different layouts with my new monitor.</p><p> </p><p>Now I'll let the pictures speak for themselves, let's hear what you think of it <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile :)" loading="lazy" data-shortname=":)" /></p><p> </p><p><strong>The Connect View</strong></p><p>[ATTACH]123666[/ATTACH]</p><p style="margin-left: 20px">This one greets the user after the app started. You can select your machine you want to connect to, edit some parameters and press connect. If autoconnect is there, the button should be greyed out (or a stop button) and connect itself to the...</p><p></p><p><strong>Home View</strong></p><p>[ATTACH]123667[/ATTACH]</p><p style="margin-left: 20px">That's your personal dashboard. You can arrange the links to the individual MP features around as you like. Below, there are either ads (free version), latest media or more buttons. Customizable as you like.</p> <p style="margin-left: 20px"></p> <p style="margin-left: 20px">The top will always be the same in every submenu. From left to right:</p> <p style="margin-left: 20px">MP gets you back here to the Home View. It's your home button. A green or red dot indicates the connection status, visible from every page.</p> <p style="margin-left: 20px">The text-dropdown is the only thing which changes. Here, it shows the current server we're connected to. On other pages, it offers filtering and search capabilities (for Movies and Series) or shows our own subcategories (for Radio and TV)</p> <p style="margin-left: 20px">The remote button opens the remote section (<em>TBA, I still have to sketch around a bit there, will post this in the next days</em>)</p> <p style="margin-left: 20px">The play button brings us to the current page which is also active in MP. If for example a movie is playing, it shows the info page (progress bar, subtitles, audio selection, movie summary). On TV and Radio it brings up the timeshift bar, a recording option, subtitles, audio selection and the current EPG for the live channel).</p> <p style="margin-left: 20px"></p> <p style="margin-left: 20px">All other menu items (which are setup-and-forget, like server settings, autoconnect and also the main links) are hidden in the three dots on the bottom right. They don't take away any space there and are still accessible.</p> <p style="margin-left: 20px"></p> <p style="margin-left: 20px">Now let's dive into the next level:</p><p></p><p style="margin-left: 20px"><strong>Movies / Series View</strong></p> <p style="margin-left: 20px">[ATTACH]123668[/ATTACH]</p> <p style="margin-left: 40px">Here, the top bar has filtering capabilities combined with a search function (the text goes into the filtering box, to conserve space). Other than that, it is basically the same as it is right now.</p> <p style="margin-left: 20px"></p> <p style="margin-left: 20px"><strong>TV / Radio View</strong></p> <p style="margin-left: 20px">[ATTACH]123669[/ATTACH]</p> <p style="margin-left: 40px">Pressing the TV dropdown in the top bar brings up out categories for TV and Radio. Below, a submenu for advanced functions is added. You can access the TV server status, the recordings (and timeshift) folder and the EPG for all channels.</p><p></p><p>---</p><p> </p><p>That's it so far, I hope you like it. If so I'd be glad to provide with more <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile :)" loading="lazy" data-shortname=":)" /></p></blockquote><p></p>
[QUOTE="Zuzler, post: 973501, member: 104583"] First of all, I am no programmer, I am no professional designer. I just love this app and know a fair bit of graphics design, which is my hobby. So I painted around what I think might be a useful and simple, flat-navigation-styled interface. I hope the images are still of acceptable size, I am used to different layouts with my new monitor. Now I'll let the pictures speak for themselves, let's hear what you think of it :) [B]The Connect View[/B] [ATTACH]123666[/ATTACH] [INDENT=1]This one greets the user after the app started. You can select your machine you want to connect to, edit some parameters and press connect. If autoconnect is there, the button should be greyed out (or a stop button) and connect itself to the...[/INDENT] [B]Home View[/B] [ATTACH]123667[/ATTACH] [INDENT=1]That's your personal dashboard. You can arrange the links to the individual MP features around as you like. Below, there are either ads (free version), latest media or more buttons. Customizable as you like.[/INDENT] [INDENT=1] [/INDENT] [INDENT=1]The top will always be the same in every submenu. From left to right:[/INDENT] [INDENT=1]MP gets you back here to the Home View. It's your home button. A green or red dot indicates the connection status, visible from every page.[/INDENT] [INDENT=1]The text-dropdown is the only thing which changes. Here, it shows the current server we're connected to. On other pages, it offers filtering and search capabilities (for Movies and Series) or shows our own subcategories (for Radio and TV)[/INDENT] [INDENT=1]The remote button opens the remote section ([I]TBA, I still have to sketch around a bit there, will post this in the next days[/I])[/INDENT] [INDENT=1]The play button brings us to the current page which is also active in MP. If for example a movie is playing, it shows the info page (progress bar, subtitles, audio selection, movie summary). On TV and Radio it brings up the timeshift bar, a recording option, subtitles, audio selection and the current EPG for the live channel).[/INDENT] [INDENT=1] [/INDENT] [INDENT=1]All other menu items (which are setup-and-forget, like server settings, autoconnect and also the main links) are hidden in the three dots on the bottom right. They don't take away any space there and are still accessible.[/INDENT] [INDENT=1] [/INDENT] [INDENT=1]Now let's dive into the next level:[/INDENT] [INDENT=1][B]Movies / Series View[/B][/INDENT] [INDENT=1][ATTACH]123668[/ATTACH][/INDENT] [INDENT=2]Here, the top bar has filtering capabilities combined with a search function (the text goes into the filtering box, to conserve space). Other than that, it is basically the same as it is right now.[/INDENT] [INDENT=1] [/INDENT] [INDENT=1][B]TV / Radio View[/B][/INDENT] [INDENT=1][ATTACH]123669[/ATTACH][/INDENT] [INDENT=2]Pressing the TV dropdown in the top bar brings up out categories for TV and Radio. Below, a submenu for advanced functions is added. You can access the TV server status, the recordings (and timeshift) folder and the EPG for all channels.[/INDENT] --- That's it so far, I hope you like it. If so I'd be glad to provide with more :) [/QUOTE]
Insert quotes…
Verification
Post reply
Forums
MediaPortal 1
WebService and Mobile Access
Popular Plugins
aMPdroid
Suggestions for an even better interface (mock-up, pictures inside)
Contact us
RSS
Top
Bottom