10 premium theme chuyên làm blog/web tin tức công nghệ

Làm một website tin tức hay blog chuyên về công nghệ có lẽ là sở thích của hầu hết các webmaster/blogger hiện nay vì tất cả họ đều có điểm chung là thích công nghệ. Một website công nghệ đôi khi không cần một giao diện cầu kỳ và phức tạp so với các chủ đề website khác nhưng nó sẽ cần nhiều tính năng độc đáo hơn, và bố cục gọn gàng dễ nhìn hợp gu với những người yêu công nghệ.

Bài tổng hợp premium theme công nghệ này Thiet ke web tron goi sẽ giúp bạn có cái nhìn sơ bộ về những theme phù hợp với trang tin tức/blog chuyên về công nghệ, hầu hết là đều hỗ trợ Responsive và chuẩn SEO nên đáng đồng tiền bát gạo.

1. Made – Review/Magazine Theme

Theme phù hợp với các nhu cầu làm website công nghệ chuyên đánh giá (review) sản phẩm vì nó có hỗ trợ hệ thống chèn review vào bài rất đẹp mắt và dễ tùy biến. Bạn cũng có thể dễ dàng tích hợp hệ thống forum với plugin BBPress và mạng xã hội mini với BuddyPress vì theme này có hỗ trợ 2 plugin đó.

2. Planner – Magazine Theme

Bố cục thanh thoát, màu sắc sáng sủa phù hợp với các nhu cầu tạo blog công nghệ giống như Thachpham.com. Theme này có hỗ trợ sẵn các vị trí chèn quảng cáo Google Adsense mà bạn chỉ cần copy mã quảng cáo vào Theme Options là có thể hiển thị quảng cáo phù hợp nhất với người dùng.

3. Magtastico – Mansonry Blog Theme

Thông thường các blog/web tin tức chuyên về Designing đều có chung thiết kế là sử dụng bố cục dạng Grid xen kẽ với nhau để trình bày các bài viết đẹp hơn, chú trọng vào hình ảnh. Magtastico cũng là một lựa chọn tốt trong số đó, nó hỗ trợ hệ thống Customizer khá đầy đủ để bạn có thể vừa tùy biến mà vừa xem live preview thành quả của mình.

4. HEAP – Snappy Responsive Blog Theme

Một lựa chọn khác cho bố cục dạng grid như Magtastico ở trên nhưng với tông màu sáng, không chỉ phù hợp với các website chuyên về design mà còn có thể áp dụng cho tất cả lĩnh vực công nghệ khác. Đây cũng là một trong các xu hướng thiết kế website trong năm 2014 này.

5. SaladMag

Cũng là bố cục quen thuộc với các theme tin tức, đặc biệt là giống theme rất nổi tiếng trong cộng đồng sử dụng WordPress tại Việt Nam là Safiha. Các tính năng kèm theo nó như hệ thống review và màu sắc cũng khá thích hợp làm các trang tin tức/tạp chí về công nghệ.

6. Codilight

    

Một theme đang được sử dụng bởi rất nhiều blog công nghệ trong và ngoài nước, điều mà bạn nên biết về theme này là của FameThemes – một đơn vị cung cấp theme WordPress tại Việt Nam.

7. TopGadget – Magazine3

Khác với DesignBlog, TopGadget phù hợp hơn với nhu cầu làm website tạp chí công nghệ thay cho blog vì bố cục của nó tuy là dạng blog nhưng có hỗ trợ khu vực hiển thị featured post phù hợp với nhu cầu hiển thị nhiều bài viết liên tục.

8. SympaGrid

Nếu bạn cần một theme tựa như trang công nghệ nổi tiếng Masable thì đây là lựa chọn tốt nhất hiện nay. Nếu bạn cần thêm menu giống Masable nữa cho đủ bộ thì dùng plugin MashMenu.

9. DW Argo

Nếu bạn là một độc giả trung thành của Thachpham.com thì chắc chắn theme này nhìn quen lắm, vì trước đây đã có một thời gian ngắn mình sử dụng theme này cho Thachpham.com mà.

10. Mogoze

