Portfolio: tableau de bord pour mobile

Le contexte: il s’agit au départ d’une interface existante assez riche, adaptée pour les grands écrans. J’ai créé une maquette qui s’adapte automatiquement au format mobile.

L’application existante (grands écrans)

Pour voir la maquette en action, cliquer ici. Pour voir la version mobile, réduire la taille du navigateur.

L’application se présente comme un tableau de bord. J’ai essentiellement repris le style de l’application existante. Les différentes parties sont détaillés dans le deuxième écran.

wide wideCommented

Actions possibles de l’utilisateur

  • Lorsque l’utilisateur clique sur une rangée dans la liste des clients, les informations relatives à ce client s’affichent dans la partie droite et inférieure du tableau de bord
  • Le panneau de statut est toujours visible. Il lui donne en permanence une vue globale de la situation, et ce quel que soit le détail de la vue qu’il a couramment sélectionné. Le panneau donne des évaluation sur les fonctions essentielles à surveiller. L’utilisateur peut aussi l’ouvrir pour voir les causes ou un détail concernant les statuts affichés:

wideStatusPanelSmall

  • les différentes rubriques dans le panneau de statut sont des liens vers différents tableaux de bord (non implémenté dans la maquette).
  • l’utilisateur peut se loguer/déloguer

Passage au mobile

On voit qu’on a une grande quantité d’information sur un seul écran, et l’application s’étend sur plusieurs écrans.

D’abord le tableau de statut doit être visible à tout instant. Pour ce faire j’ai mis une barre en bas de l’écran:

mobileHome

A faire: rajouter une image de fond discrètes sur les cellules (derrière le texte) pour les daltoniens

Quand l’utilisateur clique dessus, ça fait apparaitre un pop-up:

mobileStatusPanel

Pour sélectionner un dashboard, l’utilisateur peut soit:

  • faire une sélection dans la liste déroulante en haut de la première page
  • scroller vers le bas dans la liste
  • ou bien cliquer dans l’un des items du pop-up

Une fois le dashboard Missing Work sélectionné, on voit la liste des clients.

mobileMissingWork

On peut sélectionner les colonnes à afficher en cliquant sur le bouton Colonnes.

columnChooser

A noter la navigation en haut: on peut remonter vers la page d’accueil.

Quand on clique sur un client dans la liste, on va vers un troisième écran:

mobileDetails

July 3, 2014
single-ergonomie.php

