Jump to content


Photo

Book Ui Design Ideas

Books ui design menu look

  • Please log in to reply
4 replies to this topic

#1 JrD OFFLINE  

JrD

    Member

  • Members
  • 11 posts
  • Local time: 02:24 PM

Posted 14 November 2018 - 12:49 AM

Hey I’m not sure if this is where im suppose to put this up there but \_(‘-‘_/ . So I have noticed that, although you can add books to Emby, there is no native way to read them or access them in general. So I used my graphic design skills and though of a simple UI you guys can use for it when you guys release this feature. So I based some of the designs on some apps that I have use or know, that are for reading books and brought them all together in this design, bring in some of my favorite features

Attached File  BF780F1F-4D5D-49CC-9B2E-320BA22157DD.jpeg   166.9KB   5 downloads

So the first image is how it would look when you go and open a book to read. So you have a pop in mini-menu, that goes away simply by tapping on the center and top on the top or bottom to make it apear again. On the top shows the progress of the book with page number, tile of the book along with the author, exit arrow, and the bookmark icon to add bookmarks. At the bottom you find arrows to turn the page, which if its a touchscreen device just sliding should work just as fine. And the circle, upon pressing it will show info on the book and author, your bookmarks, and similar books. Which in my mind looks like this

Attached File  D80221CC-4415-4479-9EDB-F16EEF3CCDE4.jpeg   177.44KB   2 downloads

You can see that bookmarks and chapters can be accessed through a drop-down menu and the reason it has the arrow on the top is that you just drag down to make it go away. And through some provider or manually add the information about author and book, just like in the movies ui.

Here are both side by side

Attached File  FF8251AA-A062-4700-B52F-0639064A0948.jpeg   149.22KB   2 downloads

If you have any questions or ideas for change feel free to ask and comment on things it can improve on.

Hey I noticed that second photo had an error, so here is the correct image, it was missing the arrows of chapters and bookmark


Attached File  41162A2C-C88F-4E3C-BA63-983EBE968372.jpeg   181.36KB   1 downloads

Edited by JrD, 14 November 2018 - 01:09 AM.

  • doffactory likes this

#2 Luke OFFLINE  

Luke

    System Architect

  • Administrators
  • 142780 posts
  • Local time: 05:24 PM

Posted 14 November 2018 - 01:06 AM

Hi, yes I think that's great it's just a question of when we will be able to do that. I think realistically reading a book is something that will be deferred to platform installed document readers.

#3 JrD OFFLINE  

JrD

    Member

  • Members
  • 11 posts
  • Local time: 02:24 PM

Posted 14 November 2018 - 01:22 AM

Hi, yes I think that's great it's just a question of when we will be able to do that. I think realistically reading a book is something that will be deferred to platform installed document readers.


So the reason I did this, is because you can add books to Emby , but I know this after adding some from my personal collection that there is really no support for it. So I don’t if I could get this idea room maybe there would be some support for it. And I know that it’s not the main reason people go to Emby, but it would be something nice to have at least for the people who read and have a good book collection. So with the design I thought it would be a good idea to bring it to light. And while like you said, people may prefer to go to a document reader, it would still be something nice to have to be able to open up a book from Emby without takin up space, and just streaming it or downloading your favorite ones.

Edited by JrD, 14 November 2018 - 01:25 AM.


#4 Jdiesel ONLINE  

Jdiesel

    Advanced Member

  • Members
  • 2748 posts
  • Local time: 04:24 PM
  • LocationRegina, SK

Posted 14 November 2018 - 01:26 AM

Internal support in the Android, iOS, and webapp would be amazing.

This project looks interesting and is actively developed.

https://github.com/futurepress/epub.js


And this one for comics

https://github.com/codedread/kthoom

Edited by Jdiesel, 14 November 2018 - 01:41 AM.

  • Dibbes likes this

#5 JrD OFFLINE  

JrD

    Member

  • Members
  • 11 posts
  • Local time: 02:24 PM

Posted 14 November 2018 - 11:01 AM

Internal support in the Android, iOS, and webapp would be amazing.

This project looks interesting and is actively developed.

https://github.com/futurepress/epub.js


And this one for comics

https://github.com/codedread/kthoom


Thanks, I glad you liked the design and I do hope this helps in some way to the project. Like I said if you have any questions about it or suggestions about the design feel free to tell me
  • Dibbes likes this





Also tagged with one or more of these keywords: Books, ui, design, menu, look

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users