Giao diện này được nhái lại từ phong cách hệ thống website TutsPlus cũ, nhưng nhìn chung bây giờ bạn có thể sử dụng vì mang màu xanh đặc trưng của công nghệ, hỗ trợ nhiều widget hiển thị phù hợp kèm theo hệ thống review.

Cám ơn bạn đã quan tâm theo dõi bài viết tại Thiết kế website trọn gói. Chúc bạn có một ngày làm việc hiệu quả!

Xem thêm

Thiết kế web với mã nguồn mở hay code tay

Rất nhiều câu hỏi dạng như thế xoay quanh các vấn đề về mã nguồn mở, code tay: sao giá rẻ thế, tại sao đắt, nên làm bằng cái gì, có tốt không, bảo mật như thế nào và nhiều vấn đề tương tự.



Cùng một website nhìn như trên,giá có thể lệch nhau vài lần

Qua 3 nội dung dưới đây chắc chắn sẽ giúp các bạn giải quyết các vấn đề trên và giúp các bạn có lựa chọn tốt nhất khi thiết kế một website: Mã nguồn mở và website thiết kế bằng mã nguồn mở, code tay và thiết kế website bằng code tay, lựa chọn nào dành cho website của bạn.
1. Mã nguồn mở và website thiết kế bằng mã nguồn mở

Mã nguồn mở là gì?

Mã nguồn mở là 1 bộ khung, thư viện được 1 tổ chức uy tín trên thế giới đứng ra phát triển và chia sẻ cùng với hàng nghìn lập trình viên rải rác trên thế giới.



Ưu điểm

- Rõ ràng do được lập trình từ hàng nghìn lập trình viên và qua sự kiểm duyệt của một tổ chức uy tín và chuyên môn cao, thì mã nguồn mở sẽ chuẩn, bảo mật cao, tối ưu, tốc độ tải…..

- Tất nhiên là được nhiều người phát triển nên nó có rất nhiều tools, module giúp người lập trình giải quyết nhanh mọi vấn đề mà không phải code lấy 1 dòng. Thâm chí với những website giá 500k thì nó còn có sẵn template, người thiết kế chỉ việc thay tên đổi họ, chỉnh thông tin. Thế là ok, một website ra đời.
Nhưng tại sao nhiều người không thích thiết kế website bằng mã nguồn mở?

Cũng bởi vì nó là mã nguồn mở, được nhiều người biết đến. Nên nó được phát triển bởi nhiều người và trong số những người quan tâm đến nó có không ít những người phát hiện được lỗi của mã nguồn mở này. Nếu những người này thông báo và vá lỗi cho mã nguồn này thì không sao, nhưng ngược lại thì hơi phiền, nhất là khi họ đem nó vào cộng đồng hacker.

Và cũng vì nó quá tiện quá nhanh. Nên không ít người mới ra trường hay chập chững vào nghề thiết kế website cũng có thể làm được một website. Nhìn qua thì có thể chỉ có vài lỗi nhỏ, nhưng thường tiềm ẩn những nguy cơ và khi muốn nâng cấp hay chỉnh sửa thì cũng sẽ gặp khá khá khó khăn. Vì website không tự tay code thì không am hiểu nó được.
2. Code tay và website thiết kế bằng code tay

Code tay thì do một nhóm, một công ty hay một tổ chức nào đó tự xây dựng và phát triển nên. Và thường chỉ được lưu truyền nội bộ những Lập trình viên với nhau.


Nhược điểm website thiết kế bằng code tay:

- Do code tay của một nhóm các lập trình viên nên việc tối ưu, tốc độ… là không thể hoàn hảo. Tất cả những thứ này có thể sẽ được sửa bởi họ là người làm nên nó và họ có khả năng, nhưng nó sẽ mất khá nhiều thời gian.

- Chi phí cũng tương đối cao.
ƯU điểm website thiết kế bằng code tay:

- Code tay thể hiện một trình độ tốt trong chuyên môn của những lập trình viên này. Gần như là không thế viết được một thư viện hay một hệ thống nếu bạn không am hiểu code.