709 responses to “Portfolio: tableau de bord pour mobile”

  1. Ce ne sont des mes étonnants plus, mais des mercis.

  2. Y a-t-il des informations sur ce sujet dans d’autres langues ?

  3. Francis Vila says:

    @fuari, @okulu
    Hi,
    Thanks for your feedback
    I wrote the whole site in French because there’s less material in French about UX and Web design than in English. One day I’ll write a bilingual version but life is short and there are so many things to do.
    Francis

  4. I needed to compose you a tiny observation in order to give many thanks over again about the pretty tactics you’ve discussed here. This has been so strangely open-handed of people like you to offer unhampered exactly what most of us might have supplied as an electronic book to generate some cash on their own, notably now that you could have done it in the event you wanted. Those points likewise served to provide a fantastic way to understand that most people have similar zeal just like mine to grasp lots more regarding this matter. I’m certain there are thousands of more enjoyable times in the future for people who scan your blog.

  5. kobe shoes says:

    My wife and i have been really joyful Chris managed to round up his investigations using the ideas he came across when using the site. It’s not at all simplistic just to always be giving for free guides which usually many others have been trying to sell. We see we now have the website owner to appreciate for this. The illustrations you have made, the simple site navigation, the friendships you make it easier to create – it’s got mostly amazing, and it’s making our son in addition to the family believe that this concept is awesome, which is extremely serious. Thank you for the whole thing!

  6. yeezy 350 v2 says:

    My husband and i got cheerful when Louis could finish off his investigation using the precious recommendations he discovered when using the web site. It’s not at all simplistic to simply find yourself giving freely ideas which some people might have been trying to sell. And we also understand we’ve got the website owner to appreciate because of that. The most important illustrations you made, the easy website menu, the relationships you can assist to promote – it’s most astounding, and it’s helping our son and us recognize that that topic is brilliant, which is certainly extraordinarily important. Thanks for all the pieces!

  7. I just wanted to write down a brief comment to say thanks to you for all the nice tips and tricks you are writing on this website. My incredibly long internet lookup has finally been rewarded with wonderful facts and techniques to talk about with my partners. I would assume that many of us website visitors are quite blessed to live in a fine community with very many outstanding professionals with great solutions. I feel truly lucky to have used your entire webpages and look forward to plenty of more pleasurable times reading here. Thanks once again for a lot of things.

  8. I have to get across my admiration for your kind-heartedness for men who actually need assistance with in this content. Your very own commitment to passing the message up and down turned out to be definitely powerful and has continuously encouraged employees just like me to arrive at their pursuits. Your entire informative tutorial means so much to me and substantially more to my office workers. Thanks a lot; from all of us.

  9. I am just writing to let you understand of the fabulous discovery our girl enjoyed reading through your web page. She realized a good number of pieces, which included how it is like to possess an ideal teaching character to have the mediocre ones clearly fully grasp specific extremely tough matters. You really surpassed our expected results. Thanks for supplying those necessary, trusted, educational and in addition unique guidance on that topic to Mary.

  10. off white says:

    I wish to point out my admiration for your kind-heartedness in support of men and women that absolutely need guidance on your content. Your real commitment to getting the message all around became especially helpful and have truly empowered individuals much like me to realize their endeavors. Your entire useful publication can mean so much a person like me and substantially more to my colleagues. With thanks; from each one of us.

  11. air jordan says:

    My husband and i ended up being really thrilled John could conclude his studies through your ideas he gained using your web pages. It is now and again perplexing to just continually be giving away tips and tricks which often some others might have been trying to sell. And we also fully grasp we have you to give thanks to because of that. The illustrations you’ve made, the easy website navigation, the relationships your site make it easier to promote – it is all terrific, and it’s letting our son and our family recognize that the subject matter is exciting, which is exceptionally important. Thanks for the whole thing!

  12. jordans says:

    I would like to express my appreciation for your kind-heartedness giving support to those individuals that absolutely need help on the subject. Your personal dedication to passing the solution around became certainly helpful and have surely enabled women just like me to achieve their goals. Your personal warm and friendly hints and tips implies a whole lot a person like me and substantially more to my mates. Thanks a lot; from all of us.

  13. I precisely wanted to appreciate you again. I’m not certain the things I might have gone through in the absence of the tips and hints contributed by you over such industry. This has been a frightful case for me personally, however , being able to see your skilled manner you solved it forced me to jump with contentment. I’m just thankful for your help and thus expect you find out what a powerful job you have been carrying out instructing the mediocre ones through the use of your blog. I know that you have never encountered all of us.

  14. I wanted to create you this little remark to finally give thanks again with the unique views you have featured at this time. It has been really tremendously generous of people like you to deliver without restraint what many people might have sold as an ebook to generate some bucks for their own end, chiefly seeing that you might well have done it if you ever wanted. Those basics likewise worked to become great way to be certain that many people have the identical eagerness similar to my very own to realize more and more with reference to this problem. I’m certain there are many more pleasant instances in the future for people who looked at your blog.

  15. bape outlet says:

    I precisely desired to say thanks again. I’m not certain the things I would have done in the absence of these suggestions documented by you directly on such a topic. It has been an absolute frustrating concern for me personally, but encountering a new skilled strategy you solved the issue took me to leap for joy. I’m thankful for the help and even believe you are aware of a powerful job you were putting in training the others thru your website. Probably you’ve never got to know any of us.

  16. Thank you for all your work on this website. My aunt enjoys doing investigation and it’s easy to see why. A number of us notice all about the powerful form you render priceless steps on this blog and as well as strongly encourage response from others on that issue plus our own child is actually learning so much. Enjoy the remaining portion of the new year. You are always performing a remarkable job.

  17. I happen to be commenting to make you understand what a amazing encounter my cousin’s girl found reading through yuor web blog. She came to find too many things, which include what it’s like to have an ideal coaching style to let the rest clearly know just exactly a variety of tricky topics. You really surpassed our own expected results. Many thanks for providing the practical, trusted, explanatory and in addition fun thoughts on this topic to Gloria.

  18. curry 8 says:

    My wife and i were really satisfied Michael managed to finish off his preliminary research out of the precious recommendations he made out of your weblog. It’s not at all simplistic to just always be freely giving helpful tips that many other folks have been selling. So we understand we’ve got you to thank because of that. The entire explanations you’ve made, the straightforward site menu, the friendships your site help engender – it is mostly astonishing, and it is letting our son and our family do think the idea is enjoyable, and that is exceedingly mandatory. Thank you for all!

  19. I needed to draft you one very small observation just to thank you so much over again considering the superb ideas you’ve featured above. This is quite seriously open-handed of people like you to offer extensively exactly what most people would have made available for an e-book in making some cash on their own, specifically given that you could possibly have done it if you considered necessary. The good ideas likewise served to become good way to fully grasp other individuals have the identical dream much like mine to grasp somewhat more concerning this problem. I am certain there are some more fun instances ahead for people who go through your blog post.

  20. I am glad for commenting to make you be aware of what a outstanding discovery my friend’s girl developed using the blog. She figured out a lot of things, with the inclusion of what it’s like to possess a marvelous coaching nature to have other individuals very easily have an understanding of a number of specialized subject matter. You actually surpassed our expectations. Thanks for distributing the warm and helpful, trusted, explanatory and even fun tips on the topic to Julie.

  21. air jordan says:

    I precisely had to thank you so much again. I’m not certain the things I might have done in the absence of these tricks contributed by you about my subject. It seemed to be a very difficult circumstance in my position, nevertheless observing this skilled fashion you processed it made me to leap with gladness. I’m happy for the assistance and thus hope you find out what a powerful job that you are getting into instructing other individuals through the use of your webpage. I am sure you haven’t encountered all of us.

  22. I in addition to my buddies have been studying the nice helpful hints found on your web blog then instantly I had an awful suspicion I had not expressed respect to the web site owner for those techniques. These young men came consequently excited to study all of them and have now actually been taking pleasure in these things. We appreciate you being well considerate and for going for this sort of incredible topics most people are really desirous to be aware of. Our sincere apologies for not saying thanks to sooner.

  23. Thanks a lot for providing individuals with an extremely special chance to read articles and blog posts from here. It is often very superb and also stuffed with fun for me and my office mates to search your site at a minimum three times per week to read the new guidance you will have. Not to mention, I’m so always fulfilled with all the brilliant ideas you give. Some 2 facts in this post are essentially the most beneficial we’ve ever had.

  24. kyrie 7 says:

    I enjoy you because of your whole effort on this web site. My aunt loves managing research and it is easy to see why. Many of us learn all about the powerful means you make useful tips via your web blog and in addition encourage response from the others about this area of interest plus our simple princess is without question studying a lot. Take advantage of the rest of the year. You have been performing a brilliant job.

  25. I discovered your weblog site on google and check a few of your early posts. Proceed to maintain up the excellent operate. I simply further up your RSS feed to my MSN Information Reader. Seeking ahead to studying extra from you in a while!?

  26. I’m just writing to let you know of the wonderful experience my girl gained browsing your webblog. She realized several pieces, with the inclusion of what it’s like to possess an incredible giving heart to have other folks effortlessly master several problematic topics. You undoubtedly exceeded people’s expectations. Thanks for giving those interesting, trusted, informative and in addition fun guidance on this topic to Lizeth.

  27. I must express my thanks to the writer just for rescuing me from this particular scenario. As a result of researching through the the web and finding principles that were not powerful, I assumed my entire life was done. Living without the strategies to the difficulties you’ve sorted out by means of your entire website is a crucial case, and those that could have adversely affected my entire career if I had not come across your blog. Your actual ability and kindness in playing with almost everything was priceless. I don’t know what I would’ve done if I had not come across such a stuff like this. I can also at this point look forward to my future. Thanks a lot very much for the skilled and amazing help. I will not be reluctant to refer your web page to any person who needs guidelines about this problem.

  28. golden goose says:

    Thanks a lot for providing individuals with a very remarkable opportunity to check tips from this blog. It is usually so terrific and as well , packed with fun for me personally and my office friends to search your blog on the least thrice in 7 days to see the latest guidance you have. Not to mention, I’m so at all times happy with the striking solutions you serve. Certain 3 areas in this article are easily the very best I’ve had.

  29. goyard says:

    Thanks for each of your work on this website. My daughter take interest in making time for research and it’s easy to see why. My partner and i know all concerning the lively ways you make worthwhile strategies through the web site and therefore inspire contribution from website visitors on the subject while our own girl is certainly starting to learn a great deal. Take pleasure in the rest of the new year. You are doing a powerful job.

  30. birkin bag says:

    Thanks a lot for providing individuals with an extraordinarily wonderful chance to read in detail from this website. It is usually very enjoyable plus full of amusement for me and my office friends to search your website at a minimum three times every week to learn the newest items you have got. Of course, I’m also actually motivated with your attractive methods you give. Selected 2 tips in this posting are honestly the simplest I have had.

  31. kyrie 7 says:

    I simply had to say thanks yet again. I’m not certain the things that I could possibly have handled without the suggestions discussed by you about such subject. It had been a very daunting problem in my opinion, nevertheless discovering the specialised mode you processed the issue took me to leap over delight. I am just grateful for your support and thus hope that you are aware of a powerful job that you are accomplishing teaching other individuals through the use of your webblog. I am certain you haven’t met any of us.

  32. My husband and i were so lucky Michael could complete his survey from your ideas he was given through your blog. It is now and again perplexing to just be giving for free solutions which some people could have been trying to sell. So we know we have the website owner to thank because of that. The specific illustrations you made, the easy site menu, the relationships your site assist to create – it’s got mostly unbelievable, and it’s really facilitating our son and the family do think the subject is awesome, which is certainly rather important. Thank you for all the pieces!

  33. I not to mention my friends were actually digesting the best techniques found on the blog then then I had an awful suspicion I had not expressed respect to the web blog owner for those secrets. All the boys are actually so happy to see them and have sincerely been loving them. I appreciate you for really being considerably accommodating and for getting varieties of magnificent useful guides millions of individuals are really desirous to know about. Our own sincere regret for not saying thanks to you earlier.

  34. bape says:

    Thank you a lot for providing individuals with a very splendid opportunity to check tips from here. It is usually very kind and packed with a lot of fun for me personally and my office peers to visit your site particularly 3 times weekly to read through the fresh items you have. And definitely, I’m just at all times impressed considering the incredible things served by you. Some 4 ideas on this page are in reality the most suitable we have all ever had.

  35. jordan 6 says:

    I must voice my affection for your generosity for individuals who have the need for help on this important situation. Your special dedication to passing the message throughout turned out to be pretty good and have usually enabled many people like me to reach their aims. Your own informative useful information indicates a whole lot to me and additionally to my peers. Many thanks; from all of us.

  36. I have to show my thanks to this writer for bailing me out of such a crisis. Because of researching throughout the world wide web and obtaining principles which are not beneficial, I thought my life was well over. Being alive minus the answers to the issues you have sorted out through the short post is a critical case, and the kind which might have badly damaged my career if I had not discovered your web page. Your personal ability and kindness in controlling all things was tremendous. I am not sure what I would’ve done if I hadn’t discovered such a point like this. It’s possible to at this point look ahead to my future. Thanks very much for the skilled and result oriented guide. I won’t think twice to refer your blog to anyone who should get guide about this matter.

  37. I actually wanted to develop a brief message to be able to say thanks to you for these unique techniques you are writing on this website. My particularly long internet search has at the end been paid with extremely good know-how to talk about with my friends and family. I ‘d repeat that many of us site visitors are truly endowed to dwell in a superb community with so many lovely individuals with very beneficial ideas. I feel very lucky to have come across your website page and look forward to so many more excellent minutes reading here. Thanks once more for all the details.

  38. I would like to express my affection for your kindness in support of men who have the need for guidance on in this concern. Your very own commitment to getting the message all through ended up being definitely invaluable and has consistently made others just like me to reach their objectives. This valuable suggestions implies a whole lot a person like me and even further to my mates. With thanks; from all of us.

  39. bape hoodie says:

    I must express my appreciation to you just for rescuing me from this type of problem. Right after checking throughout the the web and meeting methods which are not pleasant, I was thinking my life was gone. Living without the presence of answers to the issues you have resolved by way of your good website is a crucial case, as well as those that would have adversely damaged my entire career if I had not noticed your blog. Your skills and kindness in touching a lot of stuff was useful. I am not sure what I would’ve done if I hadn’t discovered such a solution like this. I can also now look ahead to my future. Thank you so much for this specialized and sensible help. I will not hesitate to propose your blog post to any person who ought to have support about this problem.

  40. Thanks a lot for giving everyone a very marvellous possiblity to read in detail from this website. It really is so nice and also jam-packed with a good time for me personally and my office peers to search your website really thrice weekly to find out the new stuff you will have. Not to mention, I am just certainly fascinated with all the attractive suggestions served by you. Some 1 areas in this article are completely the most beneficial I’ve had.

  41. kd 15 says:

    My wife and i were really lucky when Raymond could finish up his survey because of the precious recommendations he gained out of your blog. It is now and again perplexing to just find yourself offering secrets that others could have been selling. And we also fully understand we need you to appreciate because of that. Those illustrations you’ve made, the straightforward site navigation, the relationships your site give support to promote – it’s got everything awesome, and it’s facilitating our son and the family reason why that theme is brilliant, which is certainly seriously serious. Thanks for everything!

  42. kd shoes says:

    I want to express some thanks to this writer for rescuing me from this type of circumstance. After researching throughout the internet and seeing tricks that were not beneficial, I was thinking my life was over. Existing without the answers to the problems you’ve solved through your main site is a serious case, and those that could have in a wrong way affected my entire career if I hadn’t encountered your blog post. Your main talents and kindness in controlling all areas was invaluable. I’m not sure what I would’ve done if I had not come upon such a step like this. It’s possible to at this moment look ahead to my future. Thanks a lot so much for this skilled and results-oriented guide. I won’t hesitate to endorse your blog to anyone who would need counselling about this area.

  43. I抦 impressed, I must say. Really rarely do I encounter a weblog that抯 both educative and entertaining, and let me inform you, you could have hit the nail on the head. Your concept is excellent; the problem is one thing that not sufficient persons are talking intelligently about. I’m very completely happy that I stumbled throughout this in my search for one thing relating to this.

  44. Thank you for all your valuable hard work on this blog. Ellie enjoys working on investigations and it’s really obvious why. We all hear all of the lively means you make insightful steps through this blog and therefore increase contribution from some others about this issue then our daughter is actually discovering a lot of things. Enjoy the remaining portion of the new year. You’re carrying out a fantastic job.

  45. My spouse and i were happy that Peter could carry out his reports because of the ideas he obtained through the web page. It’s not at all simplistic just to find yourself freely giving guidelines which often a number of people could have been making money from. And we do understand we need the blog owner to appreciate for that. These illustrations you made, the simple web site navigation, the relationships your site help to engender – it is mostly fabulous, and it is facilitating our son in addition to our family do think the subject matter is exciting, and that is wonderfully pressing. Thank you for the whole lot!

  46. hermes belt says:

    I simply wanted to type a small remark in order to express gratitude to you for all of the remarkable tactics you are giving at this site. My long internet investigation has now been compensated with pleasant facts and techniques to share with my close friends. I ‘d mention that many of us website visitors are very much endowed to exist in a perfect site with so many perfect professionals with good solutions. I feel very much fortunate to have come across your entire website page and look forward to many more fabulous minutes reading here. Thanks once more for all the details.

  47. I as well as my friends have already been checking out the nice points on your web site while unexpectedly came up with an awful suspicion I never thanked the site owner for those tips. Those young men are already consequently stimulated to read them and already have truly been using those things. Appreciation for indeed being indeed accommodating and then for choosing certain fine tips millions of individuals are really eager to understand about. Our own sincere apologies for not saying thanks to sooner.

  48. Pleank says:

    google is having productive talks with the eu on a.i. regulation, cloud boss say writer waves crash against the rocky shoreline dramatically

  49. I would like to voice my respect for your kindness for individuals that really need help on in this theme. Your personal commitment to getting the solution throughout appears to be extraordinarily informative and has all the time encouraged somebody like me to reach their objectives. Your own important instruction means a great deal to me and much more to my office workers. Regards; from everyone of us.

  50. fear of god says:

    I simply wanted to thank you very much yet again. I am not sure the things that I would’ve worked on without those opinions contributed by you over this situation. It previously was an absolute depressing setting for me personally, but taking a look at the very specialised way you managed the issue forced me to leap with delight. Now i’m happier for your help as well as trust you realize what a powerful job you’re carrying out teaching some other people thru your web site. I know that you’ve never encountered any of us.

  51. bapesta says:

    I and also my guys were found to be reading through the great hints on your site then the sudden I had a terrible suspicion I had not thanked the web blog owner for those secrets. My people happened to be certainly happy to see them and already have absolutely been loving them. We appreciate you genuinely very accommodating and for pick out this sort of superb tips millions of individuals are really desperate to learn about. My personal honest regret for not saying thanks to you earlier.

  52. You made some respectable points there. I appeared on the internet for the issue and found most people will go along with with your website.

  53. Aw, this was a really nice post. In thought I would like to put in writing like this moreover ?taking time and actual effort to make a very good article?but what can I say?I procrastinate alot and certainly not seem to get something done.

  54. Youre so cool! I dont suppose Ive learn something like this before. So good to find somebody with some authentic ideas on this subject. realy thanks for starting this up. this web site is something that’s needed on the web, somebody with a little originality. useful job for bringing something new to the web!

  55. Oh my goodness! an incredible article dude. Thanks Nonetheless I’m experiencing subject with ur rss . Don抰 know why Unable to subscribe to it. Is there anyone getting an identical rss drawback? Anyone who knows kindly respond. Thnkx

  56. Your home is valueble for me. Thanks!?

  57. Paymnbal says:

    cialis information cialis cost cialis 2.5 mg

  58. arroda says:

    sildenafil citrate 100mg sildenafil 100mg price sildenafil 20mg

  59. Zaktix says:

    Don’t let edema hold you back; buy Lasix 100mg today!

  60. Zaktix says:

    The lisinopril pill gave me an upset stomach.

  61. Zaktix says:

    In my experience, Lasix medicine can be quite effective at managing fluid buildup in the body.

  62. Zaktix says:

    The prices for my metformin online buy fluctuated between the time I placed the order and when it was delivered.

  63. Zaktix says:

    How does the price of Metformin compare internationally?

  64. Zaktix says:

    What happens if I receive the wrong metformin order online?

  65. Zaktix says:

    I appreciate the variety of options available at this Lasix Canadian pharmacy.

  66. Zaktix says:

    Allopurinol generic is affordable and effective.

  67. Zaktix says:

    Take allopurinol 100 mg generic at the same time every day to ensure maximum benefits.

  68. Zaktix says:

    I received a notification that my levothyroxine 50 mcg was ready for pickup at the pharmacy, but when I arrived they were out of stock.

  69. Zaktix says:

    I wouldn’t buy Lasix tabs again.

  70. brombbow says:

    sildenafil without a doctor prescription viagra natural generic viagra

Vos commentaires sont les bienvenus

Your email address will not be published. Required fields are marked *

footer.php