Knowledge

10-foot user interface

Source 📝

80:
interface design, requiring the use of extra large fonts on a television and allowing relatively few items to be shown on a television at once. The name "10-foot user interface" is criticised for indicating a distance that is more symbolic than objective. In fact, a 1920 x 1080 pixel resolution UI has a size in space that varies with the size of the TV set. This is why, in television, distance is expressed in picture heights (H) and not in metres (or feet). Furthermore, this 10-foot distance does not correspond to the
72: 22: 88:(3.2 H for 1080 HD resolution and 1.6 H for 4K UHD resolution). Nor does it represent the actual distance at which televisions are used. The actual distance is greater than 10 ft in half of all households, but above all it varies greatly between households. This is why, when designing an interface for the TV set, it’s important to position oneself at various distances to see what different parts of the population will actually see. 43:
is a graphical user interface designed for televisions. Compared to desktop computer and smartphone user interfaces, it uses text and other interface elements which are much larger in order to accommodate a typical television viewing distance of 10 feet (3.0 meters). In reality, this distance varies
103:
is the primary means of navigation. This means that a 10-foot UI needs to arrange items on screen in a way that clearly shows which item would be next in each of the four directions of the directional pad – usually a grid layout. Also, without a mouse cursor, the currently-selected item must be
79:
The term "10-foot" or "3-meter" is used to differentiate this user interface style from those used on desktop computers, which typically assume the user's eyes are only about two feet (24 inches, 60 cm) from the display. This difference in distance from the display has a huge impact on the
118:
The goal of 10-foot user interface design is normally to make the user's interaction as simple and efficient as possible, trying to achieve a more laid-back and relaxed user experience with as few button presses as possible while still having an intuitive layout, in terms of accomplishing user
142:(OSD) for providing a clear menu-driven interaction for users. This complements the navigation available in most handheld remote controllers. The rise of the use of voice-based input (as found in some remote controllers and 55:
while maintaining the use of IR for certain wake-up situations. The voice interfaces are also now purposed to provide a near-field experience in addition to the far-field experience of the likes of
691: 643: 44:
greatly between households. Additionally, the limitations of a television's remote control necessitate extra user experience considerations to minimize user effort.
540: 28:
is an example of home theater PC software, which is designed to be displayed on a TV. It can be controlled using a remote, a game controller, or a keyboard.
684: 510: 677: 617: 290: 81: 1151: 1090: 224: 1085: 1080: 544: 47:
In the past, these types of human interaction design (HID) interfaces were driven by remote controllers primarily using
1146: 1059: 344: 123:. Good user interface design facilitates finishing the task at hand without drawing unnecessary attention to itself. 485:"A Study of Ergonomic Requirements for Japanese Character Size and Matrixes on Computer Displays | NDLサーチ | 国立国会図書館" 1166: 1161: 1156: 1095: 75:
User interface intended for the TV. Can be used from different distances of use, some of which can be very large.
63:(OTT) TV box or smart television with Internet connectivity supported by an advanced software operating system. 51:(IR) codes signals, which are increasingly replaced by other two-way radio-frequency protocol standards such as 155: 592: 1105: 983: 59:. One of the requirements of voice-input 10-foot user interface usually require a device like smart speaker, 91:
A 10-foot UI is almost always designed to be operated by a simple hand-held remote control. Rather than the
925: 669: 953: 518: 135:) to create a system that is not only operational but also usable and adaptable to changing user needs. 85: 1049: 316: 60: 484: 1019: 1125: 872: 170: 426: 131:; however, the design process must balance technical functionality and visual elements (e.g., 935: 1120: 1054: 887: 770: 752: 120: 374: 8: 823: 732: 401:"BT.500: Methodologies for the subjective assessment of the quality of television images" 138:
One of the additional feature in 10-foot user interface design is also to repurpose the
930: 458: 709: 220: 211:. IHM '17. New York, NY, USA: Association for Computing Machinery. pp. 147–155. 139: 427:"[Invited Paper] A Survey of Television Viewing Conditions at Home in Japan" 240: 999: 438: 212: 857: 851: 700: 203: 25: 265: 895: 833: 644:"52% of Smart Speaker Owners Are Controlling TV With Voice: Strategy Analytics" 124: 92: 21: 1140: 143: 56: 566: 216: 1110: 1034: 940: 699: 200:"Viewing distance requires large characters to ensure legibility on TV-set" 132: 112: 400: 352: 199: 146:) also provides a direct control interface enhancing the user experience. 99:
which are commonly used with other types of user interfaces, the remote's
1100: 882: 747: 737: 160: 96: 48: 291:"Comscore's new trends report reveals significant spike in US OTT usage" 915: 900: 443: 1024: 945: 910: 818: 808: 793: 727: 722: 717: 198:
Bertolus, CĂŠdric; Bailleul, Daniel; Mersiol, Marc (August 29, 2017).
128: 108: 52: 1115: 1044: 1039: 1029: 1009: 958: 920: 905: 846: 813: 798: 165: 867: 788: 317:"10-foot user interface Definition from PC Magazine Encyclopedia" 205:
Proceedings of the 29th Conference on l'Interaction Homme-Machine
973: 862: 803: 742: 71: 1014: 1004: 978: 780: 762: 241:"The Digital Home: Designing for the Ten-Foot User Interface" 100: 968: 963: 841: 618:"User experience key focus for smart TVs and media players" 425:
Yagi, Nobuyuki; Itou, Yasuhiro; Fujisawa, Shuichi (2019).
541:"Building a 10 Foot UI: Dealing With Platform Diversity" 197: 593:"Monitor OSD Quick Guide: (Some of) the ins and outs" 431:
ITE Transactions on Media Technology and Applications
459:"Results of a survey on television viewing distance" 111:
systems graphically, but do not assume the use of a
16:Graphical user interface designed for televisions 1138: 424: 685: 339: 337: 692: 678: 442: 334: 1020:Hauppauge Computer Works WinTV PVR Cards 70: 20: 703:software, devices, and related articles 107:Ten-foot interfaces may resemble other 1139: 1091:Comparison of streaming media systems 673: 590: 193: 191: 189: 187: 185: 1086:Comparison of video player software 1081:Comparison of audio player software 13: 14: 1178: 1060:Comparison of USB tv tuner sticks 665: 182: 1096:Digital Living Network Alliance 636: 610: 584: 559: 533: 503: 477: 451: 127:may be utilized to support its 418: 393: 367: 309: 283: 258: 233: 1: 984:Windows Media Center Extender 176: 511:"Sound x Vision – AVerMedia" 375:"Android TV Developer Guide" 7: 954:Netgear Digital Entertainer 149: 119:goals—what is often called 10: 1183: 1152:Human–computer interaction 1050:Touchscreen remote control 156:Human–computer interaction 1147:Graphical user interfaces 1068: 992: 881: 832: 779: 761: 743:NextPVR (formerly GB-PVR) 708: 104:highlighted in some way. 66: 82:optimal viewing distance 345:"Design for Android TV" 217:10.1145/3132129.3132133 34:10-foot user interface, 1167:Television terminology 1162:Multimodal interaction 1157:Interactive television 1076:10-foot user interface 873:Universal Media Server 171:User experience design 76: 41:3-meter user interface 29: 936:HP MediaSmart Connect 888:digital media players 567:"Android TV overview" 74: 24: 1121:Streaming television 1055:VBox Home TV Gateway 753:Windows Media Center 648:www.businesswire.com 547:on November 14, 2011 270:www.easyclasspage.de 121:user-centered design 824:Video Disk Recorder 733:JRiver Media Center 297:. September 1, 2020 931:Hauppauge MediaMVP 650:. January 27, 2020 624:. December 6, 2017 571:Android Developers 489:国立国会図書館サーチ(NDLサーチ) 349:Android Developers 266:"easyclasspage.de" 77: 30: 1134: 1133: 1000:ATI Theater Cards 622:Broadband TV News 521:on March 27, 2019 515:www.avermedia.com 465:. January 1, 2004 444:10.3169/mta.7.112 355:on March 27, 2019 226:978-1-4503-5109-6 140:on screen display 1174: 1069:Related articles 993:Related hardware 694: 687: 680: 671: 670: 660: 659: 657: 655: 640: 634: 633: 631: 629: 614: 608: 607: 605: 603: 591:Franklin, Eric. 588: 582: 581: 579: 577: 563: 557: 556: 554: 552: 543:. Archived from 537: 531: 530: 528: 526: 517:. Archived from 507: 501: 500: 498: 496: 481: 475: 474: 472: 470: 455: 449: 448: 446: 422: 416: 415: 413: 411: 397: 391: 390: 388: 386: 379:NVIDIA Developer 371: 365: 364: 362: 360: 351:. Archived from 341: 332: 331: 329: 327: 313: 307: 306: 304: 302: 287: 281: 280: 278: 276: 262: 256: 255: 253: 251: 237: 231: 230: 210: 195: 86:Lechner distance 1182: 1181: 1177: 1176: 1175: 1173: 1172: 1171: 1137: 1136: 1135: 1130: 1064: 988: 886: 877: 854:(formerly XBMC) 828: 775: 757: 704: 701:Home theater PC 698: 668: 663: 653: 651: 642: 641: 637: 627: 625: 616: 615: 611: 601: 599: 589: 585: 575: 573: 565: 564: 560: 550: 548: 539: 538: 534: 524: 522: 509: 508: 504: 494: 492: 483: 482: 478: 468: 466: 457: 456: 452: 423: 419: 409: 407: 399: 398: 394: 384: 382: 373: 372: 368: 358: 356: 343: 342: 335: 325: 323: 315: 314: 310: 300: 298: 289: 288: 284: 274: 272: 264: 263: 259: 249: 247: 239: 238: 234: 227: 208: 196: 183: 179: 152: 101:directional pad 69: 17: 12: 11: 5: 1180: 1170: 1169: 1164: 1159: 1154: 1149: 1132: 1131: 1129: 1128: 1123: 1118: 1113: 1108: 1103: 1098: 1093: 1088: 1083: 1078: 1072: 1070: 1066: 1065: 1063: 1062: 1057: 1052: 1047: 1042: 1037: 1032: 1027: 1022: 1017: 1012: 1007: 1002: 996: 994: 990: 989: 987: 986: 981: 976: 971: 966: 961: 956: 951: 948: 943: 938: 933: 928: 923: 918: 913: 908: 903: 898: 896:Amazon Fire TV 892: 890: 879: 878: 876: 875: 870: 865: 860: 855: 849: 844: 838: 836: 834:Cross-platform 830: 829: 827: 826: 821: 816: 811: 806: 801: 796: 791: 785: 783: 777: 776: 774: 773: 767: 765: 759: 758: 756: 755: 750: 745: 740: 735: 730: 725: 720: 714: 712: 706: 705: 697: 696: 689: 682: 674: 667: 666:External links 664: 662: 661: 635: 609: 583: 558: 532: 502: 476: 450: 437:(3): 112–117. 417: 392: 381:. July 3, 2014 366: 333: 308: 282: 257: 232: 225: 180: 178: 175: 174: 173: 168: 163: 158: 151: 148: 144:smart speakers 125:Graphic design 68: 65: 57:smart speakers 15: 9: 6: 4: 3: 2: 1179: 1168: 1165: 1163: 1160: 1158: 1155: 1153: 1150: 1148: 1145: 1144: 1142: 1127: 1124: 1122: 1119: 1117: 1114: 1112: 1109: 1107: 1104: 1102: 1099: 1097: 1094: 1092: 1089: 1087: 1084: 1082: 1079: 1077: 1074: 1073: 1071: 1067: 1061: 1058: 1056: 1053: 1051: 1048: 1046: 1043: 1041: 1038: 1036: 1033: 1031: 1028: 1026: 1023: 1021: 1018: 1016: 1013: 1011: 1008: 1006: 1003: 1001: 998: 997: 995: 991: 985: 982: 980: 977: 975: 972: 970: 967: 965: 962: 960: 957: 955: 952: 949: 947: 944: 942: 939: 937: 934: 932: 929: 927: 924: 922: 919: 917: 914: 912: 909: 907: 904: 902: 899: 897: 894: 893: 891: 889: 884: 883:Set-top boxes 880: 874: 871: 869: 866: 864: 861: 859: 856: 853: 850: 848: 845: 843: 840: 839: 837: 835: 831: 825: 822: 820: 817: 815: 812: 810: 807: 805: 802: 800: 797: 795: 792: 790: 787: 786: 784: 782: 778: 772: 769: 768: 766: 764: 760: 754: 751: 749: 746: 744: 741: 739: 736: 734: 731: 729: 726: 724: 721: 719: 716: 715: 713: 711: 707: 702: 695: 690: 688: 683: 681: 676: 675: 672: 649: 645: 639: 623: 619: 613: 598: 594: 587: 572: 568: 562: 546: 542: 536: 520: 516: 512: 506: 491:(in Japanese) 490: 486: 480: 464: 460: 454: 445: 440: 436: 432: 428: 421: 406: 402: 396: 380: 376: 370: 354: 350: 346: 340: 338: 322: 321:www.pcmag.com 318: 312: 296: 292: 286: 271: 267: 261: 246: 242: 236: 228: 222: 218: 214: 207: 206: 201: 194: 192: 190: 188: 186: 181: 172: 169: 167: 164: 162: 159: 157: 154: 153: 147: 145: 141: 136: 134: 130: 126: 122: 116: 114: 110: 105: 102: 98: 94: 89: 87: 83: 73: 64: 62: 58: 54: 50: 45: 42: 38: 35: 32:In computing, 27: 23: 19: 1126:Video player 1111:Media server 1075: 1035:Monsoon HAVA 941:Kaleidescape 652:. Retrieved 647: 638: 626:. Retrieved 621: 612: 600:. Retrieved 596: 586: 574:. Retrieved 570: 561: 551:November 15, 549:. Retrieved 545:the original 535: 523:. Retrieved 519:the original 514: 505: 493:. Retrieved 488: 479: 467:. Retrieved 462: 453: 434: 430: 420: 408:. Retrieved 404: 395: 383:. Retrieved 378: 369: 357:. Retrieved 353:the original 348: 324:. Retrieved 320: 311: 299:. Retrieved 294: 285: 273:. Retrieved 269: 260: 248:. Retrieved 244: 235: 204: 137: 133:mental model 117: 113:touch screen 106: 90: 78: 61:over-the-top 46: 40: 36: 33: 31: 18: 1106:Hybrid IPTV 1101:Home cinema 748:ShowShifter 738:MediaPortal 463:BBC R&D 405:www.itu.int 161:Icon design 97:touchscreen 1141:Categories 916:Chromecast 901:Android TV 177:References 37:10-foot UI 1025:HDHomeRun 946:Mediaroom 926:Google TV 911:Boxee Box 819:Tvheadend 809:Mythbuntu 794:LibreELEC 771:Front Row 728:DVB Dream 723:DVBViewer 718:Beyond TV 654:August 3, 628:August 3, 602:August 3, 301:August 3, 245:Channel 9 129:usability 109:post-WIMP 53:Bluetooth 1116:Smart TV 1045:Slingbox 1040:Quiet PC 1030:Mac Mini 1010:Dreambox 959:ReplayTV 921:Dreambox 906:Apple TV 847:Jellyfin 814:OpenELEC 799:LinuxMCE 576:March 8, 525:March 8, 385:March 8, 359:March 8, 326:March 8, 275:March 8, 250:March 8, 166:Smart TV 150:See also 49:infrared 950:MySDATV 868:Serviio 789:GeeXboX 710:Windows 84:or the 974:Unibox 863:SageTV 804:MythTV 495:May 6, 469:May 6, 410:May 6, 295:ClickZ 223:  67:Design 1015:EyeTV 1005:DBox2 979:WD TV 781:Linux 763:macOS 209:(PDF) 93:mouse 969:TiVo 964:Roku 858:Plex 852:Kodi 842:Emby 656:2021 630:2021 604:2021 597:CNET 578:2019 553:2011 527:2019 497:2024 471:2024 412:2024 387:2019 361:2019 328:2019 303:2021 277:2019 252:2019 221:ISBN 26:Kodi 439:doi 213:doi 95:or 39:or 1143:: 646:. 620:. 595:. 569:. 513:. 487:. 461:. 433:. 429:. 403:. 377:. 347:. 336:^ 319:. 293:. 268:. 243:. 219:. 202:. 184:^ 115:. 885:/ 693:e 686:t 679:v 658:. 632:. 606:. 580:. 555:. 529:. 499:. 473:. 447:. 441:: 435:7 414:. 389:. 363:. 330:. 305:. 279:. 254:. 229:. 215::

Index


Kodi
infrared
Bluetooth
smart speakers
over-the-top
User interface intended for the TV. Can be used from different distances of use, some of which can be very large.
optimal viewing distance
Lechner distance
mouse
touchscreen
directional pad
post-WIMP
touch screen
user-centered design
Graphic design
usability
mental model
on screen display
smart speakers
Human–computer interaction
Icon design
Smart TV
User experience design





"Viewing distance requires large characters to ensure legibility on TV-set"

Text is available under the Creative Commons Attribution-ShareAlike License. Additional terms may apply.

↑