- Các thư viện hay hệ thống code bằng tay thì sẽ mang tính tùy biến và thích ứng cục bộ tùy theo thị trường khách hàng phục vụ cao hơn.Đơn cử như việc hệ thống quản trị doADCVietNam thiết kế thì được viết bằng Tiếng Việt và dành cho người Việt. Chắc chắn sẽ tốt hơn đối với các khách hàng Việt Nam.

- Khi bạn muốn nâng cấp website của bạn hay chỉnh sửa thiết kế web do không thích chỗ này,muốn thêm chỗ kia thì chỉ việc liên lạc với người đã thiết kế website thì bạn sẽ được như ý.
3. Khi bạn muốn thiết kế một website thì nên chọn bên nào?

Tùy hoàn cảnh của bạn mà ra quyết định. Nhiều người so sánh website mã nguồn mở như hàng công nghiệp, sản xuất theo lô và dập khuôn khôngai dùng. Còn website viết bằng code tay như hàng gia công chất lượng cao. Mặc dù công ty mình thiết kế website bằng code tay, nhưng mình không 100% đồng ý quan điểm này. Cái nào cũng có điểm tốt.

Bạn muốn nhanh, gọn, rẻ, trao sản phẩm nhanh hãy chọn mã nguồn mở. Đây là lựa chọn tốt cho bạn.

Bạn muốn tốt, chất lượng, đầu tư sử dụng lâu dài, yêu cầu nhiều chức năng xử lí, hình ảnh đồ họa đẹp và độc…. nói chung là hàng cao cấp.

Nguôn: Sưu tầm

Xem thêm

Những điều thú vị về những trang web đầu tiên trên thế giới

Sử dụng Internet và lướt Web từ lâu đã trở thành một thói quen của rất nhiều người.Nhưng ít ai biết đến sự ra đời của trang web đầu tiên trên thế giới và những câu chuyện xung quanh nó.

Ngày nay, Website là một thứ quá quen thuộc với chúng ta với những hình ảnh, video, flash, audio…nhưng đã có thời, website chỉ là những dòng văn bản đơn thuần. Và còn rất nhiều điều thú vị về website đầu tiên trên thế giới mà chắc không nhiều người biết.
Sự ra đời của trang Web đầu tiên

Ngày 6/8/1991, Time Berners – Lee, chuyên gia phần mềm của Tổ chức Nghiên cứu Nguyên tử châu Âu (CERN) đã cho ra mắt trang Web đầu tiên trên thế giới, được xem là tiền đề mở ra tương lai của Internet. Trang Web được miêu tả là “một sáng kiến tìm kiếm thông tin siêu văn bản đa phương tiện trên diện rộng”.



Trang Web đầu tiên có tên miền là info.cern.ch, chạy trên máy chủ NeXT của CERn. Ban đầu, trang web chỉ bao gồm những dòng chữ đơn giản và khá thưa thớt các liên kết tới những dự án cá nhân Thời điểm đó, chỉ có Time và các đồng nghiệp mới có thể truy cập vào trang web này bởi vì chỉ có máy tính của họ mới có …trình duyệt web.



Phải đợi đến năm 1993, khi trình duyệt Mosaic dành cho nền tảng Unix và Windows ra đời, website mới trở lên phổ biến hơn.

Đến năm 1994, Tổ chức World Wide Web được thành lập (còn gọi là W3C) tại bang Massachusetts, Mỹ. Tổ chức này sẽ chịu trách nhiệm để đặt ra những tiêu chuẩn cho các trang web để không biến internet thành “một mớ hỗn độn” và W3C vẫn giữ vai trò ấy cho đến ngày nay.
Một số điều thú vị về trang web đầu tiên:

-Trang web đầu tiên được viết trên máy tính NeXT của hãng máy tính NeXT, được sang lập bởi Steve Jobs thời gian ông bị trục xuất khỏi Apple.

-Trình duyện Web đầu tiên được Time Berrners – Lee viết bằng ngôn ngữ C trong vòng 3 tháng, có tên là WorldWideWeb. Trình duyệt này chỉ hoạt động trên nền tảng máy tính NeXT.

-Nội dung đầu tiên của info.cern.ch là danh bạ điện thoại các nhân viên của CERN.





- Tin nhắn chat IM AOL đầu tiên do Ted Leonis gửi cho vợ vào ngày 6/1/1993. Nội dung của nó như sau: "Đừng sợ. Anh đây. Yêu và nhớ em". Vợ của Leonis đã đáp lại "Wow, kiểu liên lạc này tuyệt đấy". Sau này, Leonis trở thành Phó Chủ tịch của AOL.

- Domain đầu tiên được đăng kí là Symbolics.com, hiện vẫn còn hoạt động và là domain có “tuổi thọ cao nhất thế giới”.

- Bức ảnh đầu tiên được đưa vào web có tên là Les Horribles Cernettes do chính “ cha đẻ” Time Burrners Lee tải lên.



Một điều thú vị nữa ở đây là tại sao trang web đầu tiên lại được xuất xứ từ một tổ chức về hạt nhân?

Thắc mắc này sau đó đã được chính Time giải đáp rằng,năm 198O, ông được mời vào làm ở Cern, trong dự án có tên là Tangle, giúp kết nối dữ liệu của hàng nghìn kĩ sư, nhà khoa học đang làm việc tại tổ chức này. Và Time nghĩ rằng, mọi chuyện sẽ dễ dàng hơn nếu máy tính có thể truy cập trực tiếp vào dữ liệu từ xa, đó cũng là ý tưởng ban đầu cho sự ra đời của Website.



Ngày 6-8-2O11, nhân kỉ niệm 2O năm trang web đầu tiên ra đời, CERN đã khởi động dự án khôi phục là toàn bộ dữ liệu của “trang web đầu tiên” nhăm vinh danh Time Burrners Lee và các kĩ sư đã lập ra nó.

Mọi phát minh sinh ra đều có chung mục đích phục vụ nhu cầu con người,những điều càng thiết thực thì càng dẫn đến thành công. Và người đầu tiên khám phá và hiện thực hóa điều đó.Sẽ là người đầu tiên đi trên con đường thành công đó.

Nguồn: Sưu tầm

Xem thêm

Ứng dụng của Responsive Web Design

Vấn đề về media



CSS3 hỗ trợ tất cả các loại thiết bị truyền thông tương tự như CSS 2.1 , chẳng hạn như màn hình , in ấn và thiết bị cầm tay , nhưng đã có thêm hàng chục tính năng hỗ trợ phương tiện truyền thông mới , bao gồm cả chiều rộng tối đa , thiết bị rộng , định hướng và màu sắc. Thiết bị mới được thực hiện sau khi phát hành CSS3 ( chẳng hạn như iPad và các thiết bị Android ) chắc chắn sẽ hỗ trợ tính năng truyền thông . Vì vậy,một phương tiện truyền thông truy vấn sử dụng CSS3 sẽ nhắm tới mục tiêu các thiết bị này làm việc tốt , và nó sẽ bị bỏ qua nếu truy cập bằng trình duyệt máy tính cũ không hỗ trợ CSS3.


Trong bài viết của Ethan Marcotte , chúng ta thấy một ví dụ về một truy vấn phương tiện truyền thông :<link rel="stylesheet" type="text/css"
media="screen and (max-device-width: 480px)"
href="shetland.css" />


Phương tiện truyền thông truy vấn này là khá tự giải thích : nếu trình duyệt hiển thị trang này trên một màn hình (chứ không phải in ấn, vv ) , và nếu chiều rộng của màn hình ( không nhất thiết phải là khung nhìn) là 480 pixel hoặc thấp hơn , sau đó tải shetland . css .

Tính năng mới của CSS3 cũng hỗ trợ thiết kế web bao gồm định hướng ( chân dung so với cảnh quan ) , thiết bị rộng , min- thiết bị - chiều rộng và nhiều hơn nữa . Nhìn vào "Định hướng truyền thông truy vấn " để biết thêm thông tin về thiết và hạn chế chiều rộng dựa trên các tính năng truy vấn phương tiện truyền thông .

Người ta có thể tạo ra nhiều phong cách , cũng như thay đổi cách bố trí cơ bản được xác định để phù hợp với phạm vi của độ rộng - ngay cả đối với cảnh quan so với chân dung định hướng . Hãy chắc chắn để xem xét các phần của bài viết Ethan Marcotte mang tên " Gặp gỡ các phương tiện truyền thông truy vấn " cho thêm các ví dụ và giải thích kỹ lưỡng hơn .

Các truy vấn nhiều phương tiện truyền thông cũng có thể được giảm xuống đúng vào một phong cách duy nhất, đó là lựa chọn hiệu quả nhất khi được sử dụng :/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}


Đoạn mã trên là từ một mẫu miễn phí cho nhiều phương tiện truyền thông truy vấn giữa các thiết bị phổ biến Andy Clark.

Vấn đề về CSS3 media trong thiết kế web:

Min-width và max-width là thuộc tính cụ thể được yêu cầu trong media.

Lưu ý trong ví dụ dưới đây chúng ta đang sử dụng cú pháp cho các truy vấn phương tiện truyền thông có thể sử dụng tất cả trong một phong cách trang. Như đã đề cập ở trên, cách hiệu quả nhất để sử dụng phương tiện truyền thông truy vấn là đặt tất cả chúng trong một CSS, với phần còn lại của phong cách cho trang web. Bằng cách này, nhiều yêu cầu không cần phải được thực hiện cho nhiều phong cách.@media screen and (min-width: 600px) {
.hereIsMyClass {
width: 30%;
float: right;
}
}


Các lớp học quy định trong các meida query trên (hereIsMyClass) sẽ chỉ làm việc nếu trình duyệt hoặc chiều rộng màn hình là trên 600 điểm ảnh. Nói cách khác, phương tiện truyền thông truy vấn này sẽ chỉ chạy nếu chiều rộng tối thiểu là 600 điểm ảnh (do đó, 600 pixels hoặc lớn hơn).@media screen and (max-width: 600px) {
.aClassforSmallScreens {
clear: both;
font-size: 1.3em;
}
}


Và bây giờ max-width sẽ chỉ áp dụng cho các trình duyệt có chiều rộng màn hình trên 600px hoặc hẹp hơn.

Đôi khi chúng ta muốn sử dụng một thiết bị chiều rộng đặc biệt:@media screen and (max-device-width: 480px) {
.classForiPhoneDisplay {
font-size: 1.2em;
}
}
@media screen and (min-device-width: 768px) {
.minimumiPadWidth {
clear: both;
margin-bottom: 2px solid #ccc;
}
}


Ngoài ra có thể kết hợp:@media screen and (min-width: 800px) and (max-width: 1200px) {
.classForaMediumScreen {
background: #cc0000;
width: 30%;
float: right;
}
}


Xác định media query trong một thẻ liên kết HTML tiêu chuẩn trong thiết kế web:<link rel="stylesheet" media="screen and (max-width: 600px)" href="small.css" />
<link rel="stylesheet" media="screen and (min-width: 600px)" href="large.css" />
<link rel="stylesheet" media="print" href="print.css" />

Nguồn : Sưu tầm

Xem thêm

Châu Âu điều chỉnh và tiến tới xử phạt Google

Cơ quan quản lý châu Âu đã xuất hiện tại gần một khu định cư để thăm dò về việc liệu tìm kiếm và quảng cáo trên google có phải là không công bằng trong cạnh tranh?



-Hình ảnh trên được nhìn thấy tại cửa hàng điện tử Best Buy và chụp tại Encinitas , California, vào ngày 11 Tháng Tư năm 2013-

Joaquin Almunia,văn phòng chống độc quyền hàng đầu tại châu Âu,cơ quan điều hành của EU cho biết.Đã có một số tiến bộ đáng kể từ phía Google để tránh việc bị phạt.Xuất phát từ việc Google mang lại những hướng sở thích không đáng có cho các dịch vụ từ Google thông qua kết quả tìm kiếm và các thương lượng giao dịch quảng cáo không công bằng.Điển hình như vụ Microsoft và Nokia đòi EU ‘xử lý’ Google.

Đáng nói đến nhất trong các động thái của Google là một động thái cho phép đối thủ cạnh tranh hiển thị logo của mình bên cạnh các dịch vụ của họ và có nhiều không gian hơn trong các trang kết quả tìm kiếm của Google.

Google đã từng có động thái nhượng bộ vào tháng 7 năm 2012,nhưng dường như điều đó là chưa đủ sau khi EU thảo luận một năm.

“Giờ đây với những kết quả đáng kể trên bàn đàm phán,tôi nghĩ rằng chúng tôi có khả năng làm việc trở lại và tìm cách kiếm một giải pháp hiệu quả”, Almunia nói với các nhà lập pháp EU trong một cuộc họp tại Brussels

Google hiện đang thử nghiệm những tác động từ những thay đổi đem lại.Và các ủy ban cũng như các đối thủ cạnh tranh như Microsoft và Yelp sẽ có cơ hội đạt được câu trả lời.

Alumunia sẽ đưa ra ra quyết định cuối cùng trong một giải pháp mà ông nói sẽ đưa ra vào năm 2014,để phản đối hay chấp thuận.Trong đó có khả năng sẽ đánh dấu sự khởi đầu cho một cuộc chiến tòa án kéo dài và đi kèm là những khoản tiền phạt dành cho Google.



Microsoft trả khoảng 2,2 tỷ euro tiền phạt trong khoảng một thập kỷ xung đột với Ủy ban trên vì việc lạm dụng sự thống trị,tuy nhiên rất nhiều trong số đó xuất hiện không thích hợp cho tốc độ thay đổi công nghệ nhanh chóng.

Thomas Vinje,phát ngôn viên cho FairSearch Europe một nhóm các công ty vận động hành lang chống lại Google bao gồm cả Microsoft và Oracle cho biết rất khó để nói gì cho đến khi chi tiết các đề nghị từ phía Google được biết rõ.Đồng thời ông cũng hy vọng Ủy ban sẽ mang đến một cơ hội cho các đối thủ cạnh tranh để xem xét những thay đổi từ phía Google tác động lên thị trường.

Và ngay từ đầu , Almunia đã nói rằng ông thích đàm phán chứ không muốn một trận chiến kéo dài của những phiên tòa và các mức phạt.

"(Công việc của tôi là về) người tiêu dùng phúc lợi, sự đổi mới và sự lựa chọn, không phải là về bảo vệ đối thủ cạnh tranh," Almunia cho biết. Ông cho biết người tiêu dùng có sự lựa chọn xứng đáng trong tìm kiếm trực tuyến và quảng cáo "bây giờ, chứ không phải sau nhiều năm kiện tụng."

Đầu năm nay,Ủy ban thương mại liên bang Mỹ đã đóng cửa một cuộc điều tra nhằm vào Google sau khi Google đồng ý loại bỏ các hạn chế trên Adword gây khó khăn trong tiếp thị,quản lý tiếp thị trên các nền tảng khác nhau.

Nhưng sự thống trị của Google thậm chí còn mạnh hơn ở châu Âu, nơi mà nó kiểm soát khoảng 80 phần trăm của tổng thị trường và hơn 90 phần trăm trong một số quốc gia, so với chỉ 67 phần trăm ở Mỹ, theo số liệu của comScore.

Nguồn: Sưu tầm

Xem thêm

Lưu ý khi thiết kế web trên mobile

1.Giảm số lượng nội dung

Trên các thiết bị di động thì luôn có màn hình hiển thị vừa phải.Ngay cả những chiếc Iphone với màn hình hiển thị khá rộng cũng chỉ bằng 1/5 so với một chiếc laptop bình thường.Vì thế không gian hiển thị sẽ ít hơn rất nhiều.Đồng thời những người sử dụng mobile trên internet thông thường cũng bận rộn hơn,họ ít có thời gian để đọc những thứ không liên quan đến nhu cầu chính.

Nên chúng ta phải biết sử dụng tốt đến từng điểm ảnh.Bằng cách đơn giản hóa nội dung và chỉ để những nội dung hay tính năng quan trọng thì lượng nội dung hiển thị sẽ được tối ưu hóa trên mobile.

Ngoài ra đơn giản hóa nội dung cũng giúp chúng ta dễ dàng duyệt hơn khi mạng mobile khá là yếu.

2.Bố trí nội dung theo cột đơn




Loại bỏ các nội dung không quan trọng và bố trí lại theo cột

Website được duyệt trên mobile khá là khó nhìn.Để đọc được nội dung cần thiết thì người sử dụng sẽ phải zoom để nhìn rõ.Việc này rất là bất tiện.

Giả sử bạn đang muốn xem 1 bài báo mà không nhìn rõ.bạn dùng tay phóng to để đọc nhưng lại chạm vào 1 cái gì đó khác.Và bạn sẽ lại phải back lại và lại zoom lại.Nhất là 1 page có quá nhiều nội dung thì việc chạm nhầm là rất dễ thấy.Điều này mang đến sự khó chịu cho người sử dụng.

3.Trình bày điều hướng

Rất khó để xếp đủ điều hướng trên cùng 1 page web di động một cách phù hợp.Xếp đầy đủ các mục điều hướng ở phía trên sẽ đẩy nội dung đi quá xa.Dưới đây là một số lời khuyên cho việc đặt chuyển hướng trên trang web điện thoải di động:

Trên trang chủ đặt chuyển hướng và tìm kiếm trên website ở trên cùng 1 trang,nội dung để cho các trang sau.Điều này phù hợp với các website mà người sử dụng muốn điều hướng hoặc tìm kiếm ngay lập tức, hơn là đọc nội dung. Ví dụ, khi người dùng truy cập các trang web thương mại điện tử họ thường có một loại sản phẩm cụ thể trong tâm trí và muốn khai thác thông qua nó hoặc gõ vào hộp tìm kiếm.

4.Hạn chế nhập văn bản

Việc nhập văn bản hay gõ,chạm,click trên mobile khó hơn nhiều so với laptop hay destop .Vì thế việc có sai sót khi nhập văn bản hay nhập chậm.Nên người sử dụng sẽ rất khó chịu khi phải gõ nhiều trên mobile.




Đứng trên vị trí người thiết kế,các bạn có thể làm một số việc trên để giảm lượng nhập văn bản trên mobile cho người dùng:

-Sử dụng lưu trữ trên điện thoại.

-Nhập mã PIN thay vì mật khẩu,hay là nhập số thay các kí tự,nhất là Tiếng Việt có dấu.

-Tận dụng các chức năng có sẵn.Tối đa hóa việc click thay vì nhập lựa chọn.

Điều này sẽ giúp người sử dụng cảm thấy thoải mái và tiện lợi hơn với thiết kế website của bạn.
5. Thiết kế một hay nhiều trang web điện thoại di động?

Màn hình và sức mạnh xử lý trên điện thoại di động khác nhau rất nhiều. Ví dụ, một kiểm tra nhanh chóng vào một nhà bán lẻ điện thoại di động hàng đầu cho điện thoại bán chạy với độ phân giải khác nhau, từ 128 x 160 pixel với lên đến 480 x 800. Và, trong khi nhiều điện thoại thông minh có khả năng để tải lên các trang web đầy đủ điện thoại ít tiên tiến không thể đối phó và sẽ sụp đổ để làm như vậy.

Nếu trang web của điện thoại di động của bạn tập trung đến đối tượng người sử dụng điện thoại thông minh với tốc độ tải nhanh sau đó một phiên bản di động sẽ được ok. Tuy nhiên, nếu bạn muốn có một tiếp cận rộng hơn thì bạn nên xem xét việc tạo một cặp xuống phiên bản. Facebook đi xa như có 3 phiên bản điện thoại di động chính. m.facebook.com là trang web điện thoại di động chính, touch.facebook.com được tối ưu hóa cho điện thoại di động touscreen và 0.facebook.com được tối ưu hóa cho người sử dụng ở các nước có tốc độ download rất chậm.



6 . Thiết kế cho màn hình cảm ứng và không có màn hình cảm ứng

Điện thoại thông minh chiếm đa số sử dụng Internet di động tại nhiều quốc gia. Vì vậy , điều quan trọng là trang web điện thoại di động của bạn sẽ được tối ưu hóa cho điện thoại thông minh .Nhưng có một thị phần rất lớn người sử dụng điện thoại không có cảm ứng.Vì thế bạn nên thiết kế cho cả 2 phiên bản trên.

Những khó khăn phổ biến nhất với xem các trang web tiêu chuẩn trên một điện thoại thông minh là trong việc lựa chọn , đặc biệt là khi click chọn, liên kết văn bản nhỏ chính xác . Ngón tay có xu hướng quá to để đạt một liên kết nhỏ chính xác , và nếu có 2 hoặc nhiều liên kết gần nhau thì rất dễ dàng để vô tình chọn sai .

Nên để các hành động call quan trọng cho footer link.Nếu có sử dụng thì nên dành nhiều không gian hơn.

7.Giảm các thao tác trên điện thoại

Việc thao tác nhiều trên điện thoại rất dễ mỏi và nhàm chán.Vì thế nên thiết kế website sao cho giảm thiểu nhiều tối đa thao tác của người dùng.

Ví dụ :sử dụng một số nút “Back to top” giúp chuyển lên trên đầu page,sử dụng “yes” “no” đơn giản hóa tùy chọn người sử dụng…..

8.Tận dụng chức năng sẵn có

Nhiều điện thoại lại tiện lợi hơn máy tính vì có chứa một số chức năng được tích hợp sẵn mà trên máy tính không có

thực hiện cuộc gọi

Tất cả các điện thoại có thể (tất nhiên) thực hiện cuộc gọi điện thoại ( máy tính cần thêm phần mềm hầu hết người dùng sẽ không phải mua tín dụng để thực hiện cuộc gọi từ máy tính của họ để điện thoại vật lý) . Cho phép người dùng tự động gọi khi nhấp vào một số điện thoại hay liên kết cuộc gọi . Điều này rất hữu ích cho việc sử dụng 'Liên hệ với chúng tôi '

Xem địa chỉ trên bản đồ

Tương tự như vậy , nó có thể cung cấp cho người dùng tùy chọn để lựa chọn một địa chỉ và tự động mở ứng dụng bản đồ điện thoại di động .

Tìm gần nhất ...

Người sử dụng internet trên mobile thường là lúc xa nhà của họ. Vì nhiều điện thoại di động đi kèm với khả năng sẵn có vị trí phát hiện (ví dụ như GPS ), bạn có thể yêu cầu một người sử dụng chia sẻ vị trí hiện tại của họ . Nhà bán lẻ đường cao , ví dụ, có thể làm cho nó dễ dàng cho khách hàng để phát hiện các cửa hàng gần nhất của họ trên bản đồ . Xã hội các trang web điện thoại di động kết nối mạng có thể làm cho nó dễ dàng cho người dùng để tìm thấy những người , địa điểm hoặc sự kiện gần họ .

Thông tin đầu vào trong cách thức sáng tạo

Có rất nhiều cách sáng tạo để cho phép người dùng nhập thông tin được cả hai vui vẻ và hữu ích. Mã QR là một ví dụ về điều này. Waitrose đã có một chiến dịch báo chí vào cuối năm ngoái để thúc đẩy nó Giáng sinh iPhone và các ứng dụng Android . Quét mã mất người sử dụng trực tiếp đến các cửa hàng ứng dụng để tải về nó.

Xem thêm

Microsoft chặn công cụ Ask toolbar và cách gỡ bỏ nhanh

Thời gian gần đây thì Microsoft đã xếp Ask Toolbar vào một trong những phần mềm độc hại cho máy tínhvà cần được loại bỏ khỏi máy tính Windows của người dùng. Bởi khi một ứng dụng khác yêu cầu thực hiện thay đổi trang chủ thì công cụ tìm kiếm mác định này trong phiên bản của Ask Toolbar sẽ cảnh báo và sẽ quay trở về trang chủ của Ask.

Dưới đây sẽ là đoạn thông báo được truyền tải cụ thể bởi Microsoft:

The latest version of this application is not detected by our objective criteria, and is not considered unwanted software.

Older versions of software can restrict or limit your control over your search provider. It can prevent you from disabling or modifying your search provider.

Người phát ngôn của Ask Toolbar cho biết với việc cập nhật giải pháp chống phần mềm độc hại lần này của Microsoft, sẽ gây ảnh hưởng tới khoảng dưới 1% số người dùng thanh công cụ Toolbar.

Xem thêm